.recording-playback{position:absolute;z-index:10;background:#080808;color:#f5f4ee;border:0;border-radius:12px;overflow:hidden;font:400 14px/1.4 Averta CY,sans-serif}.recording-playback[hidden]{display:none}.recording-playback>video{display:block;width:100%;height:100%;object-fit:contain;background:#080808}.recording-playback--mini{position:fixed;z-index:45;top:auto;left:auto;right:20px;bottom:20px;width:340px;height:auto;max-width:calc(100vw - 32px);box-shadow:0 12px 40px #0008}.recording-playback--mini>video{aspect-ratio:16/9;height:auto}.recording-playback-bar{background:#242423;padding:8px 10px 4px}.recording-playback-heading{display:flex;align-items:center;min-width:0}.recording-playback-heading .recording-playback-title{flex:1;min-width:0}.recording-playback-move{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;cursor:grab;touch-action:none;user-select:none}.recording-playback-move:hover{background:#ffffff12}.recording-playback[data-dragging] .recording-playback-move{cursor:grabbing}.recording-playback-move-help{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.recording-playback-title{display:block;color:#f5f4ee;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;padding:0 6px}.recording-playback-title:hover{text-decoration:underline}.recording-playback-actions{display:flex;align-items:center;gap:4px}.recording-playback-actions>a,.recording-playback-actions>button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:#f5f4ee;background:transparent;border:0;border-radius:6px;cursor:pointer}.recording-playback-actions>:last-child{margin-left:auto}.recording-playback-actions>:hover{background:#ffffff12}.recording-playback a:focus-visible,.recording-playback button:focus-visible{outline:2px solid #f5f4ee;outline-offset:-3px}.recording-playback-error{position:absolute;bottom:0;left:0;right:0;background:#242423;padding:12px;margin:0;font-size:13px}.recording-playback--mini .recording-playback-error{position:static}.recording-playback-error a{color:inherit;text-decoration:underline}.recording-player-slot{position:relative;width:100%;aspect-ratio:16/9;max-height:75vh;background:#080808;border-radius:12px;overflow:hidden}.recording-player-slot>img{width:100%;height:100%;object-fit:contain}.recording-player-slot>button{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;background:#0004;color:white;cursor:pointer;font:500 16px/1.4 Averta CY,sans-serif}.minimal-discovery .watch-tags a{padding:5px 10px;border-radius:6px;color:var(--muted-foreground);font-size:12px;text-decoration:none}.minimal-discovery .watch-tags a:hover{color:var(--ink);text-decoration:underline}.recording-playback-clearance{display:none}@media(max-width:600px){.recording-playback--mini{width:100%;max-width:none;left:0;right:0;top:auto;bottom:0;border-radius:0;box-shadow:0 -4px 20px #0005}.recording-playback--mini>video{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%);pointer-events:none}.recording-playback-bar{display:flex;align-items:center;gap:8px;min-height:64px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #ffffff1a}.recording-playback-heading{flex:1}.recording-playback-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;padding:2px 4px;font-size:14px;font-weight:400;line-height:20px}.recording-playback-actions{flex:none;gap:0}.recording-playback-actions>.recording-playback-expand,.recording-playback-actions>.recording-playback-popout,.recording-playback-move,.recording-playback-move-help{display:none}.recording-playback-clearance{display:block;height:calc(65px + env(safe-area-inset-bottom))}body:has(.recording-playback--mini:not([hidden])) .versions-trigger{bottom:calc(83px + env(safe-area-inset-bottom))}}