.pp-ui-spinner{animation:pp-ui-rotator 1.4s linear infinite}@keyframes pp-ui-rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}.pp-ui-spinner-path{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:pp-ui-dash 1.4s ease-in-out infinite,pp-ui-colors 5.6s ease-in-out infinite}@keyframes pp-ui-colors{0%{stroke:#fff}25%{stroke:#95ccff}50%{stroke:#a4a4a4}75%{stroke:#567eac}to{stroke:#fff}}@keyframes pp-ui-dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}.pp-ui-thumb-full{position:relative;height:100%}.pp-ui-thumb-container{width:100%;padding-left:10px;padding-right:10px}.pp-ui-button-skip-ad{background-color:#0000004f;border:2px solid white;border-radius:8px;font-size:1.1em;margin:10px;padding:5px 20px;color:#fff;text-align:center}.pp-ui-enabled{fill:#448aff}.pp-ui-container{position:relative;max-width:800px;width:100%;margin:0 auto;background-color:#000;fill:#fff;font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.pp-ui-video-container{position:relative;padding-bottom:56.25%;height:100%}.pp-ui-container>* video{position:absolute;top:0;left:0;width:100%;height:100%}.pp-ui-stretch{position:absolute;inset:0}.pp-ui-row{background-color:#0000004f;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.pp-ui-overlay{display:flex;flex-direction:column;opacity:1;transition:opacity .7s;color:#fff}.pp-ui-overlay-fast-transition{transition:opacity .25s}.pp-ui-overlay-no-transition{transition:none}.pp-ui-button{border:0;background-color:transparent;color:inherit;padding:0;line-height:0;width:64px;height:64px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.pp-ui-button:active{transform:scale(.95)}.pp-ui-button:hover,.pp-ui-button:focus{border:0;outline:0;background-color:transparent;transform:scale(1.05)}.pp-ui-noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pp-ui-button-24{width:24px;height:24px}.pp-ui-button-22{width:22px;height:22px}.pp-ui-bar{height:40px}.pp-ui-bar-container{position:relative;height:100%;margin:auto}.pp-ui-bar-range{position:absolute;height:3px;inset:0;margin:auto}.pp-ui-bar-ad-marker{background-color:#ff0;width:5px;margin-left:0}.pp-ui-bar-range-progress{background-color:#fff}.pp-ui-bar-range-progress-animate{transition:right .25s linear}.pp-ui-bar-range-total{background-color:#b4b4b4}.pp-ui-bar-range-thumb{height:10px;width:10px;background-color:transparent;position:absolute;top:0;bottom:0;left:0;margin:auto;border-radius:50%;transform:translate(-50%)}.pp-ui-bar-range-thumb-background{background-color:#000;opacity:.25}.pp-ui-bar-range-thumb-foreground{background-color:#fff}.pp-ui-bar-range-thumb-background,.pp-ui-bar-range-thumb-foreground{transition:transform .2s}.pp-ui-bar-range-thumb-foreground-drag,.pp-ui-bar-range-thumb-foreground-touch{transform-origin:center;transform:translate(-50%) scale(2)}.pp-ui-bar-range-thumb-background-touch{transform-origin:center;transform:translate(-50%) scale(4)}.pp-ui-volume-control{display:inline-flex;align-items:center;vertical-align:middle;padding:10px;margin:-10px}.pp-ui-volume-control .pp-ui-volume-slider{width:0;height:24px;opacity:0;overflow:hidden;transition:width .2s ease,opacity .2s ease,margin-left .2s ease}.pp-ui-volume-control:hover .pp-ui-volume-slider,.pp-ui-volume-control-active .pp-ui-volume-slider,.pp-ui-volume-control-pinned .pp-ui-volume-slider{width:80px;margin-left:8px;opacity:1}.pp-ui-volume-slider .pp-ui-volume-bar{box-sizing:border-box;width:80px;height:24px;padding:0 10px}.pp-ui-options-bar{height:100%;min-width:150px;background-color:#000000b3;transform:translate(101%);transition:transform .5s;overflow:auto}.pp-ui-clickable{cursor:pointer}.pp-ui-options-selection{overflow:hidden;max-height:100vh;transition:max-height .5s;padding-right:10px}.pp-ui-options-selected{font-weight:700;color:#95ccff}.pp-ui-options-bar-collapsed{max-height:0}.pp-ui-options-bar-show{transform:translate(0)}.pp-ui-options-title{padding-top:10px;padding-bottom:10px;padding-left:20px}.pp-ui-options-subtitle{font-size:.75em;padding-top:5px;color:#878787}.pp-ui-hidden{display:none}.pp-ui-fade-out,.pp-ui-fade-enter,.pp-ui-fade-leave-to{opacity:0}.pp-ui-no-interaction{pointer-events:none}.pp-ui-ad-progress * .pp-ui-bar-range-progress{background-color:#fff399}.pp-ui-options-bar::-webkit-scrollbar-track{background-color:#363534}.pp-ui-options-bar::-webkit-scrollbar{width:6px;background-color:#363534}.pp-ui-options-bar::-webkit-scrollbar-thumb{border-radius:10px;background-color:#888786}.pp-ui-pass-clicks{pointer-events:none}.pp-ui-catch-clicks{pointer-events:auto}.pp-ui-osd-label{font-size:xx-large}.default-player .pp-ui{--pp-ui-button-size: 1.5rem;--pp-ui-slider-size: 1rem;--pp-ui-slider-height: .15rem;--pp-ui-slider-height-ad: .15rem;--pp-ui-slider-height-interaction: .25rem;--pp-ui-slider-thumb-transform: translateX(-50%)}.pp-ui-basic-theme .pp-ui-horizontal-bar{padding:.25rem 0}.default-player{width:100%;aspect-ratio:16/9}.default-player .player-surface{position:relative;width:100%;height:100%;background-color:#000}.default-player .pp-ui-seek{display:none}.default-player .pp-ui-video-container>.clpp-container,.default-player .ad-container{--bottom: 0%;--right: 0%;--top: 0%;--left: 0%;position:absolute;object-fit:contain;background-color:transparent;width:calc(100% - (var(--right) + var(--left)));height:calc(100% - (var(--bottom) + var(--top)));bottom:var(--bottom);right:var(--right);top:var(--top);left:var(--left);transition-property:opacity,width,height,top,bottom,left,right;transition-duration:.25s;transition-timing-function:ease-in}.default-player .ad-container{opacity:0}.player-grid{--player-width: 300px;width:100%;display:grid;grid-template-columns:repeat(2,minmax(var(--player-width),1fr));gap:1rem}.csl-player{position:relative;min-width:var(--player-width);flex-grow:1}.actions{display:flex;gap:1rem;padding-block:1rem;align-items:center}.csl-button{font-size:.875rem;line-height:.875rem;min-width:0;padding:.5rem 1rem}.viewer-row{display:flex;align-items:center;gap:1rem}.viewer-row~.viewer-row{border-top:2px solid var(--cl-color-accent);padding-top:1rem}.viewer-info{margin-right:24px;display:flex;align-items:center;flex-direction:column}.viewer-info img{height:100px}.viewer-content{flex-grow:1}.viewer-panel{display:flex}.viewer-controls{display:flex;flex-direction:column;gap:1rem;justify-content:center}.viewer-controls button{min-width:.5rem}.csl-demo-panel{padding:1rem;display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.csl-player-grid{display:grid;grid-template-columns:3fr 1fr;width:100%;align-items:start;justify-items:center;gap:1rem}.csl-player-grid .text-column{display:flex;flex-direction:column;max-width:960px;position:sticky;top:0;padding-top:30px;margin:1rem}.csl-table{border:1px solid black;border-collapse:collapse;width:100%;text-align:left}.csl-table th,.csl-table td{border:1px solid black;padding:4px}.csl-table th{background-color:#f6f4f4;font-weight:700}.csl-table tbody tr:nth-child(2n){background-color:#f6f4f4}.players-column{display:flex;gap:1rem;flex-direction:column}