.rap-player{--rap-player-popup-height:max(48px, calc(100cqw * 9 / 16 - 80px));aspect-ratio:16/9;color:#fff;background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden;container-type:inline-size}.rap-player>video{object-fit:contain;width:100%;height:100%;display:block}.rap-player:fullscreen{--rap-player-popup-height:calc(100dvh - 100px);border-radius:0;width:100%;height:100%;max-height:none}.rap-player-status{pointer-events:none;background:#101012b0;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex;position:absolute;inset:0}.rap-player-controls{background:linear-gradient(#0000,#000d);padding:24px 12px 8px;position:absolute;inset:auto 0 0}.rap-player input[type=range]{appearance:none;cursor:pointer;background:0 0;border:0}.rap-player input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, #fff var(--rap-range-progress,0%), #ffffff50 var(--rap-range-progress,0%));border-radius:999px;height:3px}.rap-player input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:8px;height:8px;margin-top:-2.5px}.rap-player input[type=range]::-moz-range-track{background:#ffffff50;border-radius:999px;height:3px}.rap-player input[type=range]::-moz-range-progress{background:#fff;border-radius:999px;height:3px}.rap-player input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:8px;height:8px}.rap-player-seek{width:100%;height:16px;margin:0 0 4px;display:block}.rap-player-toolbar{align-items:center;gap:8px;display:flex}.rap-player-toolbar>button,.rap-player-toolbar>a,.rap-player-volume>button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.rap-player-toolbar>.rap-player-speed{text-align:center;width:44px;font-size:13px}.rap-player-toolbar button:hover,.rap-player-toolbar a:hover{background:#ffffff26}.rap-player-toolbar :focus-visible,.rap-player-reload:focus-visible{outline-offset:2px;outline:2px solid #ff8645}.rap-player-toolbar button:disabled{opacity:.5;cursor:wait}.rap-player-time{white-space:nowrap;font-variant-numeric:tabular-nums;margin-right:auto;font-size:12px}.rap-player-volume{align-items:center;display:flex;position:relative}.rap-player-popup{z-index:2;color:#fff;background:#19191c;border:1px solid #ffffff26;border-radius:8px;padding:8px;box-shadow:0 4px 16px #0006}.rap-player-volume-popup{visibility:hidden;justify-content:center;width:44px;padding-block:14px;display:flex;position:absolute;bottom:calc(100% + 28px);left:50%;transform:translate(-50%)}.rap-player-volume-popup:after{content:"";height:28px;position:absolute;top:100%;left:0;right:0}.rap-player-volume:not([data-speed-open=true]):hover .rap-player-volume-popup,.rap-player-volume:not([data-speed-open=true]):focus-within .rap-player-volume-popup{visibility:visible}.rap-player-volume-slider{width:20px;height:clamp(20px, calc(var(--rap-player-popup-height) - 30px), 96px);touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;display:flex;position:relative}.rap-player-volume-track{background:#ffffff50;border-radius:999px;flex-grow:1;width:3px;position:relative;overflow:hidden}.rap-player-volume-range{background:#fff;width:100%;position:absolute}.rap-player-volume-thumb{background:#fff;border-radius:50%;width:8px;height:8px;display:block}.rap-player-speed-popup{min-width:76px;max-height:min(var(--radix-select-content-available-height), var(--rap-player-popup-height));overflow-y:auto}.rap-player-speed-option:focus-visible{outline:none}.rap-player-speed-option{cursor:pointer;border-radius:4px;outline:none;justify-content:space-between;align-items:center;gap:8px;min-height:30px;padding:4px 6px;font-size:13px;display:flex}.rap-player-speed-option[data-highlighted]{background:#ffffff26}.rap-player-status .rap-player-reload{color:#fff;pointer-events:auto;background:#242427;border:1px solid #ffffff40;border-radius:8px;padding:8px 12px}.rap-history-dialog .rap-player{max-height:calc(100dvh - 160px)}.rap-history-dialog .rap-player:fullscreen{max-height:none}@media (max-width:480px){.rap-player-controls{padding-inline:6px;padding-bottom:4px}.rap-player-toolbar{gap:2px}.rap-player-time{font-size:10px}.rap-player-toolbar>.rap-player-speed{width:36px;font-size:12px}}@media (max-width:360px){.rap-player-toolbar>button,.rap-player-toolbar>a,.rap-player-volume>button{width:28px}.rap-player-toolbar>.rap-player-speed{width:32px}}