.pl{--_accent:var(--p-accent,var(--lime));--_accent-ink:var(--p-accent-ink,var(--black));--_ink:var(--p-ink,var(--white));--_bg:var(--p-bg,var(--black));--_dock:var(--p-dock,#0b0b0beb);--_radius:var(--p-radius,var(--radius-l));--_inset:12px;--_dock-h:80px;--_spring:linear(0, .12, .374, .656, .897, 1.062, 1.149, 1.17, 1.147, 1.103, 1.055, 1.015, .988, .974, .971, .98, 1);z-index:0;isolation:isolate;border-radius:var(--_radius);width:100%;color:var(--_ink);font-family:var(--font-text), system-ui, sans-serif;-webkit-user-select:none;user-select:none;display:block;position:relative;container-type:inline-size}.pl [hidden]{display:none!important}.pl:focus-visible{outline:3px solid var(--_accent);outline-offset:3px;box-shadow:0 0 0 3px var(--black)}.pl:focus:not(:focus-visible){outline:none}.pl__i{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.pl__solid{fill:currentColor}.pl__stage{border-radius:inherit;background:var(--_bg);position:absolute;inset:0;overflow:hidden}.pl[data-s=poster] .pl__stage,.pl[data-s=start] .pl__stage{opacity:0}.pl__stage video,.pl__native{object-fit:contain;border-radius:inherit;width:100%;height:100%;display:block}.pl noscript{border-radius:inherit;background:var(--_bg);display:block;position:absolute;inset:0;overflow:hidden}.pl[data-pip] .pl__stage:after{content:"Видео в отдельном окне";background:var(--_bg);place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.pl__hit{border-radius:inherit;cursor:pointer;touch-action:manipulation;position:absolute;inset:0}.pl[data-s=play]:not([data-ui]) .pl__hit{cursor:none}.pl__poster{--pb:clamp(44px, 6cqw, 76px);--n:calc(var(--pb) + 16px);--nr:calc(var(--n) / 2);--nc:calc(var(--n) / 3);--R:var(--_radius);z-index:8;border-radius:inherit;width:100%;color:var(--p-poster-ink,var(--white));text-align:left;transition:opacity .24s linear,visibility 0s linear .24s;display:block;position:absolute;inset:0}.pl:not([data-s=poster],[data-s=start]) .pl__poster{opacity:0;visibility:hidden;pointer-events:none}.pl__poster:focus-visible{box-shadow:none;outline:none}.pl__poster:focus-visible .pl__go{outline:3px solid var(--black);outline-offset:2px;box-shadow:0 0 0 2px var(--white)}.pl__face{border-radius:inherit;background:var(--p-poster-bg,var(--black));transition:transform .5s var(--_spring);display:block;position:absolute;inset:0;overflow:hidden}.pl__face img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease);position:absolute;inset:0}.pl__face:before{content:"";z-index:1;background:linear-gradient(20deg,#000000b3,#0000 58%);position:absolute;inset:0}.pl__label{z-index:2;gap:clamp(4px,.8cqw,12px);width:34cqw;min-width:7em;display:grid;position:absolute;bottom:clamp(12px,3cqw,40px);left:clamp(14px,3.4cqw,44px)}.pl__name{text-wrap:balance;font-size:clamp(1.5rem,6.2cqw,6rem)}.pl__len{font-variant-numeric:tabular-nums;font-size:clamp(.8125rem,1.3cqw,1.125rem);font-weight:600}.pl__corner{width:var(--n);height:var(--n);place-items:center;display:grid;position:absolute;top:0;right:0}.pl__go{width:var(--pb);height:var(--pb);background:var(--p-go-bg,var(--black));color:var(--p-go-ink,var(--white));transition:transform .5s var(--_spring), background-color var(--t-fast) linear, color var(--t-fast) linear;border-radius:50%;place-items:center;display:grid;position:relative}.pl__go .pl__i{width:42%;height:42%;transition:opacity var(--t-fast) linear}.pl__go:after,.pl__wait{content:"";opacity:0;border:3px solid;border-right-color:#0000;border-radius:50%;animation:.8s linear infinite paused pl-spin}.pl__go:after{position:absolute;inset:22%}.pl[data-wait] .pl__go:after{opacity:1;animation-play-state:running}.pl[data-wait] .pl__go .pl__i{opacity:0}@keyframes pl-spin{to{transform:rotate(1turn)}}@media (hover:hover){.pl__poster:hover .pl__go{background:var(--_accent);color:var(--_accent-ink);transform:scale(1.09)}.pl__poster:hover .pl__face img{transform:scale(1.025)}}.pl__poster:active .pl__face{transition-duration:90ms;transform:scale(.992)}.pl__poster:active .pl__go{transition-duration:90ms;transform:scale(.94)}.pl__dock{z-index:6;left:var(--_inset);right:var(--_inset);bottom:var(--_inset);border-radius:max(calc(var(--_radius) - var(--_inset)), 14px);background:var(--_dock);opacity:0;pointer-events:none;transition:opacity .18s linear, transform .32s var(--ease);padding:0 6px 6px;position:absolute;transform:translateY(10px)}@media (hover:hover){.pl__dock{backdrop-filter:blur(18px)saturate(1.3)}}.pl[data-ui] .pl__dock{opacity:1;pointer-events:auto;transform:none}.pl__row{align-items:center;min-width:0;display:flex}.pl__right{margin-left:auto;display:flex}.pl__btn{width:44px;height:44px;color:inherit;transition:transform .3s var(--_spring), background-color var(--t-fast) linear, color var(--t-fast) linear;border-radius:12px;flex:none;place-items:center;display:grid;position:relative}.pl__btn:active{transition-duration:80ms;transform:scale(.9)}.pl__btn--text{font-variant-numeric:tabular-nums;width:52px;font-size:.9375rem;font-weight:600}.pl__btn[aria-pressed=true]{background:var(--_accent);color:var(--_accent-ink)}.pl__dock :focus-visible,.pl__err :focus-visible,.pl__end :focus-visible{outline:2px solid var(--_accent);outline-offset:2px;box-shadow:none}.pl__fs-out,.pl[data-fs] .pl__fs-in{display:none}.pl[data-fs] .pl__fs-out{display:block}.pl__w1,.pl__w2,.pl__x{transition:opacity var(--t-fast) linear}.pl__x,.pl[data-vol="0"] .pl__w1,.pl[data-vol="0"] .pl__w2,.pl[data-vol="1"] .pl__w2{opacity:0}.pl[data-vol="0"] .pl__x{opacity:1}@media (hover:hover){.pl__btn:after{content:attr(aria-label);z-index:2;background:var(--_bg);color:var(--_ink);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--t-fast) linear;border-radius:10px;padding:6px 10px;font-size:.8125rem;font-weight:500;position:absolute;bottom:calc(100% + 44px);left:50%;transform:translate(-50%)}.pl__row>.pl__btn:after,.pl__vol>.pl__btn:after{left:0;transform:none}.pl__right>.pl__btn:after{left:auto;right:0;transform:none}.pl__btn:hover{background:#ffffff1f}.pl__btn[aria-pressed=true]:hover{background:var(--_accent)}.pl__btn:hover:after{opacity:1;transition-delay:.35s}.pl[data-rates-open] .pl__btn:after,.pl[data-drag] .pl__btn:after{display:none}}.pl__scale{cursor:pointer;touch-action:pan-y;border-radius:12px;align-items:center;height:44px;margin:-12px 8px -2px;display:flex;position:relative}.pl__bar{width:100%;height:10px;transition:transform .42s var(--_spring);background:#ffffff38;border-radius:5px;position:relative;overflow:hidden;transform:scaleY(.6)}.pl__bar>i{transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}[data-buf]{background:#ffffff4d}[data-fill]{background:var(--_accent)}.pl__clip{pointer-events:none;position:absolute;inset:0 -10px;overflow:hidden}.pl__head{position:absolute;inset:0 10px}.pl__head>i{background:var(--_accent);width:16px;height:16px;box-shadow:0 0 0 2px var(--_bg);transition:transform .32s var(--_spring);border-radius:50%;margin-top:-8px;position:absolute;top:50%;left:-8px;transform:scale(0)}.pl__scale:hover .pl__bar,.pl__scale:focus-visible .pl__bar,.pl[data-drag] .pl__bar,.pl__scale:hover .pl__head>i,.pl__scale:focus-visible .pl__head>i,.pl[data-drag] .pl__head>i{transform:none}@media (pointer:coarse){.pl__bar{transform:scaleY(.7)}.pl__head>i{transform:scale(.75)}}.pl__vol{align-items:center;display:flex}.pl__volbar{cursor:pointer;touch-action:none;border-radius:8px;align-items:center;width:76px;height:44px;margin-right:6px;display:flex}.pl__volbar>i{background:#ffffff38;border-radius:3px;width:100%;height:6px;display:block;position:relative;overflow:hidden}.pl__volbar>i>i{background:var(--_ink);transform-origin:0;position:absolute;inset:0}.pl[data-sysvol] .pl__volbar{display:none}.pl__time{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;padding-inline:8px;font-size:.875rem;font-weight:600}.pl__total{opacity:.66}.pl__chap{opacity:.78;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-inline:8px;font-size:.875rem;overflow:hidden}.pl__rates{z-index:3;background:var(--_bg);border-radius:16px;gap:2px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}.pl__rates button{min-width:48px;height:44px;color:inherit;font-variant-numeric:tabular-nums;transition:background-color var(--t-fast) linear;border-radius:12px;font-size:.9375rem;font-weight:600}.pl__rates button[aria-pressed=true]{background:var(--_accent);color:var(--_accent-ink)}@media (hover:hover){.pl__rates button:not([aria-pressed=true]):hover{background:#ffffff1f}}.pl__peek{z-index:7;left:0;bottom:calc(var(--_inset) + var(--_dock-h) - 2px);background:var(--_bg);opacity:0;pointer-events:none;border-radius:14px;width:clamp(136px,17cqw,216px);padding:4px;transition:opacity .12s linear;position:absolute}.pl[data-peeking] .pl__peek{opacity:1}.pl__shot{background-repeat:no-repeat;border-radius:10px;width:100%;margin-bottom:4px;display:none}.pl[data-sprite] .pl__shot{display:block}.pl__peek p{gap:6px;padding:2px 6px 3px;font-size:.8125rem;line-height:1.2;display:flex}.pl__peek b{font-variant-numeric:tabular-nums;flex:none;font-weight:600}.pl__peek span{opacity:.78;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@container (width>=561px){.pl__peek p{gap:2px;display:grid}.pl__peek span{white-space:normal}}.pl__cue{z-index:2;text-align:center;pointer-events:none;transition:transform .32s var(--ease);position:absolute;bottom:clamp(10px,3cqw,32px);left:6%;right:6%}.pl[data-ui] .pl__cue{transform:translateY(calc(-1 * var(--_dock-h) - var(--_inset) + 6px))}.pl__cue span{color:var(--white);white-space:pre-line;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#0b0b0bd1;border-radius:.4em;padding:.14em .5em;font-size:clamp(.875rem,2.1cqw,1.875rem);font-weight:500;line-height:1.5}.pl__cue span:empty{display:none}.pl__flash{z-index:4;background:var(--_dock);white-space:nowrap;opacity:0;pointer-events:none;border-radius:16px;align-items:center;gap:8px;min-height:52px;padding:0 18px;font-weight:600;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}[data-fi]{display:none}.pl__flash[data-i=pause] [data-fi=pause],.pl__flash[data-i=play] [data-fi=play],.pl__flash[data-i=vol] [data-fi=vol]{display:block}.pl__tap{opacity:0;pointer-events:none;background:#0b0b0b80;place-items:center;width:42%;font-size:1.125rem;font-weight:700;display:grid;position:absolute;top:-10%;bottom:-10%}.pl__tap b{font-weight:inherit;font-variant-numeric:tabular-nums}.pl__tap[data-side="-1"]{border-radius:0 50% 50% 0;left:0}.pl__tap[data-side="1"]{border-radius:50% 0 0 50%;right:0}.pl__wait{z-index:5;width:48px;height:48px;color:var(--_ink);background:var(--_dock);box-shadow:0 0 0 7px var(--_dock);pointer-events:none;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}.pl:not([data-s=poster],[data-s=start])[data-wait] .pl__wait{opacity:1;animation-play-state:running}.pl__end{z-index:3;padding-bottom:calc(var(--_dock-h) + var(--_inset));border-radius:inherit;background:var(--_bg);text-align:center;visibility:hidden;opacity:0;pointer-events:none;place-content:center;justify-items:center;gap:clamp(6px,1.6cqw,20px);transition:opacity .2s linear;display:grid;position:absolute;inset:0;overflow:hidden}.pl[data-s=end] .pl__end{visibility:visible;opacity:1}.pl__end img{object-fit:cover;filter:blur(18px)brightness(.5);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.1)}.pl__end .pl__name{max-width:90cqw;font-size:clamp(1.5rem,4.8cqw,4.5rem);position:relative}.pl__end .pl__act{position:relative}.pl__act{background:var(--_accent);min-height:48px;color:var(--_accent-ink);pointer-events:auto;transition:transform .3s var(--_spring), background-color var(--t-fast) linear;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:.9375rem;font-weight:600;display:inline-flex}.pl__act:active{transition-duration:80ms;transform:scale(.95)}.pl__act--ghost{color:var(--_ink);background:#ffffff24}.pl__err{z-index:9;border-radius:inherit;background:var(--_bg);text-align:center;align-content:center;justify-items:center;gap:clamp(10px,2cqw,20px);padding:12px clamp(16px,5cqw,72px);display:none;position:absolute;inset:0}.pl[data-s=error] .pl__err{display:grid}.pl__err p{text-wrap:balance;max-width:44ch;font-size:clamp(.875rem,1.6cqw,1.25rem);font-weight:500;line-height:1.3}.pl__err>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pl[data-fs]{--_inset:max(20px, env(safe-area-inset-bottom));background:var(--_bg);border-radius:0;width:100%;height:100%}.pl[data-fs] .pl__stage,.pl[data-fs] .pl__end{border-radius:0}.pl[data-fs] .pl__stage{background:#000}html:has(.pl[data-fs]){scrollbar-gutter:auto}.pl[data-fs] .pl__dock{left:max(var(--_inset), env(safe-area-inset-left));right:max(var(--_inset), env(safe-area-inset-right));max-width:1440px;margin-inline:auto}@container (width<=860px){.pl__chap{display:none}}@container (width<=560px){.pl__volbar,.pl__pipbtn{display:none}.pl>*{--_inset:6px}.pl__dock{border-radius:0 0 var(--_radius) var(--_radius);backdrop-filter:none;background:linear-gradient(#0000,#0b0b0be6 40%);padding:16px 2px 2px;bottom:0;left:0;right:0}.pl__time{padding-inline:2px 4px;font-size:.8125rem}.pl__btn--text{width:44px;font-size:.875rem}.pl__rates button{min-width:44px}.pl__act{min-height:44px;padding:0 16px}.pl__flash{min-height:44px;padding:0 14px;font-size:.9375rem;top:28%}.pl__wait{width:40px;height:40px;margin:-20px 0 0 -20px}}@container (width<=340px){.pl__total{display:none}}
