/* Video.js skin. Dimensions belong to the outer playback frame. */
.detail-page .app-detail-embed .ashq-videojs.video-js {
    position:absolute;inset:0;width:100%;height:100%;max-width:none;padding:0;
    background:#000;color:#fff;font:400 14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;
    container-name:ashq-player;container-type:inline-size;
    --ashq-accent:#f22b42;--ashq-control-size:44px;
}
.detail-page .app-detail-embed .ashq-videojs.video-js.vjs-fullscreen { position:fixed; }
.ashq-videojs.video-js .vjs-tech { width:100%;height:100%;object-fit:contain; }
.ashq-videojs.video-js .vjs-poster { background-size:contain; }
.ashq-videojs.video-js .vjs-control-bar {
    box-sizing:border-box;left:0;right:0;bottom:0;height:74px;padding:22px 18px 6px;
    align-items:center;gap:2px;background:transparent;z-index:5;isolation:isolate;
}
.ashq-videojs.video-js.vjs-has-started .vjs-control-bar { display:flex; }
.ashq-videojs.video-js.vjs-controls-disabled .vjs-control-bar { display:none!important; }
.ashq-videojs.video-js .vjs-control-bar::before {
    content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:150px;
    background:linear-gradient(transparent,rgba(0,0,0,.42) 45%,rgba(0,0,0,.88));pointer-events:none;
}
.ashq-videojs.video-js .vjs-button {
    display:flex;align-items:center;justify-content:center;
    width:var(--ashq-control-size);height:var(--ashq-control-size);flex:0 0 var(--ashq-control-size);
    padding:0;margin:0;border:0;border-radius:8px;color:#fff;background:transparent;
    box-shadow:none;cursor:pointer;touch-action:manipulation;
}
.ashq-videojs.video-js .vjs-button:hover { background:rgba(255,255,255,.11); }
.ashq-videojs.video-js .vjs-button:focus-visible,.ashq-stage-button:focus-visible { outline:2px solid #fff;outline-offset:-3px; }
.ashq-videojs.video-js .vjs-button:active { background:rgba(255,255,255,.18); }
.ashq-videojs.video-js .vjs-button > .vjs-icon-placeholder::before { font-size:25px;line-height:44px; }
.ashq-videojs.video-js .ashq-control-icon { display:flex;width:100%;height:100%;align-items:center;justify-content:center; }
.ashq-videojs.video-js .ashq-control-icon::before { display:none; }
.ashq-videojs.video-js .ashq-control-icon svg,.ashq-videojs.video-js .ashq-toolbar-skip svg { width:24px;height:24px;flex-shrink:0; }
.ashq-videojs.video-js .vjs-volume-panel { display:flex;align-items:center;width:116px;height:44px;flex:0 0 116px; }
.ashq-videojs.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    position:relative;display:flex;align-items:center;width:72px;height:44px;margin:0;
    opacity:1;visibility:visible;transition:none;
}
.ashq-videojs.video-js .vjs-volume-bar.vjs-slider-horizontal {
    position:relative;top:auto;left:auto;width:64px;flex:0 0 64px;height:3px;margin:0 4px;
}
.ashq-videojs.video-js .vjs-volume-level { height:3px;background:#fff; }
.ashq-videojs.video-js .vjs-volume-level::before { top:50%;transform:translateY(-50%); }
.ashq-videojs.video-js .vjs-time-control {
    display:block;flex:0 0 auto;padding:0 3px;min-width:0;line-height:44px;
    font:500 12px/44px system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;
}
.ashq-videojs.video-js .vjs-current-time { margin-left:10px; }
.ashq-videojs.video-js .vjs-time-divider { color:rgba(255,255,255,.55);padding:0 2px; }
.ashq-videojs.video-js .vjs-duration { margin-right:auto;color:rgba(255,255,255,.7); }
.ashq-videojs.video-js .vjs-progress-control {
    position:absolute;left:24px;right:24px;top:0;width:auto;min-width:0;height:22px;
    display:flex;align-items:center;touch-action:none;
}
.ashq-videojs.video-js .vjs-progress-holder { height:4px;margin:0;transition:height .12s; }
.ashq-videojs.video-js .vjs-progress-control:hover .vjs-progress-holder,
.ashq-videojs.video-js .vjs-progress-control:focus-within .vjs-progress-holder { height:6px; }
.ashq-videojs.video-js .vjs-slider { background:rgba(255,255,255,.23);border-radius:3px; }
.ashq-videojs.video-js .vjs-play-progress { background:var(--ashq-accent);border-radius:3px; }
.ashq-videojs.video-js .vjs-load-progress,.ashq-videojs.video-js .vjs-load-progress div { background:rgba(255,255,255,.3);border-radius:3px; }
.ashq-videojs.video-js .vjs-play-progress::before {
    content:"";position:absolute;top:50%;right:-6px;width:12px;height:12px;border-radius:50%;
    background:var(--ashq-accent);transform:translateY(-50%) scale(0);transition:transform .12s;
}
.ashq-videojs.video-js .vjs-progress-control:hover .vjs-play-progress::before,
.ashq-videojs.video-js .vjs-progress-control:focus-within .vjs-play-progress::before { transform:translateY(-50%) scale(1); }
.ashq-videojs.video-js .vjs-progress-control .vjs-time-tooltip {
    padding:5px 8px;background:#202023;color:#fff;border-radius:5px;font:500 12px/1.4 system-ui,sans-serif;
}
.ashq-videojs.video-js .vjs-big-play-button {
    width:68px;height:68px;top:50%;left:50%;margin:-34px 0 0 -34px;
    border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(18,18,20,.8);
    color:#fff;box-shadow:0 4px 24px rgba(0,0,0,.22);backdrop-filter:blur(8px);
}
.ashq-videojs.video-js .vjs-big-play-button .ashq-control-icon svg { width:34px;height:34px; }
.ashq-videojs.video-js:hover .vjs-big-play-button { background:rgba(28,28,30,.95); }
.ashq-videojs.video-js .vjs-menu-button-popup .vjs-menu { bottom:52px; }
.ashq-videojs.video-js .vjs-menu-content { background:rgba(24,24,27,.98);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px 0; }
.ashq-videojs.video-js .vjs-menu-item { padding:9px 14px;text-transform:none;font:13px/1.4 system-ui,sans-serif; }
.ashq-videojs.video-js .vjs-menu-item.vjs-selected { background:rgba(255,255,255,.12);color:#fff; }
.ashq-videojs.video-js .vjs-error-display .vjs-modal-dialog-content { font-family:inherit; }
.ashq-stage-controls { display:none; }
.ashq-watch-host { -webkit-tap-highlight-color:transparent; }
.ashq-watch-host video,.ashq-watch-host .vjs-poster,.ashq-watch-host .plyr__poster { -webkit-touch-callout:none;user-select:none;-webkit-user-select:none; }
.ashq-watch-host:focus-visible { outline:2px solid #fff;outline-offset:-2px; }
.ashq-watch-menu-toggle {
    position:absolute;right:12px;top:12px;z-index:12;display:flex;align-items:center;justify-content:center;
    width:40px;height:40px;padding:0;border:0;border-radius:8px;background:rgba(20,20,22,.8);color:#fff;
    cursor:pointer;opacity:0;touch-action:manipulation;
}
.ashq-watch-host:hover .ashq-watch-menu-toggle,.ashq-watch-host:focus-within .ashq-watch-menu-toggle,
.ashq-watch-menu-open .ashq-watch-menu-toggle { opacity:1; }
.ashq-videojs.video-js .vjs-control-bar > .ashq-watch-menu-toggle { position:relative;inset:auto;opacity:1;background:transparent; }
.ashq-watch-menu-toggle svg { display:block;width:23px;height:23px; }
.ashq-watch-menu {
    box-sizing:border-box;position:absolute;z-index:30;width:292px;max-width:calc(100% - 16px);max-height:calc(100% - 16px);
    overflow:auto;overscroll-behavior:contain;padding:7px 0;margin:0;
    color:#f5f5f7;background:rgba(24,24,27,.98);border:1px solid rgba(255,255,255,.1);border-radius:12px;
    box-shadow:0 8px 32px rgba(0,0,0,.38);font:400 13px/1.4 system-ui,sans-serif;
    text-align:left;text-transform:none;letter-spacing:normal;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;
    scrollbar-width:thin;
}
.ashq-watch-menu[hidden] { display:none!important; }
.ashq-watch-menu-title { display:block;padding:10px 16px 8px;font-size:12px;color:#96969f;font-weight:500; }
.ashq-watch-menu button {
    box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:14px;
    width:100%;min-height:42px;padding:10px 16px;margin:0;border:0;border-radius:0;background:transparent;color:inherit;
    font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;
}
.ashq-watch-menu button:hover,.ashq-watch-menu button:focus-visible { background:rgba(255,255,255,.08);outline:none; }
.ashq-watch-menu button[aria-checked="true"] { background:rgba(255,255,255,.1);font-weight:600; }
.ashq-watch-menu button[aria-checked="true"]::after { content:"\2713";color:#fff; }
.ashq-watch-menu button:disabled { opacity:.45;cursor:default; }
.ashq-watch-menu kbd { border:0;padding:0;background:transparent;color:#a3a3ad;font:12px/1.4 system-ui,sans-serif;white-space:nowrap; }
.ashq-watch-menu hr { height:1px;border:0;background:rgba(255,255,255,.1);margin:6px 0; }
.ashq-watch-shortcut { display:flex;justify-content:space-between;gap:10px;padding:7px 16px; }
.ashq-watch-host.ashq-watch-menu-open .vjs-control-bar { opacity:1;visibility:visible; }
@container ashq-player (max-width:600px) {
    .ashq-videojs.video-js .vjs-control-bar { height:58px;padding:16px 8px 2px;gap:0; }
    .ashq-videojs.video-js .vjs-control-bar::before { height:106px; }
    .ashq-videojs.video-js .vjs-control-bar > .vjs-play-control,
    .ashq-videojs.video-js .ashq-toolbar-skip,
    .ashq-videojs.video-js .vjs-picture-in-picture-control { display:none!important; }
    .ashq-videojs.video-js .vjs-button { width:44px;flex-basis:44px;height:40px; }
    .ashq-videojs.video-js .vjs-volume-panel { width:44px;height:40px;flex-basis:44px; }
    .ashq-videojs.video-js .vjs-volume-panel .vjs-volume-control { display:none!important; }
    .ashq-videojs.video-js .vjs-time-control { font-size:11px;line-height:40px;padding:0 2px; }
    .ashq-videojs.video-js .vjs-current-time { margin-left:0; }
    .ashq-videojs.video-js .vjs-progress-control { left:16px;right:16px;top:0;height:16px; }
    .ashq-videojs.video-js .vjs-progress-holder { height:3px; }
    .ashq-videojs.video-js .vjs-progress-control .vjs-play-progress::before { width:10px;height:10px;right:-5px;transform:translateY(-50%); }
    .ashq-videojs.video-js .vjs-subs-caps-button { width:38px;flex-basis:38px; }
    .ashq-videojs.video-js.vjs-has-started:not(.vjs-error) .ashq-stage-controls {
        position:absolute;inset:0 0 38px;z-index:4;display:flex;align-items:center;justify-content:center;gap:26px;
        pointer-events:none;opacity:1;visibility:visible;transition:opacity .15s,visibility .15s;
    }
    .ashq-videojs.video-js .ashq-stage-button {
        display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;padding:0;
        border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#fff;background:rgba(10,10,12,.55);
        cursor:pointer;pointer-events:auto;touch-action:manipulation;
    }
    .ashq-videojs.video-js .ashq-stage-button svg { width:26px;height:26px; }
    .ashq-videojs.video-js .ashq-stage-play { width:58px;height:58px;flex-basis:58px;background:rgba(10,10,12,.7); }
    .ashq-videojs.video-js .ashq-stage-play svg { width:30px;height:30px; }
    .ashq-videojs.video-js.vjs-has-started.vjs-user-inactive.vjs-playing .ashq-stage-controls,
    .ashq-videojs.video-js.vjs-has-started.ashq-watch-menu-open:not(.vjs-error) .ashq-stage-controls { opacity:0;visibility:hidden;pointer-events:none; }
    .ashq-videojs .ashq-watch-menu { width:270px;font-size:12px; }
    .ashq-videojs .ashq-watch-menu button { min-height:40px; }
}
@container ashq-player (max-width:340px) {
    .ashq-videojs.video-js .vjs-subs-caps-button { display:none!important; }
    .ashq-stage-controls { gap:18px!important; }
    .ashq-videojs.video-js .vjs-control-bar { padding-right:4px;padding-left:4px; }
}
@media(pointer:coarse) { .ashq-watch-menu-toggle { opacity:1; } }
@media(prefers-reduced-motion:reduce) {
    .ashq-videojs.video-js .vjs-progress-holder,.ashq-videojs.video-js .vjs-play-progress::before,
    .ashq-videojs.video-js .ashq-stage-controls { transition:none!important; }
}
