.theme-dark .modal { --modal-overlay-background: rgb(29, 29, 31); --modal-close-background: rgb(51, 51, 54); --modal-close-background-hover: rgb(55.08, 55.08, 58.02); --modal-close-background-active: rgb(46.92, 46.92, 49.68); --modal-close-color: rgba(255, 255, 255, 0.8); --modal-close-color-hover: rgb(255, 255, 255); } .modal-dark.modal { --modal-overlay-background: rgb(29, 29, 31); --modal-close-background: rgb(51, 51, 54); --modal-close-background-hover: rgb(55.08, 55.08, 58.02); --modal-close-background-active: rgb(46.92, 46.92, 49.68); --modal-close-color: rgba(255, 255, 255, 0.8); --modal-close-color-hover: rgb(255, 255, 255); } .modal-dark.modal.modal-close-button-high-contrast { --modal-close-background: rgb(232, 232, 237); --modal-close-background-hover: rgb(235.68, 235.68, 239.88); --modal-close-background-active: rgb(222.72, 222.72, 227.52); --modal-close-color: rgba(0, 0, 0, 0.56); --modal-close-color-hover: rgba(0, 0, 0, 0.72); } .theme-dark .modal.modal-close-button-high-contrast { --modal-close-background: rgb(232, 232, 237); --modal-close-background-hover: rgb(235.68, 235.68, 239.88); --modal-close-background-active: rgb(222.72, 222.72, 227.52); --modal-close-color: rgba(0, 0, 0, 0.56); --modal-close-color-hover: rgba(0, 0, 0, 0.72); } .theme-light .modal.modal-dark { --modal-overlay-background: rgb(29, 29, 31); --modal-close-background: rgb(51, 51, 54); --modal-close-background-hover: rgb(55.08, 55.08, 58.02); --modal-close-background-active: rgb(46.92, 46.92, 49.68); --modal-close-color: rgba(255, 255, 255, 0.8); --modal-close-color-hover: rgb(255, 255, 255); } .theme-light .modal.modal-dark.modal-close-button-high-contrast { --modal-close-background: rgb(232, 232, 237); --modal-close-background-hover: rgb(235.68, 235.68, 239.88); --modal-close-background-active: rgb(222.72, 222.72, 227.52); --modal-close-color: rgba(0, 0, 0, 0.56); --modal-close-color-hover: rgba(0, 0, 0, 0.72); } .modal-light.modal-close-button-high-contrast { --modal-close-background: rgb(51, 51, 54); --modal-close-background-hover: rgb(55.08, 55.08, 58.02); --modal-close-background-active: rgb(46.92, 46.92, 49.68); --modal-close-color: rgba(255, 255, 255, 0.8); --modal-close-color-hover: rgb(255, 255, 255); } .theme-dark .modal.modal-light { --modal-overlay-background: rgb(255, 255, 255); --modal-close-background: rgb(232, 232, 237); --modal-close-background-hover: rgb(235.68, 235.68, 239.88); --modal-close-background-active: rgb(222.72, 222.72, 227.52); --modal-close-color: rgba(0, 0, 0, 0.56); --modal-close-color-hover: rgba(0, 0, 0, 0.72); } .theme-dark .modal.modal-light.modal-close-button-high-contrast { --modal-close-background: rgb(51, 51, 54); --modal-close-background-hover: rgb(55.08, 55.08, 58.02); --modal-close-background-active: rgb(46.92, 46.92, 49.68); --modal-close-color: rgba(255, 255, 255, 0.8); --modal-close-color-hover: rgb(255, 255, 255); } .modal-close-button { cursor: auto; position: var(--modal-close-button-position); -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: end; align-self: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 9999; height: var(--modal-close-button-size); width: var(--modal-close-button-size); margin: 0; padding: 0; border: 0; -webkit-margin-end: var(--modal-close-button-offset-inline-start); margin-inline-end: var(--modal-close-button-offset-inline-start); margin-top: var(--modal-close-button-offset-top); top: var(--modal-close-button-offset-top); } html.has-modal .modal-close-button { cursor: pointer; } .modal-close-button:focus-visible { outline: none; } .modal-close-button:focus-visible .modal-close-icon { outline: 2px solid var(--sk-focus-color, #0071e3); outline-offset: 3px; } .modal-close-button:hover .modal-close-icon { background: var(--modal-close-background-hover); color: var(--modal-close-color-hover); } .modal-close-button:active .modal-close-icon { background: var(--modal-close-background-active); } .modal-close-button .modal-close-icon { background: var(--modal-close-background); border-radius: var(--modal-close-border-radius); color: var(--modal-close-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: var(--modal-close-icon-size); width: var(--modal-close-icon-size); outline: none; -webkit-transition: color 100ms linear, background 100ms linear; transition: color 100ms linear, background 100ms linear; position: relative; } .modal-close-button .modal-close-icon svg { fill: currentColor; position: absolute; inset-inline-start: 50%; height: var(--modal-close-icon-svg-size); width: var(--modal-close-icon-svg-size); } html:not([dir="rtl"]) .modal-close-button .modal-close-icon svg { -webkit-transform: translateX(-50%); transform: translateX(-50%); } html[dir="rtl"] .modal-close-button .modal-close-icon svg { -webkit-transform: translateX(50%); transform: translateX(50%); } .modal-close-button .modal-close-icon * { pointer-events: none; } .modal { --modal-overlay-background: rgb(255, 255, 255); --modal-overlay-padding-top: 76px; --modal-overlay-padding-bottom: 76px; --modal-overlay-padding-inline: 76px; --modal-close-button-offset-top: 16px; --modal-close-button-offset-inline-start: 16px; --modal-close-button-size: 44px; --modal-close-background: rgb(232, 232, 237); --modal-close-background-hover: rgb(235.68, 235.68, 239.88); --modal-close-background-active: rgb(222.72, 222.72, 227.52); --modal-close-color: rgba(0, 0, 0, 0.56); --modal-close-color-hover: rgba(0, 0, 0, 0.72); --modal-close-border-radius: 50%; --modal-close-button-position: sticky; --modal-close-icon-size: 36px; --modal-close-icon-svg-size: 20px; background: var(--modal-scrim-background, var(--modal-overlay-background)); position: fixed; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; display: none; overflow: auto; } @media (max-width: 480px) { .modal { --modal-overlay-padding-inline: 6.25%; } } .modal.modal-animating { overflow: hidden; } .modal .modal-overlay-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 100%; } .modal .modal-overlay { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .modal .modal-overlay:focus-visible { outline: 2px solid var(--sk-focus-color, #0071e3); outline-offset: 3px; } .modal .modal-overlay[data-focus-method="mouse"], .modal .modal-overlay[data-focus-method="touch"] { outline: none; } .modal .modal-content-container { background: var(--modal-overlay-background); -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-padding-start: var(--modal-overlay-padding-inline); padding-inline-start: var(--modal-overlay-padding-inline); -webkit-padding-end: var(--modal-overlay-padding-inline); padding-inline-end: var(--modal-overlay-padding-inline); padding-top: var(--modal-overlay-padding-top); padding-bottom: var(--modal-overlay-padding-bottom); margin-top: calc(-1 * (44px + var(--modal-close-button-offset-top))); } .modal-open { display: block; z-index: 11000; } .modal-touch-lock { -ms-touch-action: none; touch-action: none; } .has-modal { overflow: hidden; } .has-modal body { -webkit-padding-end: var(--modal-scrollbar-buffer); padding-inline-end: var(--modal-scrollbar-buffer); } .modal-full-bleed { --modal-scrim-background: var(--modal-overlay-background); --modal-overlay-padding-top: 96px; --modal-overlay-padding-bottom: 96px; --modal-close-button-offset-top: max(16px, env(safe-area-inset-top)); } html:not([dir="rtl"]) .modal-full-bleed { --modal-close-button-offset-inline-start: max( 16px, env(safe-area-inset-left) ); } html[dir="rtl"] .modal-full-bleed { --modal-close-button-offset-inline-start: max( 16px, env(safe-area-inset-right) ); } @media (max-width: 1068px) { .modal-full-bleed { --modal-overlay-padding-top: 76px; --modal-overlay-padding-bottom: 76px; } } .modal-full-bleed .modal-overlay-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .modal-full-bleed .modal-overlay { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; } .modal-full-bleed .modal-overlay:focus { outline-offset: -4px; } .modal-full-bleed .modal-content-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .modal-page-overlay { --modal-scrim-background: rgba(0, 0, 0, 0.48); --modal-overlay-margin-top: 40px; --modal-overlay-margin-bottom: var(--modal-overlay-margin-top); --modal-overlay-border-radius-top: 18px; --modal-overlay-border-radius-bottom: var(--modal-overlay-border-radius-top); --modal-overlay-width: 816.6666666667px; } @media (max-width: 1068px) { .modal-page-overlay { --modal-overlay-width: 692px; } } @media (max-width: 734px) { .modal-page-overlay { --modal-overlay-width: max(87.5%, 480px); --modal-overlay-padding-bottom: 60px; } } @media (max-width: 480px) { .modal-page-overlay { --modal-overlay-border-radius-bottom: 0; --modal-overlay-width: 100%; --modal-close-button-offset-top: max(16px, env(safe-area-inset-top)); } html:not([dir="rtl"]) .modal-page-overlay { --modal-close-button-offset-inline-start: max( 16px, env(safe-area-inset-left) ); } html[dir="rtl"] .modal-page-overlay { --modal-close-button-offset-inline-start: max( 16px, env(safe-area-inset-right) ); } } @media (max-width: 480px) { .modal-page-overlay .modal-overlay-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .modal-page-overlay .modal-overlay { -webkit-margin-start: auto; margin-inline-start: auto; -webkit-margin-end: auto; margin-inline-end: auto; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: var(--modal-overlay-border-radius-top) var(--modal-overlay-border-radius-top) var(--modal-overlay-border-radius-bottom) var(--modal-overlay-border-radius-bottom); width: var(--modal-overlay-width); margin-top: var(--modal-overlay-margin-top); margin-bottom: var(--modal-overlay-margin-bottom); } @media (max-width: 480px) { .modal-page-overlay .modal-overlay { --modal-overlay-margin-top: 20px; --modal-overlay-margin-bottom: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .modal-page-overlay .modal-overlay .modal-content-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .modal-page-overlay .modal-overlay .modal-content-container { border-radius: inherit; -webkit-mask-image: radial-gradient(white, black); mask-image: radial-gradient(white, black); } @media (min-width: 1069px) { .modal-wide { --modal-overlay-width: 1029px; } } .modal-crossfade { display: block; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s ease, visibility 0s linear 0.4s, z-index 0s linear 0.4s; transition: opacity 0.4s ease, visibility 0s linear 0.4s, z-index 0s linear 0.4s; } @media (prefers-reduced-motion) { .modal-crossfade { -webkit-transition: none; transition: none; } } .modal-crossfade.modal-open { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } .modal-fixed-height { overflow: initial; --modal-close-button-position: static; } .modal-curtain-light { --modal-scrim-background: rgba(232, 232, 237, 0.48); } .modal-curtain-blur { backdrop-filter: blur(20px); } .modal-close-button-static { --modal-close-button-position: static; } .modal-close-button-high-contrast { --modal-close-background: rgb(51, 51, 54); --modal-close-background-hover: rgb(55.08, 55.08, 58.02); --modal-close-background-active: rgb(46.92, 46.92, 49.68); --modal-close-color: rgba(255, 255, 255, 0.8); --modal-close-color-hover: rgb(255, 255, 255); } .ac-video-icon, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled::before { background-repeat: no-repeat; } .ac-video-icon.icon-ctrl_airplay, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-ctrl_airplay.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-ctrl_airplay.enabled::before, .ac-video-icon.controls-airplay-button, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.controls-airplay-button::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.controls-airplay-button::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20height%3D%2225%22%20width%3D%2221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h21v25h-21z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m18.5%204h-16a2.50294%202.50294%200%200%200%20-2.5%202.5v9a2.50294%202.50294%200%200%200%202.5%202.5h2.90786l.92859-1h-3.83645a1.50164%201.50164%200%200%201%20-1.5-1.5v-9a1.50164%201.50164%200%200%201%201.5-1.5h16a1.50164%201.50164%200%200%201%201.5%201.5v9a1.50164%201.50164%200%200%201%20-1.5%201.5h-3.86212l.92859%201h2.93353a2.50294%202.50294%200%200%200%202.5-2.5v-9a2.50294%202.50294%200%200%200%20-2.5-2.5z%22%2F%3E%3Cpath%20d%3D%22m16.39205%2020.32933-5.52465-5.91988a.503.503%200%200%200%20-.7348%200l-5.5246%205.91988a.39889.39889%200%200%200%20.29391.67067h11.19618a.39889.39889%200%200%200%20.29396-.67067z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-ctrl_airplay_active, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-ctrl_airplay_active.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-ctrl_airplay_active.enabled::before, .ac-video-icon.controls-airplay-button.airplay-active, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.controls-airplay-button.airplay-active::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.controls-airplay-button.airplay-active::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20height%3D%2225%22%20width%3D%2221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h21v25h-21z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m18.5%204h-16a2.50294%202.50294%200%200%200%20-2.5%202.5v9a2.50294%202.50294%200%200%200%202.5%202.5h2.90786l.92859-1h-3.83645a1.50164%201.50164%200%200%201%20-1.5-1.5v-9a1.50164%201.50164%200%200%201%201.5-1.5h16a1.50164%201.50164%200%200%201%201.5%201.5v9a1.50164%201.50164%200%200%201%20-1.5%201.5h-3.86212l.92859%201h2.93353a2.50294%202.50294%200%200%200%202.5-2.5v-9a2.50294%202.50294%200%200%200%20-2.5-2.5z%22%2F%3E%3Cpath%20d%3D%22m16.39205%2020.32933-5.52465-5.91988a.503.503%200%200%200%20-.7348%200l-5.5246%205.91988a.39889.39889%200%200%200%20.29391.67067h11.19618a.39889.39889%200%200%200%20.29396-.67067z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-ctrl_arrow, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-ctrl_arrow.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-ctrl_arrow.enabled::before, .compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-top, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector .compass-wrapper .compass-arrows li.enabled.compass-arrow-top::before, .compass-wrapper .compass-arrows .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.compass-arrow-top::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector .compass-wrapper .compass-arrows li.enabled.compass-arrow-top::before, .compass-wrapper .compass-arrows .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.compass-arrow-top::before, .compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-right, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector .compass-wrapper .compass-arrows li.enabled.compass-arrow-right::before, .compass-wrapper .compass-arrows .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.compass-arrow-right::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector .compass-wrapper .compass-arrows li.enabled.compass-arrow-right::before, .compass-wrapper .compass-arrows .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.compass-arrow-right::before, .compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-bottom, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector .compass-wrapper .compass-arrows li.enabled.compass-arrow-bottom::before, .compass-wrapper .compass-arrows .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.compass-arrow-bottom::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector .compass-wrapper .compass-arrows li.enabled.compass-arrow-bottom::before, .compass-wrapper .compass-arrows .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.compass-arrow-bottom::before, .compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-left, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector .compass-wrapper .compass-arrows li.enabled.compass-arrow-left::before, .compass-wrapper .compass-arrows .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.compass-arrow-left::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector .compass-wrapper .compass-arrows li.enabled.compass-arrow-left::before, .compass-wrapper .compass-arrows .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.compass-arrow-left::before { 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, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-ctrl_cc_active.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-ctrl_cc_active.enabled::before { 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, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-ctrl_cc_default.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-ctrl_cc_default.enabled::before { 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-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-ctrl_cc_off.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-ctrl_cc_off.enabled::before, .ac-video-icon.controls-text-tracks-toggle-button, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.controls-text-tracks-toggle-button::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.controls-text-tracks-toggle-button::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2221%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h21v25h-21z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m8%2012h-3a.5.5%200%200%201%200-1h3a.5.5%200%200%201%200%201z%22%2F%3E%3Cpath%20d%3D%22m7%2014h-2a.5.5%200%200%201%200-1h2a.5.5%200%200%201%200%201z%22%2F%3E%3Cpath%20d%3D%22m16%2014h-2a.5.5%200%200%201%200-1h2a.5.5%200%200%201%200%201z%22%2F%3E%3Cpath%20d%3D%22m12%2014h-3a.5.5%200%200%201%200-1h3a.5.5%200%200%201%200%201z%22%2F%3E%3Cpath%20d%3D%22m16%2012h-6a.5.5%200%200%201%200-1h6a.5.5%200%200%201%200%201z%22%2F%3E%3Cpath%20d%3D%22m5.752%2021.2007a.75152.75152%200%200%201%20-.3125-.06885.74252.74252%200%200%201%20-.4395-.68262v-2.44923h-2.5a2.50263%202.50263%200%200%201%20-2.5-2.5v-9a2.50263%202.50263%200%200%201%202.5-2.5h16a2.50263%202.50263%200%200%201%202.5%202.5v9a2.50263%202.50263%200%200%201%20-2.5%202.5h-8.71777a.63645.63645%200%200%200%20-.2654.09972l-3.27269%202.914a.74468.74468%200%200%201%20-.49214.18698zm-3.252-16.2007a1.50164%201.50164%200%200%200%20-1.5%201.5v9a1.50164%201.50164%200%200%200%201.5%201.5h2.5a1.001%201.001%200%200%201%201%201v1.89844l2.959-2.58936a1.25044%201.25044%200%200%201%20.82323-.30908h8.71777a1.50164%201.50164%200%200%200%201.5-1.5v-9a1.50164%201.50164%200%200%200%20-1.5-1.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-ctrl_cc_on, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-ctrl_cc_on.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-ctrl_cc_on.enabled::before, .ac-video-icon.controls-text-tracks-toggle-button.text-tracks-visible, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.controls-text-tracks-toggle-button.text-tracks-visible::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.controls-text-tracks-toggle-button.text-tracks-visible::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2221%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h21v25h-21z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m18.5%204h-16a2.50263%202.50263%200%200%200%20-2.5%202.5v9a2.50263%202.50263%200%200%200%202.5%202.5h2.5v2.44922a.74254.74254%200%200%200%20.43945.68262.74212.74212%200%200%200%20.80469-.11817l3.37305-2.95167a.251.251%200%200%201%20.165-.062h8.71781a2.50263%202.50263%200%200%200%202.5-2.5v-9a2.50263%202.50263%200%200%200%20-2.5-2.5zm-11.5%2010h-2a.5.5%200%200%201%200-1h2a.5.5%200%200%201%200%201zm1-2h-3a.5.5%200%200%201%200-1h3a.5.5%200%200%201%200%201zm4%202h-3a.5.5%200%200%201%200-1h3a.5.5%200%200%201%200%201zm4%200h-2a.5.5%200%200%201%200-1h2a.5.5%200%200%201%200%201zm0-2h-6a.5.5%200%200%201%200-1h6a.5.5%200%200%201%200%201z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-ctrl_fullscreen, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-ctrl_fullscreen.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-ctrl_fullscreen.enabled::before, .ac-video-icon.controls-full-screen-button, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.controls-full-screen-button::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.controls-full-screen-button::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2217%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h17v25h-17z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m9.32047%2014.0275%205.97253%205.9725h-4.793a.5.5%200%200%200%200%201h5.3999a1.10154%201.10154%200%200%200%201.1001-1.1001v-5.3999a.5.5%200%200%200%20-1%200v4.793l-5.9725-5.9725a.49995.49995%200%200%200%20-.707.707z%22%2F%3E%3Cpath%20d%3D%22m7.67953%2010.9725-5.97253-5.9725h4.793a.5.5%200%200%200%200-1h-5.3999a1.10154%201.10154%200%200%200%20-1.1001%201.1001v5.3999a.5.5%200%200%200%201%200v-4.793l5.9725%205.9725a.49995.49995%200%200%200%20.707-.707z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-ctrl_check, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22Checkmark%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2216%22%20viewBox%3D%220%200%208%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Echeckmark%3C%2Ftitle%3E%3Crect%20id%3D%22Bounding-Box%22%20class%3D%22cls-1%22%20width%3D%228%22%20height%3D%2216%22%2F%3E%3Cg%20id%3D%22Icon%22%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M2.76%2C11.69.86%2C9.33A.72.72%2C0%2C0%2C1%2C.7%2C8.9a.53.53%2C0%2C0%2C1%2C.53-.55.6.6%2C0%2C0%2C1%2C.51.28l1.58%2C2L6.41%2C5.74a.57.57%2C0%2C0%2C1%2C.48-.32.54.54%2C0%2C0%2C1%2C.56.51.83.83%2C0%2C0%2C1-.17.44L3.91%2C11.68a.67.67%2C0%2C0%2C1-.56.32A.74.74%2C0%2C0%2C1%2C2.76%2C11.69Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-ctrl_fullscreen_exit, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-ctrl_fullscreen_exit.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-ctrl_fullscreen_exit.enabled::before, .ac-video-icon.controls-full-screen-button.is-fullscreen, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.controls-full-screen-button.is-fullscreen::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.controls-full-screen-button.is-fullscreen::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2217%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h17v25h-17z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m.32048%205.02751%205.97252%205.97249h-4.793a.5.5%200%201%200%200%201h5.3999a1.10154%201.10154%200%200%200%201.1001-1.1001v-5.3999a.5.5%200%201%200%20-1%200v4.793l-5.97249-5.97252a.49995.49995%200%201%200%20-.707.707z%22%2F%3E%3Cpath%20d%3D%22m16.67952%2019.97249-5.97252-5.97249h4.793a.5.5%200%200%200%200-1h-5.3999a1.10154%201.10154%200%200%200%20-1.1001%201.1001v5.3999a.5.5%200%200%200%201%200v-4.793l5.97249%205.97249a.49995.49995%200%201%200%20.707-.707z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-ctrl_pause, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-ctrl_pause.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-ctrl_pause.enabled::before, .is-playing .ac-video-icon.controls-play-pause-button, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector .is-playing li.enabled.controls-play-pause-button::before, .is-playing .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.controls-play-pause-button::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector .is-playing li.enabled.controls-play-pause-button::before, .is-playing .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.controls-play-pause-button::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2256%22%20height%3D%2256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h56v56h-56z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Crect%20height%3D%2236%22%20rx%3D%223%22%20width%3D%2211%22%20x%3D%2214%22%20y%3D%2210%22%2F%3E%3Crect%20height%3D%2236%22%20rx%3D%223%22%20width%3D%2211%22%20x%3D%2231%22%20y%3D%2210%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-ctrl_pause_super, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-ctrl_pause_super.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-ctrl_pause_super.enabled::before, .ac-video-player.large .is-playing .ac-video-icon.controls-play-pause-button, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector .ac-video-player.large .is-playing li.enabled.controls-play-pause-button::before, .ac-video-player.large .is-playing .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.controls-play-pause-button::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector .ac-video-player.large .is-playing li.enabled.controls-play-pause-button::before, .ac-video-player.large .is-playing .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.controls-play-pause-button::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2275%22%20height%3D%2275%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h75v75h-75z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Crect%20height%3D%2251%22%20rx%3D%224%22%20width%3D%2216%22%20x%3D%2217%22%20y%3D%2212%22%2F%3E%3Crect%20height%3D%2251%22%20rx%3D%224%22%20width%3D%2216%22%20x%3D%2242%22%20y%3D%2212%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-ctrl_pip_active, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-ctrl_pip_active.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-ctrl_pip_active.enabled::before, .ac-video-icon.controls-picture-in-picture-button.is-picture-in-picture, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.controls-picture-in-picture-button.is-picture-in-picture::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.controls-picture-in-picture-button.is-picture-in-picture::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2225%22%3E%3Ctitle%3Epip.fill_reduced%401x%3C%2Ftitle%3E%3Crect%20width%3D%2221%22%20height%3D%2225%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M18.5%2C11H18v1h.5A1.5%2C1.5%2C0%2C0%2C1%2C20%2C13.5v5A1.5%2C1.5%2C0%2C0%2C1%2C18.5%2C20h-8A1.5%2C1.5%2C0%2C0%2C1%2C9%2C18.5V18H8v.5A2.5%2C2.5%2C0%2C0%2C0%2C10.5%2C21h8A2.5%2C2.5%2C0%2C0%2C0%2C21%2C18.5v-5A2.5%2C2.5%2C0%2C0%2C0%2C18.5%2C11Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M14.5%2C4H2.5A2.5%2C2.5%2C0%2C0%2C0%2C0%2C6.5v8A2.5%2C2.5%2C0%2C0%2C0%2C2.5%2C17h12A2.5%2C2.5%2C0%2C0%2C0%2C17%2C14.5v-8A2.5%2C2.5%2C0%2C0%2C0%2C14.5%2C4Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-ctrl_pip_default, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-ctrl_pip_default.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-ctrl_pip_default.enabled::before, .ac-video-icon.controls-picture-in-picture-button, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.controls-picture-in-picture-button::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.controls-picture-in-picture-button::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2225%22%3E%3Ctitle%3Epip_reduced%401x%3C%2Ftitle%3E%3Crect%20width%3D%2221%22%20height%3D%2225%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M2.5%2C17A1.5%2C1.5%2C0%2C0%2C1%2C1%2C15.5v-9A1.5%2C1.5%2C0%2C0%2C1%2C2.5%2C5h13A1.5%2C1.5%2C0%2C0%2C1%2C17%2C6.5V10h1V6.5A2.5%2C2.5%2C0%2C0%2C0%2C15.5%2C4H2.5A2.5%2C2.5%2C0%2C0%2C0%2C0%2C6.5v9A2.5%2C2.5%2C0%2C0%2C0%2C2.5%2C18H7V17Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M18.5%2C11h-8A2.5%2C2.5%2C0%2C0%2C0%2C8%2C13.5v5A2.5%2C2.5%2C0%2C0%2C0%2C10.5%2C21h8A2.5%2C2.5%2C0%2C0%2C0%2C21%2C18.5v-5A2.5%2C2.5%2C0%2C0%2C0%2C18.5%2C11Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-ctrl_play, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-ctrl_play.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-ctrl_play.enabled::before, .ac-video-icon.controls-play-pause-button, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.controls-play-pause-button::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.controls-play-pause-button::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2256%22%20height%3D%2256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h56v56h-56z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m14%2042.16188v-28.26778c0-2.88275%201.73588-4.3941%203.88446-4.3941a4.9721%204.9721%200%200%201%202.97495.83964l23.00036%2013.57413c2.03839%201.20348%203.14023%202.18305%203.14023%204.08623s-1.10184%202.88275-3.14023%204.08623l-23.00036%2013.57413a4.9721%204.9721%200%200%201%20-2.97495.83964c-2.14858%200-3.88446-1.45537-3.88446-4.33812z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-ctrl_play_super, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-ctrl_play_super.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-ctrl_play_super.enabled::before, .ac-video-player.large .ac-video-icon.controls-play-pause-button, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector .ac-video-player.large li.enabled.controls-play-pause-button::before, .ac-video-player.large .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.controls-play-pause-button::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector .ac-video-player.large li.enabled.controls-play-pause-button::before, .ac-video-player.large .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.controls-play-pause-button::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2275%22%20height%3D%2275%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h75v75h-75z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m17%2057.40318v-39.72769c0-4.05144%202.4984-6.17549%205.59106-6.17549a7.28466%207.28466%200%200%201%204.28213%201.18l33.10681%2019.07719c2.934%201.69137%204.52%203.06807%204.52%205.74281s-1.586%204.05144-4.52%205.74281l-33.10681%2019.07719a7.28466%207.28466%200%200%201%20-4.28213%201.18c-3.09266%200-5.59106-2.04539-5.59106-6.09682z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-ctrl_replay, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-ctrl_replay.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-ctrl_replay.enabled::before, .end-state .ac-video-icon.controls-play-pause-button, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector .end-state li.enabled.controls-play-pause-button::before, .end-state .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.controls-play-pause-button::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector .end-state li.enabled.controls-play-pause-button::before, .end-state .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.controls-play-pause-button::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2256%22%20height%3D%2256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h56v56h-56z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m24.42545%2025.27791a3.11341%203.11341%200%200%201%201.08878-2.42272l2.09524-2.0607h-.08428c-5.6693%200-9.88721%204.48342-9.88721%2010.582a10.3484%2010.3484%200%200%200%2020.6966%200%204.00782%204.00782%200%201%201%208.01542%200%2018.35%2018.35%200%200%201%20-36.7%200%2017.74383%2017.74383%200%200%201%2017.736-18.04508l-1.8718-1.83792a3.11339%203.11339%200%200%201%20-1.08878-2.42271%203.83824%203.83824%200%200%201%203.82595-3.87078%203.48968%203.48968%200%200%201%202.56956%201.08605l7.82039%207.99217a3.76391%203.76391%200%200%201%201.25734%202.84043%203.92685%203.92685%200%200%201%20-1.25734%202.86827l-7.82039%208.02a3.52556%203.52556%200%200%201%20-2.56956%201.05819%203.80252%203.80252%200%200%201%20-3.82592-3.7872z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-ctrl_replay_super, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-ctrl_replay_super.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-ctrl_replay_super.enabled::before, .ac-video-player.large .end-state .ac-video-icon.controls-play-pause-button, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector .ac-video-player.large .end-state li.enabled.controls-play-pause-button::before, .ac-video-player.large .end-state .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.controls-play-pause-button::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector .ac-video-player.large .end-state li.enabled.controls-play-pause-button::before, .ac-video-player.large .end-state .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.controls-play-pause-button::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20height%3D%2275%22%20width%3D%2275%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h75v75h-75z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m32.435%2033.0377a4.4305%204.4305%200%200%201%201.54289-3.44352l2.96755-2.929h-.11823c-8.033%200-14.00914%206.37249-14.00914%2015.04067a14.66186%2014.66186%200%200%200%2029.32371%200%205.67941%205.67941%200%201%201%2011.35818%200%2026%2026%200%201%201%20-52%200c0-14.32822%2010.96244-25.52957%2025.12889-25.64831l-2.651-2.61233a4.43049%204.43049%200%200%201%20-1.54285-3.44349%205.44732%205.44732%200%200%201%205.42116-5.50172%204.937%204.937%200%200%201%203.64084%201.54365l11.08063%2011.35967a5.357%205.357%200%200%201%201.78037%204.03723%205.58839%205.58839%200%200%201%20-1.78033%204.07682l-11.08067%2011.39924a4.98778%204.98778%200%200%201%20-3.6408%201.50407%205.39626%205.39626%200%200%201%20-5.4212-5.38298z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-ctrl_volume_mute, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-ctrl_volume_mute.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-ctrl_volume_mute.enabled::before, .ac-video-icon.controls-toggle-mute-volume-button.is-muted, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.controls-toggle-mute-volume-button.is-muted::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.controls-toggle-mute-volume-button.is-muted::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2221%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2025%22%3E%3Ctitle%3Espeaker.slash.fill_reduced%401x%3C%2Ftitle%3E%3Crect%20width%3D%2221%22%20height%3D%2225%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M15.0535%2C20.83783a.55655.55655%2C0%2C0%2C0%2C.78293.00244.548.548%2C0%2C0%2C0%2C.003-.77812L.9465%2C5.16168a.55776.55776%2C0%2C0%2C0-.78293-.00244.548.548%2C0%2C0%2C0-.00295.77812Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M1.5%2C9A1.50062%2C1.50062%2C0%2C0%2C0%2C0%2C10.5v4A1.50062%2C1.50062%2C0%2C0%2C0%2C1.5%2C16H4.4l5.0127%2C4.73083A.93.93%2C0%2C0%2C0%2C11%2C20.14825V18.33807L1.66559%2C9Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M11%2C4.83215a.93.93%2C0%2C0%2C0-1.58728-.58258L5.39526%2C8.05682%2C11%2C13.66382Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-ctrl_volume_on, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-ctrl_volume_on.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-ctrl_volume_on.enabled::before, .ac-video-icon.controls-toggle-mute-volume-button, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.controls-toggle-mute-volume-button::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.controls-toggle-mute-volume-button::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2221%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2025%22%3E%3Ctitle%3Espeaker.2.fill_reduced%401x%3C%2Ftitle%3E%3Crect%20width%3D%2221%22%20height%3D%2225%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M15.44879%2C16.3875a.55051.55051%2C0%2C0%2C1-.45716-.85518%2C5.45379%2C5.45379%2C0%2C0%2C0-.02246-6.06147.55025.55025%2C0%2C1%2C1%2C.91236-.61537%2C6.55712%2C6.55712%2C0%2C0%2C1%2C.02637%2C7.28636A.54931.54931%2C0%2C0%2C1%2C15.44879%2C16.3875Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M18.524%2C19a.52388.52388%2C0%2C0%2C1-.32053-.109.55375.55375%2C0%2C0%2C1-.10621-.76458%2C9.543%2C9.543%2C0%2C0%2C0%2C0-11.25256.55375.55375%2C0%2C0%2C1%2C.10621-.76458.52648.52648%2C0%2C0%2C1%2C.74726.10853%2C10.65433%2C10.65433%2C0%2C0%2C1%2C0%2C12.56466A.52777.52777%2C0%2C0%2C1%2C18.524%2C19Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M11%2C20.14826a.93.93%2C0%2C0%2C1-1.58725.58258L4.4%2C16H1.5A1.50064%2C1.50064%2C0%2C0%2C1%2C0%2C14.5v-4A1.50064%2C1.50064%2C0%2C0%2C1%2C1.5%2C9H4.4L9.41275%2C4.24957A.93.93%2C0%2C0%2C1%2C11%2C4.83215Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-share_close, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-share_close.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-share_close.enabled::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h13v21h-13z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m.55065%2017a.54981.54981%200%200%201%20-.38865-.93852l11.89991-11.89993a.54967.54967%200%200%201%20.77734.77735l-11.89993%2011.89993a.548.548%200%200%201%20-.38867.16117z%22%2F%3E%3Cpath%20d%3D%22m12.4502%2016.99911a.548.548%200%200%201%20-.38868-.16113l-11.90039-11.90039a.54967.54967%200%200%201%20.77735-.77734l11.90039%2011.90039a.5498.5498%200%200%201%20-.38867.93847z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-share_line, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-share_line.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-share_line.enabled::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2221%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Esocial.line_reduced%401x_FFF_np%3C%2Ftitle%3E%3Crect%20width%3D%2221%22%20height%3D%2225%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M20.5%2C11.09106C20.5%2C6.62962%2C16.01409%2C3%2C10.49992%2C3%2C4.98638%2C3%2C.5%2C6.62962.5%2C11.09106c0%2C3.99967%2C3.55756%2C7.34934%2C8.36313%2C7.98266.32566.07.76891.214.881.49168a2.042%2C2.042%2C0%2C0%2C1%2C.03235.90151s-.11729.70351-.1427.85351c-.04356.252-.20094.98587.86615.53747a32.2811%2C32.2811%2C0%2C0%2C0%2C7.857-5.78869h-.00047A7.18774%2C7.18774%2C0%2C0%2C0%2C20.5%2C11.09106ZM6.97181%2C13.473a.19434.19434%2C0%2C0%2C1-.19447.19422H3.97494a.19368.19368%2C0%2C0%2C1-.13448-.05414l-.00285-.00268-.00269-.003a.19238.19238%2C0%2C0%2C1-.05445-.13409V9.12913a.19447.19447%2C0%2C0%2C1%2C.19479-.19405h.70151a.19433.19433%2C0%2C0%2C1%2C.19463.19405v3.45023H6.77734a.19434.19434%2C0%2C0%2C1%2C.19447.19422Zm1.69114.00038a.19431.19431%2C0%2C0%2C1-.19479.19374H7.76665a.1943.1943%2C0%2C0%2C1-.19478-.19374V9.129a.19444.19444%2C0%2C0%2C1%2C.19478-.19391h.70151A.19446.19446%2C0%2C0%2C1%2C8.663%2C9.129Zm4.828%2C0a.1942.1942%2C0%2C0%2C1-.19478.19374H12.5948a.19168.19168%2C0%2C0%2C1-.04988-.0066l-.00284-.00064-.01327-.00425-.00582-.0022-.00948-.00394-.00931-.00456-.00554-.003-.012-.00725-.002-.00157a.19228.19228%2C0%2C0%2C1-.04941-.04784L10.436%2C10.89319v2.5802a.19434.19434%2C0%2C0%2C1-.19494.19374H9.53968a.1943.1943%2C0%2C0%2C1-.19478-.19374V9.129a.19444.19444%2C0%2C0%2C1%2C.19478-.19391H10.241l.00678.00032.0101.00063.01027.00127.0082.0011.01121.00252.00679.00172.01152.00378.00632.0022.01121.00472.00615.003.01042.00582.00584.00345.0101.00694.00506.00393.01042.00866.00363.0033.01168.012.00126.00125.01515.01968L12.4%2C11.71V9.129a.19435.19435%2C0%2C0%2C1%2C.19479-.19391h.70136a.19434.19434%2C0%2C0%2C1%2C.19478.19391ZM17.3642%2C9.82875a.19424.19424%2C0%2C0%2C1-.19447.19422H15.26394v.73421h1.90579a.19437.19437%2C0%2C0%2C1%2C.19447.19437v.69927a.19423.19423%2C0%2C0%2C1-.19447.19421H15.26394v.73437h1.90579a.19433.19433%2C0%2C0%2C1%2C.19447.19422V13.473a.19433.19433%2C0%2C0%2C1-.19447.19422h-2.8024a.1935.1935%2C0%2C0%2C1-.13448-.0543L14.23%2C13.61044l-.00269-.003a.19238.19238%2C0%2C0%2C1-.05445-.13409V9.12917a.19284.19284%2C0%2C0%2C1%2C.054-.13378L14.23%2C8.99192l.00222-.00205a.19408.19408%2C0%2C0%2C1%2C.13511-.05477h2.8024a.19437.19437%2C0%2C0%2C1%2C.19447.19437Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-share_embed, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-share_embed.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-share_embed.enabled::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2222%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h22v25h-22z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m7.05%2018.55a.549.549%200%200%201%20-.37208-.14453l-6.00018-5.50014a.55093.55093%200%200%201%200-.81056l6.00026-5.50013a.55018.55018%200%200%201%20.74416.81056l-5.55883%205.09485%205.55879%205.09485a.55.55%200%200%201%20-.37212.9551z%22%2F%3E%3Cpath%20d%3D%22m8.74994%2021a.55037.55037%200%200%201%20-.52931-.69508l4.50012-15.9053a.54963.54963%200%200%201%201.05862.29609l-4.50012%2015.90529a.55009.55009%200%200%201%20-.52931.399z%22%2F%3E%3Cpath%20d%3D%22m14.95%2018.55a.549.549%200%200%200%20.37208-.14453l6.00022-5.50014a.55093.55093%200%200%200%200-.81056l-6.0003-5.50013a.55018.55018%200%200%200%20-.74416.81056l5.55879%205.09485-5.55875%205.09485a.55.55%200%200%200%20.37212.9551z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-share_x, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-share_x.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-share_x.enabled::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2225%22%20viewBox%3D%220%200%2021%2025%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m11.9%2011.2%205.6-6.7h-1.3l-4.8%205.9-3.8-5.9h-4.6l5.8%208.9-5.8%207.1h1.3l5.1-6.2%204.1%206.2h4.5zm-7.1-5.7h2l9.3%2014h-2z%22%2F%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-share_link, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-share_link.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-share_link.enabled::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2218%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h18v25h-18z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m11.39385%2010.10615a4.29818%204.29818%200%200%200%20-1.93835-1.102l-.71729.71759a2.17884%202.17884%200%200%200%20-.19141.23226%203.25128%203.25128%200%200%201%202.0692%205.52611l-.34785.34785-1.33865%201.33873-1.7835%201.78344a3.25%203.25%200%201%201%20-4.5962-4.59619l1.784-1.78394a5.47688%205.47688%200%200%201%20-.07569-.77588%205.48189%205.48189%200%200%201%20.076-.78009l-2.56211%202.56208a4.35%204.35%200%200%200%206.15183%206.15189l3.11394-3.114.35608-.356a4.51087%204.51087%200%200%200%201.24573-2.80139%204.34594%204.34594%200%200%200%20-.14356-1.41137%204.29894%204.29894%200%200%200%20-1.10217-1.93909z%22%2F%3E%3Cpath%20d%3D%22m16.228%205.272a4.355%204.355%200%200%200%20-6.15186%200l-3.09037%203.09037-.35595.356a4.51006%204.51006%200%200%200%20-1.24573%202.80139%204.34655%204.34655%200%200%200%20.14355%201.41144%204.20312%204.20312%200%200%200%203.04053%203.041l.71729-.71753a2.15692%202.15692%200%200%200%20.1914-.2323%203.25127%203.25127%200%200%201%20-2.06921-5.52621l.08335-.08343%201.0508-1.05073%202.3122-2.31213a3.25%203.25%200%201%201%204.5962%204.59619l-1.76033%201.76026a5.49382%205.49382%200%200%201%20.07568.77588%205.48188%205.48188%200%200%201%20-.076.78009l2.53845-2.53846a4.35494%204.35494%200%200%200%200-6.15183z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-view_field, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-view_field.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-view_field.enabled::before, .compass-wrapper .ac-video-icon.compass-field, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector .compass-wrapper li.enabled.compass-field::before, .compass-wrapper .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.compass-field::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector .compass-wrapper li.enabled.compass-field::before, .compass-wrapper .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.compass-field::before { 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, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-view_ring.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-view_ring.enabled::before, .compass-wrapper .ac-video-icon.compass-ring, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector .compass-wrapper li.enabled.compass-ring::before, .compass-wrapper .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.compass-ring::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector .compass-wrapper li.enabled.compass-ring::before, .compass-wrapper .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.compass-ring::before { 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, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-view_scrim.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-view_scrim.enabled::before, .compass-wrapper .ac-video-icon.compass-background, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector .compass-wrapper li.enabled.compass-background::before, .compass-wrapper .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled.compass-background::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector .compass-wrapper li.enabled.compass-background::before, .compass-wrapper .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled.compass-background::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2238px%22%20height%3D%2238px%22%20viewBox%3D%220%200%2038%2038%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Sticker-Sheet%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22view_scrim%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22boundingbox%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2238%22%20height%3D%2238%22%3E%3C%2Frect%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22icon%22%20fill%3D%22%236E6E73%22%20fill-rule%3D%22nonzero%22%20opacity%3D%220.4%22%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2218.12%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .ac-video-icon.icon-share_fb, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.icon-share_fb.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.icon-share_fb.enabled::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h20v25h-20z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m19.5%2012.5a9.5%209.5%200%201%200%20-10.98438%209.38455v-6.63846h-2.4121v-2.74609h2.4121v-2.093a3.35244%203.35244%200%200%201%203.58828-3.69606%2014.60937%2014.60937%200%200%201%202.12657.18554v2.3379h-1.198a1.373%201.373%200%200%200%20-1.54809%201.48362v1.782h2.63476l-.42114%202.74609h-2.21362v6.63846a9.50227%209.50227%200%200%200%208.01562-9.38455z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); } .cursor-pointer { cursor: pointer; } .ac-video-player { cursor: none; } .ac-video-player.is-picture-in-picture { cursor: auto; } .ac-video-player .acv-visually-hidden { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; } .ac-video-player:-webkit-full-screen { background: #000; margin: 0 !important; padding: 0 !important; position: relative !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1; } .ac-video-player:-ms-fullscreen { background: #000; margin: 0 !important; padding: 0 !important; position: relative !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1; } .ac-video-player:fullscreen { background: #000; margin: 0 !important; padding: 0 !important; position: relative !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1; } .ac-video-player .ac-video-blockade { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .ac-video-player > * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ac-video-player.threesixty-video { -webkit-tap-highlight-color: transparent; } .ac-video-player.threesixty-video .start-state .controls-play-pause-button-container, .ac-video-player.threesixty-video .end-state .controls-play-pause-button-container { pointer-events: all; } .ac-video-player.threesixty-video .ac-video-blockade { display: none; } .ac-video-player.threesixty-video .threesixty-video-container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; height: 100%; } .ac-video-player.threesixty-video .threesixty-video-container .threesixty-renderer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ac-video-player.safari-fix-zindex video { z-index: 0; } .ac-video-player video { width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; } .ac-video-player video, .ac-video-player video img { display: block; outline: none; } .ac-video-player video::-webkit-media-controls-start-playback-button { background: rgba(0, 0, 0, 0.25); 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); backdrop-filter: none; 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-ax-tracks-selector-container { visibility: visible; opacity: 1; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .ac-video-controls .ac-video-ax-tracks-selector-container { font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; background-color: rgba(51, 51, 54, 0.52); border-radius: 8px; position: absolute; left: -5px; padding: 15px 8px 13px 15px; max-width: 220px; width: -webkit-max-content; width: -moz-max-content; width: max-content; overflow: hidden; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; 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; bottom: 15px; } .ac-video-controls .ac-video-ax-tracks-selector-container .ac-video-ax-tracks-scroll-container { overflow-y: auto; overflow-x: hidden; scrollbar-color: #fff #515154; scrollbar-width: thin; height: 100%; -webkit-padding-end: 16px; padding-inline-end: 16px; padding-bottom: 3px; } .ac-video-controls .ac-video-ax-tracks-selector-container .ac-video-ax-tracks-scroll-container::-webkit-scrollbar { width: 5px; } .ac-video-controls .ac-video-ax-tracks-selector-container .ac-video-ax-tracks-scroll-container::-webkit-scrollbar-track { background-color: #515154; border-radius: 16px; } .ac-video-controls .ac-video-ax-tracks-selector-container .ac-video-ax-tracks-scroll-container::-webkit-scrollbar-thumb { background-color: #fff; border-radius: 16px; } html[dir="rtl"] .ac-video-controls .ac-video-ax-tracks-selector-container { direction: rtl; } .ac-video-player.small .ac-video-controls .ac-video-ax-tracks-selector-container { bottom: 27px; } .ac-video-player.medium .ac-video-controls .ac-video-ax-tracks-selector-container { bottom: 21px; } .ac-video-player.large .ac-video-controls .ac-video-ax-tracks-selector-container { bottom: 15px; } .ac-video-controls .ac-video-ax-tracks-selector-container.showing { visibility: visible; opacity: 1; } .ac-video-controls .ac-video-ax-tracks-selector-container .ac-video-audio-selector-container.hidden, .ac-video-controls .ac-video-ax-tracks-selector-container .ac-video-captions-selector-container.hidden { display: none; } .ac-video-controls .ac-video-ax-tracks-selector-container .ac-video-audio-selector-title, .ac-video-controls .ac-video-ax-tracks-selector-container .ac-video-captions-selector-title { color: rgba(255, 255, 255, 0.8); display: block; font-size: 12px; font-weight: 600; line-height: 12px; text-transform: uppercase; position: relative; } .ac-video-controls .ac-video-ax-tracks-selector-container:not(.no-captions) .controls-audio-selector { padding-bottom: 12px; } .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector { cursor: pointer; color: #fff; font-size: 14px; line-height: 16px; list-style: none; margin: 0; -webkit-padding-start: 12px; padding-inline-start: 12px; white-space: nowrap; } .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li { padding-top: 5px; white-space: pre-wrap; position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 180px; } .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li:focus-visible, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li:focus-visible { outline: none; } .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li:focus-visible::after, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li:focus-visible::after { content: ""; position: absolute; inset: 0; top: 5px; outline: 2px solid rgb(255, 255, 255); outline-offset: var(--sk-focus-offset, 1px); } .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li:first-child, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li:first-child { padding-top: 6px; } .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li:first-child:focus-visible:after, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li:first-child:focus-visible:after { top: 6px; } .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li:not(.enabled):hover, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li:not(.enabled):hover { text-decoration: underline; } .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled::before, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled::before { content: ""; position: absolute; width: 8px; height: 16px; inset-inline-start: -12px; } video::cue { 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; } .blend-scrim { position: absolute; opacity: 0; width: 100%; height: 100%; bottom: 0; left: 0; z-index: 1; background: rgba(232, 232, 237, 0.52); mix-blend-mode: darken; -webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1); } .blend-scrim.start-state .blend-scrim { opacity: 0; } .blend-scrim.end-state .blend-scrim { opacity: 0; } .user-hover .blend-scrim { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; z-index: 9; opacity: 1; -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 { 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, .is-picture-in-picture .ac-video-controls { display: none; } .ac-video-controls [data-focus-method="mouse"] { outline: none; } .ac-video-controls [data-focus-method="mouse"].ac-slider-chapter-container:focus-visible::before { outline: none; } .ac-video-controls:focus-within .ac-video-icon, .ac-video-controls:focus-within .controls-play-pause-button { opacity: 0.56 !important; } .ac-video-controls:focus-within .ac-video-icon:focus-visible, .ac-video-controls:focus-within .controls-play-pause-button:focus-visible { opacity: 1 !important; } .ac-video-controls:focus-within :focus-visible { outline: 2px solid rgb(255, 255, 255); outline-offset: var(--sk-focus-offset, 1px); } .ac-video-controls.hidden { visibility: hidden; } .ac-video-controls.start-state .controls-container { opacity: 1; background: rgba(0, 0, 0, 0.16); -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.6, 1); transition: all 0.5s cubic-bezier(0.4, 0, 0.6, 1); } .ac-video-controls.start-state .center-button-container { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .ac-video-controls.start-state .controls-social-tray { opacity: 0; pointer-events: none; visibility: hidden; } .ac-video-controls.start-state .main-controls-container { opacity: 0; pointer-events: none; visibility: hidden; } .ac-video-controls.start-state.mobile { display: block; } .ac-video-controls.start-state.mobile .controls-container .is-playing { display: none; } .ac-video-controls.end-state .controls-container { opacity: 1; background: rgba(0, 0, 0, 0.56); -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.6, 1); transition: all 0.5s cubic-bezier(0.4, 0, 0.6, 1); } .ac-video-controls.end-state .center-button-container { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .ac-video-controls.end-state .controls-social-tray { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .ac-video-controls.end-state .main-controls-container { opacity: 0; pointer-events: none; visibility: hidden; } .ac-video-controls.end-state.mobile { display: block; } .ac-video-controls .controls-container { background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.24)), color-stop(rgba(0, 0, 0, 0.42)), to(rgba(0, 0, 0, 0.56)) ); background: linear-gradient( rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.56) ); width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; opacity: 0; -webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1); } .ac-video-controls.hide-cursor .controls-container { cursor: none; } .ac-video-controls.hide-cursor .center-button-container { cursor: none; } .was-loading .ac-video-controls .center-button-container { -webkit-transition: none; transition: none; } .ac-video-controls .center-button-container { opacity: 0; -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); } .ac-video-controls .controls-social-tray { width: 100%; position: absolute; z-index: 3; opacity: 0; -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); } .ac-video-controls .controls-social-tray.hidden { display: none; } .ac-video-controls .main-controls-container { direction: ltr; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; width: 100%; bottom: 0; position: absolute; z-index: 3; opacity: 0; -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); } .ac-video-player.small .ac-video-controls .main-controls-container { height: 37px; } .ac-video-player.medium .ac-video-controls .main-controls-container { height: 41px; } .ac-video-player.large .ac-video-controls .main-controls-container { height: 45px; } .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: 948px; margin-left: auto; margin-right: auto; pointer-events: none; } .ac-video-player.small .ac-video-controls .main-controls { padding: 0 9px 10px 9px; } .ac-video-player.medium .ac-video-controls .main-controls { padding: 0 14px 20px 14px; } .ac-video-player.large .ac-video-controls .main-controls { padding: 0 18px 30px 18px; } .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: 0px; padding-right: 0px; } .ac-video-player.medium .ac-video-controls .main-controls-item { padding-left: 0px; padding-right: 0px; } .ac-video-player.large .ac-video-controls .main-controls-item { padding-left: 0px; padding-right: 0px; } .ac-video-player.small .ac-video-controls .main-controls-item { height: 33px; } .ac-video-player.medium .ac-video-controls .main-controls-item { height: 33px; } .ac-video-player.large .ac-video-controls .main-controls-item { height: 33px; } .ac-video-controls .main-controls-item:first-child { margin-left: 0; } .ac-video-controls .main-controls-item:last-child { margin-right: 0; } .user-hover { cursor: default; } .user-hover .controls-container { opacity: 1; -webkit-transition: opacity 1s cubic-bezier(0.4, 0.1, 0.4, 1); transition: opacity 1s cubic-bezier(0.4, 0.1, 0.4, 1); } .user-hover .center-button-container { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s; transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s; transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s; transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s; } .user-hover .controls-social-tray { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.35s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.3s; transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.35s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.3s; transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.35s, transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.3s; transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.35s, transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.3s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.3s; } .user-hover .main-controls-container { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1); transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1); transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.05s, transform 0.5s cubic-bezier(0, 0, 0.2, 1); transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.05s, transform 0.5s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1); } .user-hover .start-state .controls-container { background: rgba(0, 0, 0, 0.32); } .user-hover .end-state .controls-container { background: rgba(0, 0, 0, 0.64); } .mouse-leave .center-button-container, .mouse-leave .controls-social-tray, .mouse-leave .main-controls-container { -webkit-transform: translateY(20px); transform: translateY(20px); } .initial-play .center-button-container, .initial-play .controls-social-tray, .initial-play .main-controls-container { -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); } .threesixty-video { cursor: none; } .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container { cursor: -webkit-grabbing; cursor: grabbing; } .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .main-controls-container, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-play-pause-button-container, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-social-tray, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-progress-bar, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .end-state-wrapper { pointer-events: none; } .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .main-controls-container *, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-play-pause-button-container *, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-social-tray *, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-progress-bar *, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .end-state-wrapper * { pointer-events: none; } .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-button { cursor: -webkit-grabbing; cursor: grabbing; } .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-progress-bar { cursor: -webkit-grabbing; cursor: grabbing; } .threesixty-video.recently-dragging .ac-video-controls .controls-container { cursor: -webkit-grab; cursor: grab; } .threesixty-video.recently-dragging .ac-video-controls .controls-container .controls-button { cursor: -webkit-grab; cursor: grab; } .threesixty-video.recently-dragging .ac-video-controls .controls-container .controls-progress-bar { cursor: -webkit-grab; cursor: grab; } .threesixty-video.user-hover .ac-video-controls .center-button-container { cursor: -webkit-grab; cursor: grab; } .threesixty-video.user-hover .ac-video-controls.start-state .center-button-container, .threesixty-video.user-hover .ac-video-controls.end-state .center-button-container { cursor: pointer; } .threesixty-video .ac-video-controls.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .threesixty-video .ac-video-controls.mobile .controls-container { display: block; } .threesixty-video .ac-video-controls.mobile:not(.start-state):not(.end-state) .controls-play-pause-button-container { pointer-events: none; } .button-wrapper { position: relative; height: 100%; } .controls-button { border: 0; padding: 0; margin: 0; text-transform: uppercase; color: transparent; overflow: hidden; white-space: nowrap; background-color: transparent; -webkit-box-sizing: content-box; box-sizing: content-box; pointer-events: all; } .controls-button:hover { cursor: pointer; } .loading .ac-video-icon.icon-ctrl_pause_super, .loading .ac-video-player.large .is-playing .ac-video-icon.controls-play-pause-button, .ac-video-player.large .is-playing .loading .ac-video-icon.controls-play-pause-button, .loading .ac-video-icon.icon-ctrl_pause, .loading .ac-video-icon.icon-ctrl_play_super, .loading .ac-video-icon.icon-ctrl_play, .loading .ac-video-icon.controls-play-pause-button { background-image: none !important; } .ac-video-icon { background-position: 50% 50%; opacity: 0.8; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .main-controls:hover .ac-video-icon, .sharing-state:hover .ac-video-icon { opacity: 0.56 !important; } .sharing-state:hover .textarea-active .ac-video-icon { opacity: 0.8 !important; } .main-controls .ac-video-icon:hover, .controls-social-tray .ac-video-icon:hover, .controls-social-tray .textarea-active .ac-video-icon:hover, .center-button-container:hover .ac-video-icon { opacity: 1 !important; } .user-hover .controls-play-pause-button-container, .user-hover .controls-play-pause-button { cursor: pointer; } .main-controls-container, .controls-social-tray { cursor: default; } .controls-play-pause-button-container { width: 100%; height: 100%; } .controls-play-pause-button-container.hidden { display: none; } .controls-play-pause-button { position: absolute; top: 50%; left: 50%; opacity: 0.75; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.2s ease; transition: opacity 0.3s ease, -webkit-transform 0.2s ease; transition: transform 0.2s ease, opacity 0.3s ease; transition: transform 0.2s ease, opacity 0.3s ease, -webkit-transform 0.2s ease; } .ac-video-player.small .controls-play-pause-button { width: 56px; height: 56px; } .ac-video-player.medium .controls-play-pause-button { width: 56px; height: 56px; } .ac-video-player.large .controls-play-pause-button { width: 75px; height: 75px; } .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: 35px; max-width: 35px; } .ac-video-player.small .controls-toggle-mute-volume-button { height: 33px; } .ac-video-player.medium .controls-toggle-mute-volume-button { height: 33px; } .ac-video-player.large .controls-toggle-mute-volume-button { height: 33px; } .controls-text-tracks-toggle-button { width: 35px; max-width: 35px; } .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: 35px; max-width: 35px; } .controls-airplay-button.airplay-unsupported { display: none; } .controls-picture-in-picture-button { width: 35px; max-width: 35px; } .controls-picture-in-picture-button.picture-in-picture-unsupported { display: none; } .controls-full-screen-button { width: 31px; max-width: 31px; } .controls-full-screen-button.fullscreen-unsupported { display: none; } .controls-progress { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; } .ac-video-player.small .controls-progress { margin-left: 9px; margin-right: 1px; padding-right: 0 !important; } .ac-video-player.medium .controls-progress { margin-left: 17px; margin-right: 16px; } .ac-video-player.large .controls-progress { margin-left: 17px; margin-right: 16px; } .ac-video-player.ac-video-live-dvr.small .controls-progress { padding-right: 7px !important; } .controls-progress-bar { cursor: pointer; pointer-events: all; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 8px; margin-right: 8px; } .ac-video-player.small .controls-progress-bar { margin-right: 8px; } .controls-progress-bar:hover .ac-slider-thumb-background { opacity: 1; -webkit-transform: scale(0.8461538462); transform: scale(0.8461538462); -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease; transition: opacity 0.25s ease, -webkit-transform 0.25s ease; transition: transform 0.25s ease, opacity 0.25s ease; transition: transform 0.25s ease, opacity 0.25s ease, -webkit-transform 0.25s ease; } .controls-progress-bar:hover .ac-slider-chapter-container .ac-slider-chapter-marker { opacity: 0.56; } .controls-progress-bar:active .ac-slider-thumb-background { -webkit-transform: scale(1); transform: scale(1); } .controls-progress-time { color: #fff; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 600; font-size: 12px; font-variant-numeric: tabular-nums; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; line-height: 16px; letter-spacing: -0.11px; position: relative; } .controls-progress-time .label { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); 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-elapsed-time div, .controls-remaining-time div { display: -webkit-box; display: -ms-flexbox; display: flex; } .controls-progress-dvr-label-container { display: none; } .controls-time-maxwidth { position: absolute; display: block; visibility: hidden; } .longform.ac-video-player .controls-time-maxwidth::after { content: ":4"; } .controls-progress-indicator { width: 100%; height: 5px; position: relative; } .ac-video-player.small .controls-progress-indicator { padding-top: 16px; padding-bottom: 16px; } .ac-video-player.medium .controls-progress-indicator { padding-top: 16px; padding-bottom: 16px; } .ac-video-player.large .controls-progress-indicator { padding-top: 18px; padding-bottom: 18px; } .controls-progress-indicator .ac-slider-runnable-track { background: rgba(255, 255, 255, 0.16); border-radius: 3px; position: relative; width: 100%; height: 100%; } .controls-progress-indicator .ac-slider-ax-track { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; } .controls-progress-indicator .ac-slider-hover-track { position: absolute; width: 100%; height: 100%; overflow: hidden; } .controls-progress-indicator .ac-slider-hover-notch { position: absolute; height: 100%; width: 1px; background: #fff; z-index: 9; opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1); pointer-events: none; } .hover.controls-progress-indicator .ac-slider-hover-notch { opacity: 1; -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1); transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1); } .hover.controls-progress-indicator .ac-slider-hover-notch.hidden { opacity: 0; } .controls-progress-indicator .ac-slider-hover-notch.invert-element { background: #000; } .controls-progress-indicator .ac-slider-chapters-track { position: absolute; top: 0; width: 100%; height: 100%; z-index: 2; } .controls-progress-indicator .ac-slider-chapter-container { -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; height: 5px; width: 10px; padding: 18px 0; background-color: transparent; top: -18px; opacity: 1; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-right: 2px solid transparent; border-top: 0; border-left: 0; border-bottom: 0; cursor: pointer; } .controls-progress-indicator .ac-slider-chapter-container.hidden-chapter { pointer-events: none; } .controls-progress-indicator .ac-slider-chapter-container.hidden-chapter .ac-slider-chapter-marker { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; } .controls-progress-indicator .ac-slider-chapter-container .ac-slider-chapter-marker { position: relative; height: 5px; width: 5px; margin: 0 auto; background-color: #fff; -webkit-transition: opacity 0.4s ease, border-radius 0.25s ease, -webkit-transform 0.25s ease; transition: opacity 0.4s ease, border-radius 0.25s ease, -webkit-transform 0.25s ease; transition: transform 0.25s ease, opacity 0.4s ease, border-radius 0.25s ease; transition: transform 0.25s ease, opacity 0.4s ease, border-radius 0.25s ease, -webkit-transform 0.25s ease; -webkit-transform: scaleX(0.25); transform: scaleX(0.25); border-radius: 0; backdrop-filter: blur(0); } .controls-progress-indicator .ac-slider-chapter-container .ac-slider-chapter-marker span { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; } .controls-progress-indicator .ac-slider-chapter-container .ac-slider-chapter-marker.invert-element { background: #000; } .controls-progress-indicator .ac-slider-chapter-container::before { content: ""; position: absolute; top: 15px; left: -1px; height: 11px; width: 12px; } .controls-progress-indicator .ac-slider-chapter-container:hover .ac-slider-chapter-marker, .controls-progress-indicator .ac-slider-chapter-container:focus-visible .ac-slider-chapter-marker { opacity: 1; -webkit-transform: scale(1); transform: scale(1); border-radius: 100%; } .controls-progress-indicator .ac-slider-chapter-container:focus-visible { outline: none; } .controls-progress-indicator .ac-slider-chapter-container:focus-visible::before { outline: 2px solid rgb(255, 255, 255); outline-offset: var(--sk-focus-offset, 1px); } .controls-progress-indicator .ac-slider-inner-track { position: absolute; border-radius: 3px; overflow: hidden; width: 100%; height: 100%; top: 0; z-index: 1; } .controls-progress-indicator .ac-slider-scrubbed { position: absolute; background: #fff; height: 5px; width: 100%; margin-left: calc(-100% + 2.5px); z-index: 1; } .controls-progress-indicator .ac-slider-buffered { position: absolute; background: #fff; height: 5px; border-radius: 3px; width: 100%; margin-left: calc(-100% + 2.5px); opacity: 0.16; } .controls-progress-indicator .ac-slider-thumb { border-radius: 50%; height: 5px; width: 5px; position: relative; z-index: 10; } .controls-progress-indicator .ac-slider-thumb-background-wrapper { height: 13px; width: 13px; position: relative; top: -4px; left: -4px; } .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: 13px; width: 100%; opacity: 0; -webkit-transform: scale(0.3846153846); transform: scale(0.3846153846); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: opacity 0.25s ease 0.25s, -webkit-transform 0.25s ease; transition: opacity 0.25s ease 0.25s, -webkit-transform 0.25s ease; transition: transform 0.25s ease, opacity 0.25s ease 0.25s; transition: transform 0.25s ease, opacity 0.25s ease 0.25s, -webkit-transform 0.25s ease; will-change: transform; } .controls-progress-indicator .ac-slider-thumb-overlay { position: absolute; z-index: 1; background: -webkit-gradient( linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, #fff) ); background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); border-top-right-radius: 50%; border-bottom-right-radius: 50%; height: 13px; -webkit-transform: scale(0.3846153846); transform: scale(0.3846153846); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s ease; transition: -webkit-transform 0.25s ease; transition: transform 0.25s ease; transition: transform 0.25s ease, -webkit-transform 0.25s ease; width: 100%; } .controls-progress-indicator.ac-slider-inactive { pointer-events: none; } .controls-progress-indicator.ac-slider-inactive .ac-slider-thumb { visibility: hidden; } .controls-volume { cursor: pointer; } .controls-volume:hover { height: 90px; } .controls-volume .controls-volume-level-indicator { bottom: 33px; left: 4px; width: 5px; padding: 0 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: 3px; position: relative; width: 100%; height: 100%; left: -5px; padding-left: 5px; padding-right: 5px; } .controls-volume .ac-slider-background { background: rgba(255, 255, 255, 0.32); border-radius: 3px; height: 100%; position: absolute; bottom: 0; width: 5px; height: 5px; opacity: 0; -webkit-transition: height 0.2345s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s; transition: height 0.2345s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s; } .controls-volume .ac-slider-inner-track { border-radius: 3px; position: absolute; overflow: hidden; bottom: 0; height: 0; width: 5px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: height 0.335s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s; transition: height 0.335s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s; } .controls-volume .ac-slider-thumb-wrapper { width: 13px; height: 0; bottom: 0; left: 2px; position: absolute; z-index: 10; -webkit-transition: height 0.335s cubic-bezier(0.4, 0, 0.6, 1); transition: height 0.335s cubic-bezier(0.4, 0, 0.6, 1); } .controls-volume .ac-slider-thumb { background: #fff; border-radius: 50%; height: 11px; width: 11px; top: auto; position: absolute; opacity: 0; -webkit-transform: scale(0.4545454545); transform: scale(0.4545454545); -webkit-transition: opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s, -webkit-transform 0.201s cubic-bezier(0.4, 0, 0.6, 1) 0.201s; transition: opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s, -webkit-transform 0.201s cubic-bezier(0.4, 0, 0.6, 1) 0.201s; transition: transform 0.201s cubic-bezier(0.4, 0, 0.6, 1) 0.201s, opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s; transition: transform 0.201s cubic-bezier(0.4, 0, 0.6, 1) 0.201s, opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s, -webkit-transform 0.201s cubic-bezier(0.4, 0, 0.6, 1) 0.201s; will-change: transform; } .controls-volume .ac-slider-thumb-background-wrapper { width: 13px; height: 13px; position: absolute; top: -1px; left: -1px; } .controls-volume .ac-slider-thumb-background-wrapper:hover .ac-slider-thumb-background, .controls-volume .ac-slider-thumb-background-wrapper:active .ac-slider-thumb-background { -webkit-transform: scale(1); transform: scale(1); } .controls-volume .ac-slider-thumb-background { background: #fff; border-radius: 50%; width: 100%; height: 100%; -webkit-transform: scale(0.8461538462); transform: scale(0.8461538462); -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% - 5.5px); position: absolute; width: 100%; height: 100%; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: margin-bottom 0.335s linear; transition: margin-bottom 0.335s linear; will-change: bottom; } .controls-volume:hover, .controls-volume:hover .controls-volume-level-indicator, .controls-volume:active, .controls-volume:active .controls-volume-level-indicator, .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive), .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .controls-volume-level-indicator { pointer-events: all; } .controls-volume:hover .ac-slider-ax-track, .controls-volume:hover .controls-volume-level-indicator .ac-slider-ax-track, .controls-volume:active .ac-slider-ax-track, .controls-volume:active .controls-volume-level-indicator .ac-slider-ax-track, .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-ax-track, .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .controls-volume-level-indicator .ac-slider-ax-track { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; } .controls-volume:hover .controls-toggle-mute-volume-button, .controls-volume:active .controls-toggle-mute-volume-button, .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .controls-toggle-mute-volume-button { opacity: 1 !important; } .controls-volume:hover .ac-slider-background, .controls-volume:active .ac-slider-background, .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-background { height: 100%; opacity: 1; -webkit-transition: height 0.2345s ease-out, opacity 0.0335s ease-out; transition: height 0.2345s ease-out, opacity 0.0335s ease-out; } .controls-volume:hover .ac-slider-inner-track, .controls-volume:hover .ac-slider-thumb-wrapper, .controls-volume:active .ac-slider-inner-track, .controls-volume:active .ac-slider-thumb-wrapper, .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-inner-track, .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-thumb-wrapper { height: 100%; -webkit-transition: height 0.268s ease-out 0.067s; transition: height 0.268s ease-out 0.067s; } .controls-volume:hover .ac-slider-thumb, .controls-volume:active .ac-slider-thumb, .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-thumb { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.05025s ease-out 0.05025s, -webkit-transform 0.25125s ease-out 0.05025s; transition: opacity 0.05025s ease-out 0.05025s, -webkit-transform 0.25125s ease-out 0.05025s; transition: transform 0.25125s ease-out 0.05025s, opacity 0.05025s ease-out 0.05025s; transition: transform 0.25125s ease-out 0.05025s, opacity 0.05025s ease-out 0.05025s, -webkit-transform 0.25125s ease-out 0.05025s; } .controls-volume:hover .ac-slider-scrubbed, .controls-volume:active .ac-slider-scrubbed, .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-scrubbed { margin-bottom: 5.5px; -webkit-transition: margin-bottom 0.335s linear; transition: margin-bottom 0.335s linear; } .controls-progress-dvr-label-container, .live-stream { display: none; text-align: center; white-space: nowrap; } .controls-progress-dvr-label-container .live-stream-text, .live-stream .live-stream-text { color: #fff; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 600; line-height: 16px; font-size: 12px; letter-spacing: -0.01em; display: block; position: relative; } .ac-video-player.small .controls-progress-dvr-label-container .live-stream-text, .ac-video-player.small .live-stream .live-stream-text { top: 10px; } .ac-video-player.medium .controls-progress-dvr-label-container .live-stream-text, .ac-video-player.medium .live-stream .live-stream-text { top: 10px; } .ac-video-player.large .controls-progress-dvr-label-container .live-stream-text, .ac-video-player.large .live-stream .live-stream-text { top: 10px; } .controls-progress-dvr-label-container .live-stream-text::before, .live-stream .live-stream-text::before { content: ""; width: 5px; height: 5px; background: rgba(255, 48, 55, 0.8); display: inline-block; border-radius: 50%; margin-right: 5px; vertical-align: middle; } .ac-video-player.ac-video-live .ac-video-controls .main-controls { max-width: 420px; padding: 0 15px 30px; } .ac-video-player.ac-video-live .controls-progress { display: none; } .ac-video-player.ac-video-live.ac-video-live-dvr .main-controls { max-width: 980px; } .ac-video-player.ac-video-live.ac-video-live-dvr .controls-progress { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 17px; } .ac-video-player.ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-time-2 { display: none; } .ac-video-player.ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container { pointer-events: all; display: block; cursor: pointer; } .ac-video-player.ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container .live-stream-dvr-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 17px; margin: 0 2px; padding-bottom: 1px; padding-left: 1px; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; font-size: 10px; text-transform: uppercase; -webkit-transition: background-color 240ms cubic-bezier(0.4, 0, 0.6, 1), border-color 240ms cubic-bezier(0.4, 0, 0.6, 1); transition: background-color 240ms cubic-bezier(0.4, 0, 0.6, 1), border-color 240ms cubic-bezier(0.4, 0, 0.6, 1); color: inherit; padding-top: 0; padding-right: 0; } .ac-video-player.ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container .live-stream-dvr-text:focus-visible { outline: 2px solid rgb(255, 255, 255); outline-offset: 3px; border-color: rgb(255, 255, 255); } .ac-video-player.ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container .live-stream-dvr-text::before { content: ""; margin-top: 1px; margin-right: 0px; margin-left: -5px; width: 5px; height: 5px; border-radius: 50%; background-color: transparent; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transition: margin 240ms cubic-bezier(0.4, 0, 0.6, 1) 80ms, background-color 240ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, -webkit-transform 240ms cubic-bezier(0.4, 0, 0.6, 1) 0ms; transition: margin 240ms cubic-bezier(0.4, 0, 0.6, 1) 80ms, background-color 240ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, -webkit-transform 240ms cubic-bezier(0.4, 0, 0.6, 1) 0ms; transition: transform 240ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, margin 240ms cubic-bezier(0.4, 0, 0.6, 1) 80ms, background-color 240ms cubic-bezier(0.4, 0, 0.6, 1) 0ms; transition: transform 240ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, margin 240ms cubic-bezier(0.4, 0, 0.6, 1) 80ms, background-color 240ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, -webkit-transform 240ms cubic-bezier(0.4, 0, 0.6, 1) 0ms; } .ac-video-player.ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container .live-stream-dvr-text:hover { border-color: rgb(255, 255, 255); } .ac-video-player.ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container .live-stream-dvr-text:hover::before { margin-right: 3px; margin-left: -1px; background-color: rgba(255, 255, 255, 0.32); -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition: margin 240ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, background-color 240ms cubic-bezier(0.4, 0, 0.6, 1) 80ms, -webkit-transform 240ms cubic-bezier(0.4, 0, 0.6, 1) 80ms; transition: margin 240ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, background-color 240ms cubic-bezier(0.4, 0, 0.6, 1) 80ms, -webkit-transform 240ms cubic-bezier(0.4, 0, 0.6, 1) 80ms; transition: transform 240ms cubic-bezier(0.4, 0, 0.6, 1) 80ms, margin 240ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, background-color 240ms cubic-bezier(0.4, 0, 0.6, 1) 80ms; transition: transform 240ms cubic-bezier(0.4, 0, 0.6, 1) 80ms, margin 240ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, background-color 240ms cubic-bezier(0.4, 0, 0.6, 1) 80ms, -webkit-transform 240ms cubic-bezier(0.4, 0, 0.6, 1) 80ms; } .ac-video-player.ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container.live .live-stream-dvr-text { border: 1px solid rgb(227, 0, 0); background-color: rgb(227, 0, 0); } .ac-video-player.ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container.live .live-stream-dvr-text::before { margin-right: 3px; margin-left: -1px; background-color: rgb(255, 255, 255); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: margin 240ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, background-color 240ms cubic-bezier(0.4, 0, 0.6, 1) 80ms, -webkit-transform 240ms cubic-bezier(0.4, 0, 0.3, 2) 80ms; transition: margin 240ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, background-color 240ms cubic-bezier(0.4, 0, 0.6, 1) 80ms, -webkit-transform 240ms cubic-bezier(0.4, 0, 0.3, 2) 80ms; transition: transform 240ms cubic-bezier(0.4, 0, 0.3, 2) 80ms, margin 240ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, background-color 240ms cubic-bezier(0.4, 0, 0.6, 1) 80ms; transition: transform 240ms cubic-bezier(0.4, 0, 0.3, 2) 80ms, margin 240ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, background-color 240ms cubic-bezier(0.4, 0, 0.6, 1) 80ms, -webkit-transform 240ms cubic-bezier(0.4, 0, 0.3, 2) 80ms; } .ac-video-player.ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container.live .live-stream-dvr-text::before:hover { -webkit-transition-delay: 0s; transition-delay: 0s; } .ac-video-player.ac-video-live.ac-video-live-dvr .live-stream { display: none; } @media (max-width: 569px) { .ac-video-player.ac-video-live.ac-video-live-dvr .ac-video-controls .main-controls { padding: 0 10px 30px; } .ac-video-player.ac-video-live.ac-video-live-dvr .ac-video-controls .controls-progress { margin-right: 2px; } .ac-video-player.ac-video-live.ac-video-live-dvr .ac-video-controls .controls-progress .controls-progress-dvr-label-container .live-stream-dvr-text { margin: unset; } .ac-video-player.ac-video-live.ac-video-live-dvr .controls-progress-bar { margin-left: 0; } .ac-video-player.ac-video-live.ac-video-live-dvr .controls-progress-time-1 { display: none; } } .ac-video-player.ac-video-live .live-stream { display: block; } .ac-video-player.small .loading-indicator { width: 56px; height: 56px; bottom: 6px; right: 2px; } .ac-video-player.medium .loading-indicator { width: 56px; height: 56px; bottom: 6px; right: 2px; } .ac-video-player.large .loading-indicator { width: 75px; height: 75px; bottom: 8px; right: 3px; } .ac-video-player .loading-indicator-container { position: absolute; width: 100%; height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 0; pointer-events: none; z-index: 15; } .ac-video-player .loading-indicator { opacity: 0; -ms-flex-item-align: center; align-self: center; position: relative; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; -webkit-transform: translateX(50%) translateY(50%); transform: translateX(50%) translateY(50%); } .ac-video-player.small.loading .loading-indicator > *, .ac-video-player.medium.loading .loading-indicator > * { width: 5px; height: 12px; border-radius: 19.5px; } .ac-video-player.small.loading .loading-indicator > *:nth-child(0), .ac-video-player.medium.loading .loading-indicator > *:nth-child(0) { -webkit-transform: rotate(-45deg) translate(0, -13.5px); transform: rotate(-45deg) translate(0, -13.5px); -webkit-animation-delay: -0.125s; animation-delay: -0.125s; } .ac-video-player.small.loading .loading-indicator > *:nth-child(1), .ac-video-player.medium.loading .loading-indicator > *:nth-child(1) { -webkit-transform: rotate(0deg) translate(0, -13.5px); transform: rotate(0deg) translate(0, -13.5px); -webkit-animation-delay: 0s; animation-delay: 0s; } .ac-video-player.small.loading .loading-indicator > *:nth-child(2), .ac-video-player.medium.loading .loading-indicator > *:nth-child(2) { -webkit-transform: rotate(45deg) translate(0, -13.5px); transform: rotate(45deg) translate(0, -13.5px); -webkit-animation-delay: 0.125s; animation-delay: 0.125s; } .ac-video-player.small.loading .loading-indicator > *:nth-child(3), .ac-video-player.medium.loading .loading-indicator > *:nth-child(3) { -webkit-transform: rotate(90deg) translate(0, -13.5px); transform: rotate(90deg) translate(0, -13.5px); -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .ac-video-player.small.loading .loading-indicator > *:nth-child(4), .ac-video-player.medium.loading .loading-indicator > *:nth-child(4) { -webkit-transform: rotate(135deg) translate(0, -13.5px); transform: rotate(135deg) translate(0, -13.5px); -webkit-animation-delay: 0.375s; animation-delay: 0.375s; } .ac-video-player.small.loading .loading-indicator > *:nth-child(5), .ac-video-player.medium.loading .loading-indicator > *:nth-child(5) { -webkit-transform: rotate(180deg) translate(0, -13.5px); transform: rotate(180deg) translate(0, -13.5px); -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .ac-video-player.small.loading .loading-indicator > *:nth-child(6), .ac-video-player.medium.loading .loading-indicator > *:nth-child(6) { -webkit-transform: rotate(225deg) translate(0, -13.5px); transform: rotate(225deg) translate(0, -13.5px); -webkit-animation-delay: 0.625s; animation-delay: 0.625s; } .ac-video-player.small.loading .loading-indicator > *:nth-child(7), .ac-video-player.medium.loading .loading-indicator > *:nth-child(7) { -webkit-transform: rotate(270deg) translate(0, -13.5px); transform: rotate(270deg) translate(0, -13.5px); -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } .ac-video-player.small.loading .loading-indicator > *:nth-child(8), .ac-video-player.medium.loading .loading-indicator > *:nth-child(8) { -webkit-transform: rotate(315deg) translate(0, -13.5px); transform: rotate(315deg) translate(0, -13.5px); -webkit-animation-delay: 0.875s; animation-delay: 0.875s; } .ac-video-player.loading .controls-container { opacity: 1; } .ac-video-player.loading .controls-container .controls-play-pause-button-container { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .ac-video-player.loading .loading-indicator-container { visibility: visible; } .ac-video-player.loading .loading-indicator { display: block; opacity: 0.8; } .ac-video-player.loading .loading-indicator > * { width: 7px; height: 18px; background: #fff; position: absolute; display: block; opacity: 0; border-radius: 27.5px; -webkit-animation-name: loading-fade; animation-name: loading-fade; -webkit-animation-direction: forward; animation-direction: forward; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(1, 0.1, 0, 0.3); animation-timing-function: cubic-bezier(1, 0.1, 0, 0.3); } .ac-video-player.loading .loading-indicator > *:nth-child(0) { -webkit-transform: rotate(-45deg) translate(0, -18.5px); transform: rotate(-45deg) translate(0, -18.5px); -webkit-animation-delay: -0.125s; animation-delay: -0.125s; } .ac-video-player.loading .loading-indicator > *:nth-child(1) { -webkit-transform: rotate(0deg) translate(0, -18.5px); transform: rotate(0deg) translate(0, -18.5px); -webkit-animation-delay: 0s; animation-delay: 0s; } .ac-video-player.loading .loading-indicator > *:nth-child(2) { -webkit-transform: rotate(45deg) translate(0, -18.5px); transform: rotate(45deg) translate(0, -18.5px); -webkit-animation-delay: 0.125s; animation-delay: 0.125s; } .ac-video-player.loading .loading-indicator > *:nth-child(3) { -webkit-transform: rotate(90deg) translate(0, -18.5px); transform: rotate(90deg) translate(0, -18.5px); -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .ac-video-player.loading .loading-indicator > *:nth-child(4) { -webkit-transform: rotate(135deg) translate(0, -18.5px); transform: rotate(135deg) translate(0, -18.5px); -webkit-animation-delay: 0.375s; animation-delay: 0.375s; } .ac-video-player.loading .loading-indicator > *:nth-child(5) { -webkit-transform: rotate(180deg) translate(0, -18.5px); transform: rotate(180deg) translate(0, -18.5px); -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .ac-video-player.loading .loading-indicator > *:nth-child(6) { -webkit-transform: rotate(225deg) translate(0, -18.5px); transform: rotate(225deg) translate(0, -18.5px); -webkit-animation-delay: 0.625s; animation-delay: 0.625s; } .ac-video-player.loading .loading-indicator > *:nth-child(7) { -webkit-transform: rotate(270deg) translate(0, -18.5px); transform: rotate(270deg) translate(0, -18.5px); -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } .ac-video-player.loading .loading-indicator > *:nth-child(8) { -webkit-transform: rotate(315deg) translate(0, -18.5px); transform: rotate(315deg) translate(0, -18.5px); -webkit-animation-delay: 0.875s; animation-delay: 0.875s; } @-webkit-keyframes loading-fade { 0% { opacity: 1; } 12.5% { opacity: 0.9; } 25% { opacity: 0.7; } 37.5% { opacity: 0.6; } 50% { opacity: 0.4; } 62.5% { opacity: 0.3; } 75% { opacity: 0.2; } 87.5% { opacity: 0.13; } } @keyframes loading-fade { 0% { opacity: 1; } 12.5% { opacity: 0.9; } 25% { opacity: 0.7; } 37.5% { opacity: 0.6; } 50% { opacity: 0.4; } 62.5% { opacity: 0.3; } 75% { opacity: 0.2; } 87.5% { opacity: 0.13; } } .ac-video-player.small .ac-video-overlay-container div .ac-video-trickplay { bottom: 13px; } .ac-video-player.small .ac-video-overlay-container div .ac-video-trickplay-image { display: none; } .ac-video-player.small .ac-video-overlay-container div .ac-video-trickplay-chapter-title { display: none; } .ac-video-player.small .ac-slider-chapters-track { display: none; } .ac-video-player.medium .ac-video-overlay-container div .ac-video-trickplay { width: 96px; bottom: 23px; } .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: 22px; } .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: 27px; } .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: 27px; } .ac-video-player.large .ac-video-overlay-container div.vertical-video .ac-video-trickplay .ac-video-trickplay-image { height: 144px; } .ac-video-player .ac-video-overlay-container { top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; z-index: 11; } .ac-video-player .ac-video-overlay-container.hidden { display: none; } .ac-video-player .ac-video-overlay-container div { bottom: 0; position: absolute; width: 100%; } .ac-video-player .ac-video-overlay-container div .ac-video-trickplay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image { position: relative; margin-bottom: 8px; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1) 0.05s, -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1) 0.05s; transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1) 0.05s, -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1) 0.05s; transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1) 0.05s, transform 0.35s cubic-bezier(0, 0, 0.2, 1) 0.05s; transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1) 0.05s, transform 0.35s cubic-bezier(0, 0, 0.2, 1) 0.05s, -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1) 0.05s; } .ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image.hidden { opacity: 0; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-time { margin-bottom: 11px; width: 180px; text-align: center; position: relative; color: #fff; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 600; font-size: 12px; font-variant-numeric: tabular-nums; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; line-height: 16px; letter-spacing: -0.09px; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1); transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1); transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), transform 0.35s cubic-bezier(0, 0, 0.2, 1); transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), transform 0.35s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1); } .ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title { 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: 12px; line-height: 16px; letter-spacing: -0.09px; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1); transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1); transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), transform 0.35s cubic-bezier(0, 0, 0.2, 1); transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), transform 0.35s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1); } .ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title.hidden { display: none; } .ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title:not(:last-child) { width: 180px; } .ac-video-player .ac-video-overlay-container div .ac-video-trickplay.hidden .ac-video-trickplay-image { opacity: 0; -webkit-transform: translateY(8px); transform: translateY(8px); -webkit-transition: opacity 0.35s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.35s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.35s cubic-bezier(0.4, 0, 0.6, 1), transform 0.4s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.35s cubic-bezier(0.4, 0, 0.6, 1), transform 0.4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1); } .ac-video-player .ac-video-overlay-container div .ac-video-trickplay.hidden .ac-video-trickplay-time { opacity: 0; -webkit-transform: translateY(8px); transform: translateY(8px); -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), transform 0.4s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), transform 0.4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1); } .ac-video-player .ac-video-overlay-container div .ac-video-trickplay.hidden .ac-video-trickplay-chapter-title { opacity: 0; -webkit-transform: translateY(8px); transform: translateY(8px); -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), transform 0.4s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), transform 0.4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1); } .ac-video-player.user-hover .start-state .ac-video-overlay-container, .ac-video-player.user-hover .end-state .ac-video-overlay-container { visibility: hidden; } .ac-video-player.user-hover .ac-video-overlay-container { visibility: visible; } .ac-video-player.small .end-state-container { padding: 0 16px 13px; } .ac-video-player.medium .end-state-container { padding: 0 20px 18px; } .ac-video-player.large .end-state-container { padding: 0 24px 22px; } .ac-video-player .end-state-wrapper { position: absolute; bottom: 0; width: 100%; pointer-events: none; } .ac-video-player.small .ac-video-player .end-state-wrapper { height: 59px; } .ac-video-player.medium .ac-video-player .end-state-wrapper { height: 74px; } .ac-video-player.large .ac-video-player .end-state-wrapper { height: 84px; } .ac-video-player .end-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: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; pointer-events: all; cursor: default; -webkit-transform: translateY(20px); transform: translateY(20px); } .ac-video-player .end-state-container .end-state-item { opacity: 0; } .ac-video-player .end-state-container .end-state-item .end-state-link { text-decoration: none; } .ac-video-player .end-state-container .end-state-item:hover .end-state-text-container:before { opacity: 1; } .ac-video-player .end-state-container .end-state-item .end-state-text-container { display: inline-block; position: relative; } .ac-video-player .end-state-container .end-state-item .end-state-text-container:before { content: ""; display: block; position: absolute; width: 100%; height: 1px; bottom: 2px; left: 0; background-color: #fff; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .ac-video-player .end-state .end-state-container { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1); transition: -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1); transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1); transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1); visibility: visible; } .ac-video-player .end-state .end-state-container.hidden { display: none; } .ac-video-player .end-state .end-state-container:hover .end-state-item:hover { opacity: 1; } .ac-video-player .end-state .end-state-container .end-state-item { margin: 0 auto; font-size: 14px; letter-spacing: -0.37px; line-height: 18px; opacity: 0.8; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .ac-video-player .end-state .end-state-container .end-state-item:first-child { padding-top: 0px; padding-bottom: 6px; } .ac-video-player .end-state .end-state-container .end-state-item:last-child { padding-bottom: 0px; } .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-item { font-size: 17px; letter-spacing: -0.37px; line-height: 25px; } .ac-video-player.medium .end-state-item:first-child { padding-bottom: 7px; } .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:first-child { padding-bottom: 4px; } .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: 47px; } .ac-video-player.medium .sharing-state { height: 51px; } .ac-video-player.large .sharing-state { height: 55px; } .sharing-state .acv-fb-share { width: 1.25em; max-width: 1.25em; background-size: 20px; } .mobile.sharing-state .acv-fb-share { background-size: 27px; } .sharing-state .acv-x-share { width: 1.1875em; max-width: 1.1875em; background-size: 19px; } .mobile.sharing-state .acv-x-share { background-size: 25.65px; } .sharing-state .acv-line-share { width: 1.3125em; max-width: 1.3125em; background-size: 21px; } .mobile.sharing-state .acv-line-share { background-size: 28.35px; } .sharing-state .copy-link { width: 1.125em; max-width: 1.125em; background-size: 18px; } .mobile.sharing-state .copy-link { background-size: 24.3px; } .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.375em; max-width: 1.375em; background-size: 22px; } .mobile.sharing-state.embed-enabled .copy-embed-code { background-size: 29.7px; } .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(51, 51, 54, 0.52); border-radius: 8px; 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; max-width: 290px; 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: 12px; } .ac-video-player.medium .sharing-state .container { margin-top: 16px; } .ac-video-player.large .sharing-state .container { margin-top: 20px; } .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: 35px; } .mobile.sharing-state .container button { height: 47.25px; } .sharing-state .container .sharing-button-container { padding-top: 1px; padding-bottom: 1px; padding-left: 2px; } .sharing-state .container .sharing-button-container button { pointer-events: auto; font: initial; opacity: 0.8; -webkit-transition: opacity 0.342s ease-out 0.038s, max-width 0.19s ease-out, width 0.19s ease-out, padding 0.19s ease-out, -webkit-transform 0.19s ease-out; transition: opacity 0.342s ease-out 0.038s, max-width 0.19s ease-out, width 0.19s ease-out, padding 0.19s ease-out, -webkit-transform 0.19s ease-out; transition: opacity 0.342s ease-out 0.038s, max-width 0.19s ease-out, width 0.19s ease-out, padding 0.19s ease-out, transform 0.19s ease-out; transition: opacity 0.342s ease-out 0.038s, max-width 0.19s ease-out, width 0.19s ease-out, padding 0.19s ease-out, transform 0.19s ease-out, -webkit-transform 0.19s ease-out; font-size: 16px; padding-left: 8px; padding-right: 8px; } .mobile.sharing-state .container .sharing-button-container button { font-size: 21.6px; padding-left: 10.8px; padding-right: 10.8px; } .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: 2px; padding-right: 0px; text-align: left; -webkit-transition: width 0.38s ease-out, -webkit-transform 0.38s ease-out; transition: width 0.38s ease-out, -webkit-transform 0.38s ease-out; transition: width 0.38s ease-out, transform 0.38s ease-out; transition: width 0.38s ease-out, transform 0.38s ease-out, -webkit-transform 0.38s ease-out; -webkit-transition-duration: 0.19s; transition-duration: 0.19s; font-size: 12px; } .mobile.sharing-state .container .textarea-container .copy-area { font-size: 16.2px; } .sharing-state .container .textarea-container .copy-area:focus-visible { outline: none; } .sharing-state .container .textarea-container .textinput-close-button { opacity: 0; max-width: 0; padding: 0; -webkit-transition: opacity 0.38s ease-out, max-width 0.19s ease-out, padding 0.19s ease-out; transition: opacity 0.38s ease-out, max-width 0.19s ease-out, padding 0.19s ease-out; } .sharing-state .container.textarea-active { pointer-events: all; background: rgba(51, 51, 54, 0.68); } .sharing-state .container.textarea-active .textarea-container { visibility: visible; } .sharing-state .container.textarea-active .textarea-container .copy-area { width: 207px; -webkit-transition: width 0.38s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.38s cubic-bezier(0, 0, 0.2, 1); transition: width 0.38s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.38s cubic-bezier(0, 0, 0.2, 1); transition: width 0.38s cubic-bezier(0, 0, 0.2, 1), transform 0.38s cubic-bezier(0, 0, 0.2, 1); transition: width 0.38s cubic-bezier(0, 0, 0.2, 1), transform 0.38s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.38s cubic-bezier(0, 0, 0.2, 1); } .sharing-state .container.textarea-active .textarea-container .textinput-close-button { opacity: 0.8; padding-left: 12px; padding-right: 11px; -webkit-transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1) 0.19s, max-width 0.19s cubic-bezier(0, 0, 0.2, 1), padding 0.19s cubic-bezier(0, 0, 0.2, 1); transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1) 0.19s, max-width 0.19s cubic-bezier(0, 0, 0.2, 1), padding 0.19s cubic-bezier(0, 0, 0.2, 1); max-width: 13px; } .mobile.sharing-state .container.textarea-active .textarea-container .textinput-close-button { max-width: 17.55px; } .sharing-state .container.textarea-active .social-sharing-container button:not(.active) { opacity: 0; max-width: 0; width: 0; padding: 0; visibility: hidden; -webkit-transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1), max-width 0.38s cubic-bezier(0, 0, 0.2, 1), width 0.38s cubic-bezier(0, 0, 0.2, 1), padding 0.38s cubic-bezier(0, 0, 0.2, 1); transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1), max-width 0.38s cubic-bezier(0, 0, 0.2, 1), width 0.38s cubic-bezier(0, 0, 0.2, 1), padding 0.38s cubic-bezier(0, 0, 0.2, 1); } .sharing-state .container.textarea-active .social-sharing-container button.active { opacity: 0.8; visibility: visible; -webkit-transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1); transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1); } .threesixty-ui { cursor: -webkit-grab; cursor: grab; } .threesixty-ui .ac-video-controls .compass-wrapper { -webkit-transform: translateY(0); transform: translateY(0); } .threesixty-video .ac-video-controls .compass-wrapper { display: inline-block; } .ac-video-controls .compass-wrapper { display: none; } .compass-wrapper { border: 0; padding: 0; margin: 0; text-transform: uppercase; color: transparent; overflow: hidden; white-space: nowrap; background-color: transparent; overflow: visible; position: absolute; top: calc(50% - 19px); right: 17px; height: 38px; width: 38px; z-index: 2; opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1), transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1), transform 0.5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); } .compass-wrapper .compass-background { width: 100%; height: 100%; position: absolute; pointer-events: none; -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s; transition: -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s; transition: transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s; transition: transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s, -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s; } .compass-wrapper.show-arrows .compass-background { -webkit-transform: scale(1.8); transform: scale(1.8); -webkit-transition: -webkit-transform 0.335s cubic-bezier(0.4, 0, 0.6, 1); transition: -webkit-transform 0.335s cubic-bezier(0.4, 0, 0.6, 1); transition: transform 0.335s cubic-bezier(0.4, 0, 0.6, 1); transition: transform 0.335s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.335s cubic-bezier(0.4, 0, 0.6, 1); } .compass-wrapper .compass { border: 0; padding: 0; margin: 0; text-transform: uppercase; color: transparent; overflow: hidden; white-space: nowrap; background-color: transparent; cursor: inherit; width: 38px; height: 38px; } .compass-wrapper .compass-ring { width: 38px; max-width: 38px; position: absolute; height: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0px; margin-left: 0px; pointer-events: none; will-change: transform; } .compass-wrapper:hover { cursor: pointer; } .compass-wrapper .compass-field { width: 38px; max-width: 38px; height: 38px; position: absolute; top: 0; margin-top: 0px; margin-left: 0px; pointer-events: none; } .compass-wrapper .compass-arrows { pointer-events: none; position: absolute; width: 68px; height: 68px; top: -15px; left: -15px; opacity: 0; -webkit-transition: opacity 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s; transition: opacity 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s; } .compass-wrapper .compass-arrows .compass-arrow-top, .compass-wrapper .compass-arrows .compass-arrow-right, .compass-wrapper .compass-arrows .compass-arrow-bottom, .compass-wrapper .compass-arrows .compass-arrow-left { border: 0; padding: 0; margin: 0; text-transform: uppercase; color: transparent; overflow: hidden; white-space: nowrap; background-color: transparent; pointer-events: none; cursor: inherit; position: absolute; width: 19px; height: 19px; opacity: 0.56; will-change: opacity; -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.03s; transition: -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.03s; transition: transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.03s; transition: transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.03s, -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.03s; } .compass-wrapper .compass-arrows .compass-arrow-top:focus-visible, .compass-wrapper .compass-arrows .compass-arrow-top:active, .compass-wrapper .compass-arrows .compass-arrow-right:focus-visible, .compass-wrapper .compass-arrows .compass-arrow-right:active, .compass-wrapper .compass-arrows .compass-arrow-bottom:focus-visible, .compass-wrapper .compass-arrows .compass-arrow-bottom:active, .compass-wrapper .compass-arrows .compass-arrow-left:focus-visible, .compass-wrapper .compass-arrows .compass-arrow-left:active { opacity: 1; } .ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-top, .ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-right, .ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-bottom, .ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-left { pointer-events: all; } .compass-wrapper .compass-arrows .compass-arrow-top { top: 0; left: 24px; -webkit-transform: rotate(-90deg) translateX(-7px) scale(0.55); transform: rotate(-90deg) translateX(-7px) scale(0.55); } .compass-wrapper .compass-arrows .compass-arrow-right { top: 24px; left: 47px; -webkit-transform: translateX(-7px) scale(0.55); transform: translateX(-7px) scale(0.55); } .compass-wrapper .compass-arrows .compass-arrow-bottom { top: 48px; left: 25px; -webkit-transform: rotate(90deg) translateX(-7px) scale(0.55); transform: rotate(90deg) translateX(-7px) scale(0.55); } .compass-wrapper .compass-arrows .compass-arrow-left { top: 24px; left: 2px; -webkit-transform: rotate(180deg) translateX(-7px) scale(0.55); transform: rotate(180deg) translateX(-7px) scale(0.55); } .compass-wrapper.show-arrows .compass-arrows { opacity: 1; -webkit-transition: opacity 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s; transition: opacity 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s; } .compass-wrapper.show-arrows .compass-arrow-top, .compass-wrapper.show-arrows .compass-arrow-right, .compass-wrapper.show-arrows .compass-arrow-bottom, .compass-wrapper.show-arrows .compass-arrow-left { pointer-events: all; -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s; transition: -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s; transition: transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s; transition: transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s, -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s; } .compass-wrapper.show-arrows .compass-arrow-top { -webkit-transform: rotate(-90deg) translateX(0) scale(1); transform: rotate(-90deg) translateX(0) scale(1); } .compass-wrapper.show-arrows .compass-arrow-right { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } .compass-wrapper.show-arrows .compass-arrow-bottom { -webkit-transform: rotate(90deg) translateX(0) scale(1); transform: rotate(90deg) translateX(0) scale(1); } .compass-wrapper.show-arrows .compass-arrow-left { -webkit-transform: rotate(180deg) translateX(0) scale(1); transform: rotate(180deg) translateX(0) scale(1); } .ac-video-controls.start-state .compass-wrapper { visibility: hidden; pointer-events: none; opacity: 0; } .ac-video-controls.end-state .compass-wrapper { visibility: hidden; pointer-events: none; opacity: 0; } .threesixty-ui .compass-wrapper { opacity: 1; -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s; transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s; transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s; transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s; } .mouse-leave .compass-wrapper { -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .dragging .compass-wrapper { -webkit-transform: translateY(0); transform: translateY(0); } .dragging .compass { cursor: -webkit-grabbing; cursor: grabbing; } .ac-video-player .error-state-wrapper { position: absolute; bottom: 0; width: 100%; height: 100%; pointer-events: none; visibility: hidden; } .ac-video-player .error-state-wrapper .error-state-container { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; pointer-events: all; cursor: default; background: rgba(0, 0, 0, 0.67); } .ac-video-player .error-state-wrapper .error-state-container .error-state-message { background-color: rgba(29, 29, 31, 0.8); border-radius: 6px; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 17px; color: white; opacity: 1; letter-spacing: -0.37px; text-align: center; line-height: 20px; min-width: 40px; max-width: 360px; padding: 10px 16px; outline: none; } .ac-video-player:not(.idle-state).media-error .ac-video-controls { opacity: 0; visibility: hidden; } .ac-video-player:not(.idle-state).media-error .error-state-wrapper { visibility: visible; pointer-events: all; } .ac-video-player:not(.idle-state).media-error .error-state-wrapper .error-state-container { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; visibility: visible; } .ac-video-player:not(.idle-state).media-error .error-state-wrapper .error-state-container.hidden { display: none; } .ac-video-player:not(.idle-state).media-error .error-state-wrapper .error-state-container:hover .end-state-item:hover { opacity: 1; } .transcript-download-icon { position: relative; top: -2px; inset-inline-start: 3.5px; -webkit-padding-end: 3.5px; padding-inline-end: 3.5px; } .transcript-download-icon::after { content: ""; display: inline-block; vertical-align: middle; height: 25px; width: 20px; background-color: currentcolor; background-repeat: no-repeat; -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20height%3D%2225%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m9.9526%2021.4736c4.6318%200%208.4668-3.835%208.4668-8.4668s-3.8433-8.4668-8.4751-8.4668-8.4585%203.8349-8.4585%208.4668%203.835%208.4668%208.4668%208.4668zm0-1.4112c-3.918%200-7.0474-3.1377-7.0474-7.0557s3.1211-7.0557%207.0391-7.0557%207.0557%203.1377%207.064%207.0557-3.1377%207.0557-7.0557%207.0557zm0-2.7724c.1826%200%20.332-.083.4897-.2407l2.8057-2.8057c.1079-.1079.1743-.2573.1743-.4233%200-.3403-.2656-.5977-.606-.5977-.1826%200-.332.0581-.4399.1826l-1.0293%201.0376-.8384%201.0044.0664-1.7598v-4.3247c0-.3652-.2656-.6226-.6226-.6226s-.6226.2573-.6226.6226v4.3247l.0664%201.7515-.8301-.9961-1.0376-1.0376c-.1079-.1162-.2573-.1826-.4399-.1826-.3403%200-.5977.2573-.5977.5977%200%20.166.0581.3154.166.4233l2.814%202.8057c.166.166.3071.2407.4814.2407z%22%20fill%3D%22currentcolor%22%2F%3E%3C%2Fsvg%3E%0A"); mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20height%3D%2225%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m9.9526%2021.4736c4.6318%200%208.4668-3.835%208.4668-8.4668s-3.8433-8.4668-8.4751-8.4668-8.4585%203.8349-8.4585%208.4668%203.835%208.4668%208.4668%208.4668zm0-1.4112c-3.918%200-7.0474-3.1377-7.0474-7.0557s3.1211-7.0557%207.0391-7.0557%207.0557%203.1377%207.064%207.0557-3.1377%207.0557-7.0557%207.0557zm0-2.7724c.1826%200%20.332-.083.4897-.2407l2.8057-2.8057c.1079-.1079.1743-.2573.1743-.4233%200-.3403-.2656-.5977-.606-.5977-.1826%200-.332.0581-.4399.1826l-1.0293%201.0376-.8384%201.0044.0664-1.7598v-4.3247c0-.3652-.2656-.6226-.6226-.6226s-.6226.2573-.6226.6226v4.3247l.0664%201.7515-.8301-.9961-1.0376-1.0376c-.1079-.1162-.2573-.1826-.4399-.1826-.3403%200-.5977.2573-.5977.5977%200%20.166.0581.3154.166.4233l2.814%202.8057c.166.166.3071.2407.4814.2407z%22%20fill%3D%22currentcolor%22%2F%3E%3C%2Fsvg%3E%0A"); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; text-decoration: none; } .ac-modal-video { --ac-films-content-container-padding-block: 96px; --ac-films-content-container-padding-inline: 96px; --ac-films-player-min-width: 320px; --ac-films-player-min-height: 180px; --ac-films-transcript-link-margin-top: 28px; --ac-films-disabled-opacity: var(--sk-link-disabled-opacity, 0.42); --ac-films-content-container-correction-min-breakpoint: 0px; } @media (max-width: 1440px) { .ac-modal-video { --ac-films-content-container-padding-block: 76px; --ac-films-content-container-padding-inline: 76px; } } @media (max-width: 1068px) { .ac-modal-video { --ac-films-transcript-link-margin-top: 24px; } } @media (max-width: 734px) { .ac-modal-video { --ac-films-content-container-padding-inline: 30px; } } @media (max-width: 480px) { .ac-modal-video { --ac-films-content-container-padding-inline: 20px; } } @media (max-width: 360px) { .ac-modal-video { --ac-films-content-container-padding-inline: 0px; --ac-films-content-container-correction-min-breakpoint: 20px; } } .ac-modal-video { --ac-films-video-aspect-ratio: 1.7778; --ac-films-transcript-link-outer-height: calc( var(--ac-films-transcript-link-margin-top) + var(--ac-films-transcript-link-height) ); --ac-films-available-width: calc( 100vw - ( ( var(--ac-films-content-container-padding-inline) + var(--ac-films-content-container-correction-min-breakpoint) ) * 2 ) ); --ac-films-available-height: calc( 100vh - (var(--ac-films-content-container-padding-block) * 2) - var(--ac-films-transcript-link-outer-height) ); --ac-films-video-min-width: var(--ac-films-player-min-width); --ac-films-video-min-height: max( var(--ac-films-player-min-height), calc(var(--ac-films-player-min-width) / var(--ac-films-video-aspect-ratio)) ); --ac-films-video-max-width: min(1280px, var(--ac-films-available-width)); --ac-films-video-max-height: calc( var(--ac-films-video-max-width) / var(--ac-films-video-aspect-ratio) ); --ac-films-video-width: min( 1280px, calc(var(--ac-films-available-height) * var(--ac-films-video-aspect-ratio)) ); --ac-films-video-height: calc( var(--ac-films-video-width) / var(--ac-films-video-aspect-ratio) ); } .ac-modal-video video { position: relative; min-width: var(--ac-films-video-min-width); max-width: var(--ac-films-video-max-width); min-height: var(--ac-films-video-min-height); max-height: var(--ac-films-video-max-height); width: var(--ac-films-video-width, 1280px); height: var(--ac-films-video-height, 720px); } @media (max-width: 360px) { .ac-modal-video video { --ac-films-video-max-width: 320px; --ac-films-video-width: 320px; } } .ac-modal-video .ac-video-cinematic-aspect-ratio { --ac-films-video-aspect-ratio: 2.4; --ac-films-transcript-link-outer-height: calc( var(--ac-films-transcript-link-margin-top) + var(--ac-films-transcript-link-height) ); --ac-films-available-width: calc( 100vw - ( ( var(--ac-films-content-container-padding-inline) + var(--ac-films-content-container-correction-min-breakpoint) ) * 2 ) ); --ac-films-available-height: calc( 100vh - (var(--ac-films-content-container-padding-block) * 2) - var(--ac-films-transcript-link-outer-height) ); --ac-films-video-min-width: var(--ac-films-player-min-width); --ac-films-video-min-height: max( var(--ac-films-player-min-height), calc(var(--ac-films-player-min-width) / var(--ac-films-video-aspect-ratio)) ); --ac-films-video-max-width: min(1536px, var(--ac-films-available-width)); --ac-films-video-max-height: calc( var(--ac-films-video-max-width) / var(--ac-films-video-aspect-ratio) ); --ac-films-video-width: min( 1536px, calc(var(--ac-films-available-height) * var(--ac-films-video-aspect-ratio)) ); --ac-films-video-height: calc( var(--ac-films-video-width) / var(--ac-films-video-aspect-ratio) ); } .ac-modal-video .ac-video-cinematic-aspect-ratio video { position: relative; min-width: var(--ac-films-video-min-width); max-width: var(--ac-films-video-max-width); min-height: var(--ac-films-video-min-height); max-height: var(--ac-films-video-max-height); width: var(--ac-films-video-width, 1536px); height: var(--ac-films-video-height, 640px); } @media (max-width: 360px) { .ac-modal-video .ac-video-cinematic-aspect-ratio video { --ac-films-video-max-width: 320px; --ac-films-video-width: 320px; } } .ac-modal-video .ac-video-19x9-aspect-ratio { --ac-films-video-aspect-ratio: 2.1653; --ac-films-transcript-link-outer-height: calc( var(--ac-films-transcript-link-margin-top) + var(--ac-films-transcript-link-height) ); --ac-films-available-width: calc( 100vw - ( ( var(--ac-films-content-container-padding-inline) + var(--ac-films-content-container-correction-min-breakpoint) ) * 2 ) ); --ac-films-available-height: calc( 100vh - (var(--ac-films-content-container-padding-block) * 2) - var(--ac-films-transcript-link-outer-height) ); --ac-films-video-min-width: var(--ac-films-player-min-width); --ac-films-video-min-height: max( var(--ac-films-player-min-height), calc(var(--ac-films-player-min-width) / var(--ac-films-video-aspect-ratio)) ); --ac-films-video-max-width: min(1624px, var(--ac-films-available-width)); --ac-films-video-max-height: calc( var(--ac-films-video-max-width) / var(--ac-films-video-aspect-ratio) ); --ac-films-video-width: min( 1624px, calc(var(--ac-films-available-height) * var(--ac-films-video-aspect-ratio)) ); --ac-films-video-height: calc( var(--ac-films-video-width) / var(--ac-films-video-aspect-ratio) ); } .ac-modal-video .ac-video-19x9-aspect-ratio video { position: relative; min-width: var(--ac-films-video-min-width); max-width: var(--ac-films-video-max-width); min-height: var(--ac-films-video-min-height); max-height: var(--ac-films-video-max-height); width: var(--ac-films-video-width, 1624px); height: var(--ac-films-video-height, 750px); } @media (max-width: 360px) { .ac-modal-video .ac-video-19x9-aspect-ratio video { --ac-films-video-max-width: 320px; --ac-films-video-width: 320px; } } .ac-modal-video .ac-video-9x19-aspect-ratio { --ac-films-video-aspect-ratio: 0.4622; --ac-films-transcript-link-outer-height: calc( var(--ac-films-transcript-link-margin-top) + var(--ac-films-transcript-link-height) ); --ac-films-available-width: calc( 100vw - ( ( var(--ac-films-content-container-padding-inline) + var(--ac-films-content-container-correction-min-breakpoint) ) * 2 ) ); --ac-films-available-height: calc( 100vh - (var(--ac-films-content-container-padding-block) * 2) - var(--ac-films-transcript-link-outer-height) ); --ac-films-video-min-width: var(--ac-films-player-min-width); --ac-films-video-min-height: max( var(--ac-films-player-min-height), calc(var(--ac-films-player-min-width) / var(--ac-films-video-aspect-ratio)) ); --ac-films-video-max-width: min(563px, var(--ac-films-available-width)); --ac-films-video-max-height: calc( var(--ac-films-video-max-width) / var(--ac-films-video-aspect-ratio) ); --ac-films-video-width: min( 563px, calc(var(--ac-films-available-height) * var(--ac-films-video-aspect-ratio)) ); --ac-films-video-height: calc( var(--ac-films-video-width) / var(--ac-films-video-aspect-ratio) ); } .ac-modal-video .ac-video-9x19-aspect-ratio video { position: relative; min-width: var(--ac-films-video-min-width); max-width: var(--ac-films-video-max-width); min-height: var(--ac-films-video-min-height); max-height: var(--ac-films-video-max-height); width: var(--ac-films-video-width, 563px); height: var(--ac-films-video-height, 1218px); } @media (max-width: 360px) { .ac-modal-video .ac-video-9x19-aspect-ratio video { --ac-films-video-max-width: 320px; --ac-films-video-width: 320px; } } .ac-modal-video .ac-video-vertical-aspect-ratio { --ac-films-video-aspect-ratio: 0.5625; --ac-films-transcript-link-outer-height: calc( var(--ac-films-transcript-link-margin-top) + var(--ac-films-transcript-link-height) ); --ac-films-available-width: calc( 100vw - ( ( var(--ac-films-content-container-padding-inline) + var(--ac-films-content-container-correction-min-breakpoint) ) * 2 ) ); --ac-films-available-height: calc( 100vh - (var(--ac-films-content-container-padding-block) * 2) - var(--ac-films-transcript-link-outer-height) ); --ac-films-video-min-width: var(--ac-films-player-min-width); --ac-films-video-min-height: max( var(--ac-films-player-min-height), calc(var(--ac-films-player-min-width) / var(--ac-films-video-aspect-ratio)) ); --ac-films-video-max-width: min(540px, var(--ac-films-available-width)); --ac-films-video-max-height: calc( var(--ac-films-video-max-width) / var(--ac-films-video-aspect-ratio) ); --ac-films-video-width: min( 540px, calc(var(--ac-films-available-height) * var(--ac-films-video-aspect-ratio)) ); --ac-films-video-height: calc( var(--ac-films-video-width) / var(--ac-films-video-aspect-ratio) ); } .ac-modal-video .ac-video-vertical-aspect-ratio video { position: relative; min-width: var(--ac-films-video-min-width); max-width: var(--ac-films-video-max-width); min-height: var(--ac-films-video-min-height); max-height: var(--ac-films-video-max-height); width: var(--ac-films-video-width, 540px); height: var(--ac-films-video-height, 960px); } @media (max-width: 360px) { .ac-modal-video .ac-video-vertical-aspect-ratio video { --ac-films-video-max-width: 320px; --ac-films-video-width: 320px; } } .ac-modal-video .ac-video-square-aspect-ratio { --ac-films-video-aspect-ratio: 1; --ac-films-transcript-link-outer-height: calc( var(--ac-films-transcript-link-margin-top) + var(--ac-films-transcript-link-height) ); --ac-films-available-width: calc( 100vw - ( ( var(--ac-films-content-container-padding-inline) + var(--ac-films-content-container-correction-min-breakpoint) ) * 2 ) ); --ac-films-available-height: calc( 100vh - (var(--ac-films-content-container-padding-block) * 2) - var(--ac-films-transcript-link-outer-height) ); --ac-films-video-min-width: var(--ac-films-player-min-width); --ac-films-video-min-height: max( var(--ac-films-player-min-height), calc(var(--ac-films-player-min-width) / var(--ac-films-video-aspect-ratio)) ); --ac-films-video-max-width: min(960px, var(--ac-films-available-width)); --ac-films-video-max-height: calc( var(--ac-films-video-max-width) / var(--ac-films-video-aspect-ratio) ); --ac-films-video-width: min( 960px, calc(var(--ac-films-available-height) * var(--ac-films-video-aspect-ratio)) ); --ac-films-video-height: calc( var(--ac-films-video-width) / var(--ac-films-video-aspect-ratio) ); } .ac-modal-video .ac-video-square-aspect-ratio video { position: relative; min-width: var(--ac-films-video-min-width); max-width: var(--ac-films-video-max-width); min-height: var(--ac-films-video-min-height); max-height: var(--ac-films-video-max-height); width: var(--ac-films-video-width, 960px); height: var(--ac-films-video-height, 960px); } @media (max-width: 360px) { .ac-modal-video .ac-video-square-aspect-ratio video { --ac-films-video-max-width: 320px; --ac-films-video-width: 320px; } } .ac-modal-video.ac-modal-video-pip { opacity: 0; pointer-events: none; display: block; } .ac-modal-video .modal-content-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-block: var(--ac-films-content-container-padding-block); padding-inline: var(--ac-films-content-container-padding-inline); } .ac-modal-video .modal-content-container .ac-player-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 100%; } @media (max-width: 360px) { .ac-modal-video .modal-content-container .ac-player-container { width: 100%; } } .ac-modal-video .modal-content-container .ac-player-container .ac-video-player { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .ac-modal-video .modal-content-container .ac-player-container .ac-video-player .ac-video-poster { top: auto; left: auto; -ms-flex-item-align: center; align-self: center; } .ac-modal-video .modal-content-container .ac-player-container .ac-video-player.ac-films-player-is-fullscreen { --ac-films-video-max-height: none; --ac-films-video-max-width: none; --ac-films-video-min-height: 0; --ac-films-video-min-width: 0; --ac-films-video-width: 100%; --ac-films-video-height: 100%; } .ac-modal-video .modal-content-container .ac-films-transcript-link { color: var(--sk-body-link-color, rgb(0, 102, 204)); text-decoration: none; letter-spacing: inherit; } .ac-modal-video .modal-content-container .ac-films-transcript-link.disabled { opacity: var(--ac-films-disabled-opacity); } .ac-modal-video .modal-content-container .ac-films-transcript-link:hover:not(.disabled) { text-decoration: underline; } .ac-modal-video .modal-content-container .ac-films-transcript-link { margin: var(--ac-films-transcript-link-margin-top) 0 0; -ms-flex-item-align: start; align-self: flex-start; } @media (max-width: 360px) { .ac-modal-video .modal-content-container .ac-films-transcript-link { padding-inline: 20px; } } .theme-dark .ac-modal-video { --ac-films-disabled-opacity: var(--sk-link-disabled-opacity, 0.36); } .ac-modal-video .ac-video-player:before { z-index: 1; } .ac-video-player.ac-films-handheld-player { position: fixed; z-index: -1; visibility: hidden; width: 1px; height: 1px; top: 50%; left: 50%; } .ac-video-player.ac-films-handheld-player .error-state-wrapper { display: none; } .ac-video-player.ac-films-handheld-player.player-fullscreen { visibility: visible; opacity: 0; } .ac-films-modal-page-overlay { --sk-links-inline-margin: 1em; --modal-overlay-border-radius-top: 28px; --ac-films-content-container-padding-inline: 76px; --ac-films-content-container-padding-block: 76px; --ac-films-transcript-link-margin-top: 24px; --ac-films-transcript-link-margin-top: 24px; --ac-films-page-overlay-max-width: 1029px; --ac-films-page-overlay-outer-padding: 6.25%; --ac-films-page-overlay-content-max-width: 70%; --ac-films-page-overlay-header-margin-top: 40px; --ac-films-page-overlay-eyebrow-margin-bottom: 0.8em; --ac-films-page-overlay-eyebrow-wide-tracking: 0.1em; --ac-films-page-overlay-headline-margin-bottom: 1rem; } @media (max-width: 1068px) { .ac-films-modal-page-overlay { --ac-films-transcript-link-margin-top: 20px; --ac-films-transcript-link-margin-top: 20px; --ac-films-page-overlay-content-max-width: 500px; --ac-films-page-overlay-header-margin-top: 32px; } } @media (max-width: 734px) { .ac-films-modal-page-overlay { --ac-films-content-container-padding-inline: 6.25%; --ac-films-page-overlay-outer-padding: 10px; --ac-films-page-overlay-max-width: 480px; --modal-overlay-border-radius-bottom: var( --modal-overlay-border-radius-top ); } } @media (max-width: 360px) { .ac-films-modal-page-overlay { --ac-films-content-container-padding-inline: 20px; } } .ac-films-modal-page-overlay .modal-overlay-container { padding-inline: var(--ac-films-page-overlay-outer-padding); } @media (max-width: 734px) { .ac-films-modal-page-overlay .modal-overlay-container { -webkit-box-orient: unset; -webkit-box-direction: unset; -ms-flex-direction: unset; flex-direction: unset; min-width: 320px; } } @media (max-width: 360px) { .ac-films-modal-page-overlay .modal-overlay-container { padding-inline: 0; } } .ac-films-modal-page-overlay .modal-overlay { width: 100%; max-width: var(--ac-films-page-overlay-max-width); } @media (max-width: 734px) { .ac-films-modal-page-overlay .modal-overlay { -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; } } .ac-films-modal-page-overlay .modal-content-container { display: block; } @media (max-width: 734px) { .ac-films-modal-page-overlay .modal-content-container { padding-inline: 0; } } .ac-films-modal-page-overlay .modal-content-container .ac-player-container { width: 100%; } .ac-films-modal-page-overlay .modal-content-container .ac-player-container .ac-video-player { width: 100%; height: auto; padding-top: calc(1 / var(--ac-films-video-aspect-ratio) * 100%); } .ac-films-modal-page-overlay .modal-content-container .ac-player-container .ac-video-player .ac-video-poster { top: 0; left: 0; } @supports (aspect-ratio: 1/1) { .ac-films-modal-page-overlay .modal-content-container .ac-player-container .ac-video-player { aspect-ratio: var(--ac-films-video-aspect-ratio); padding-top: unset; } } .ac-films-modal-page-overlay .modal-content-container .ac-player-container .ac-films-transcript-link { color: rgb(110, 110, 115); } @media (max-width: 734px) { .ac-films-modal-page-overlay .modal-content-container .ac-films-transcript-link { padding-inline: var(--ac-films-content-container-padding-inline); } } .ac-films-modal-page-overlay video { min-width: unset; max-width: unset; min-height: unset; max-height: unset; width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } @supports (aspect-ratio: 1/1) { .ac-films-modal-page-overlay video { position: absolute; height: 100%; } } .ac-films-modal-page-overlay .ac-films-page-overlay-content { max-width: var(--ac-films-page-overlay-content-max-width); -webkit-margin-start: 0; margin-inline-start: 0; -webkit-margin-end: auto; margin-inline-end: auto; } @media (max-width: 734px) { .ac-films-modal-page-overlay .ac-films-page-overlay-content { padding-inline: var(--ac-films-content-container-padding-inline); } } .ac-films-modal-page-overlay .ac-films-page-overlay-header { margin-top: var(--ac-films-page-overlay-header-margin-top); } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow, .ac-films-modal-page-overlay .ac-films-page-overlay-headline, .ac-films-modal-page-overlay .ac-films-page-overlay-description { color: rgb(29, 29, 31); } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow { font-size: 21px; line-height: 1.1904761905; font-weight: 600; letter-spacing: 0.011em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(ja) { line-height: 1.2380952381; font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(ko) { line-height: 1.2858042857; 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; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(th) { line-height: 1.381002381; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(zh) { line-height: 1.3334033333; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(ar) { font-family: "SF Pro AR", "SF Pro AR Display", "SF Pro Display", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow: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; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } @media (max-width: 1068px) { .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow { font-size: 19px; line-height: 1.2105263158; font-weight: 600; letter-spacing: 0.012em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(ja) { line-height: 1.2631578947; font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(ko) { line-height: 1.3157894737; 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; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(th) { line-height: 1.3684410526; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(zh) { line-height: 1.3684410526; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(ar) { font-family: "SF Pro AR", "SF Pro AR Display", "SF Pro Display", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow: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; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } } @media (max-width: 734px) { .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow { font-size: 17px; line-height: 1.2353641176; font-weight: 600; letter-spacing: -0.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow: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; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(ko) { line-height: 1.3529611765; 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; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(zh) { line-height: 1.3529611765; letter-spacing: 0em; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(th) { line-height: 1.3529611765; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow: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; } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow { margin-bottom: var(--ac-films-page-overlay-eyebrow-margin-bottom); } .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow-wide { letter-spacing: var(--ac-films-page-overlay-eyebrow-wide-tracking); } .ac-films-modal-page-overlay .ac-films-page-overlay-headline { margin-bottom: var(--ac-films-page-overlay-headline-margin-bottom); } .ac-films-modal-page-overlay .ac-films-page-overlay-ctas li { display: inline-block; margin-inline: var(--sk-links-inline-margin, 0.8em); } .ac-films-modal-page-overlay .ac-films-page-overlay-ctas li:first-child { -webkit-margin-start: 0; margin-inline-start: 0; } .ac-films-modal-page-overlay .ac-films-page-overlay-ctas li:last-child { -webkit-margin-end: 0; margin-inline-end: 0; } .ac-films-modal-page-overlay .ac-films-page-overlay-ctas { -webkit-margin-start: 0; margin-inline-start: 0; } @media (max-width: 734px) { .ac-films-modal-page-overlay .ac-films-page-overlay-ctas li { margin: 0; display: block; } .ac-films-modal-page-overlay .ac-films-page-overlay-ctas li + li { margin-top: var(--sk-links-stacked-margin, 0.4em); } } @media (min-width: 735px) { html[dir="rtl"] .ac-films-modal-page-overlay .ac-films-page-overlay-ctas li { display: inline-block; } } .ac-films-modal-page-overlay .ac-films-page-overlay-ctas-stacked li { margin: 0; display: block; } .ac-films-modal-page-overlay .ac-films-page-overlay-ctas-stacked li + li { margin-top: var(--sk-links-stacked-margin, 0.4em); } .ac-films-modal-page-overlay .ac-films-page-overlay-links:not(:hover):not(:active):not(:focus) { text-decoration: none; } .theme-dark .ac-films-modal-page-overlay .modal-content-container .ac-films-transcript-link, .ac-films-modal-page-overlay.modal-dark .modal-content-container .ac-films-transcript-link { color: rgb(134, 134, 139); } .theme-dark .ac-films-modal-page-overlay .ac-films-page-overlay-eyebrow, .theme-dark .ac-films-modal-page-overlay .ac-films-page-overlay-headline, .theme-dark .ac-films-modal-page-overlay .ac-films-page-overlay-description, .ac-films-modal-page-overlay.modal-dark .ac-films-page-overlay-eyebrow, .ac-films-modal-page-overlay.modal-dark .ac-films-page-overlay-headline, .ac-films-modal-page-overlay.modal-dark .ac-films-page-overlay-description { color: rgb(245, 245, 247); } .theme-dark .ac-films-modal-page-overlay .ac-films-page-overlay-links, .ac-films-modal-page-overlay.modal-dark .ac-films-page-overlay-links { color: rgb(41, 151, 255); }