.audio-player{border-radius:var(--radius-xl);background:color-mix(in srgb, currentColor 8%, transparent);align-items:center;gap:10px;margin-bottom:6px;padding:6px 10px 6px 6px;display:flex}.audio-player--voice{min-width:200px;max-width:240px}.audio-player--file{min-width:220px;max-width:260px}.audio-player-toggle{width:var(--tap-min,38px);height:var(--tap-min,38px);background:color-mix(in srgb, currentColor 16%, transparent);color:inherit;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.audio-player-toggle:hover{background:color-mix(in srgb, currentColor 24%, transparent)}.audio-player-toggle i.fa-play{margin-left:2px}.audio-player-art{flex-shrink:0;display:flex;position:relative}.audio-player-art--cover{width:48px;height:48px}.audio-player-cover{border-radius:var(--radius-sm,6px);object-fit:cover;width:48px;height:48px;display:block}.audio-player-toggle--over-cover{color:#fff;background:#00000073;width:30px;height:30px;margin:auto;position:absolute;inset:0}.audio-player-toggle--over-cover:hover{background:#0009}.audio-player-waveform{cursor:pointer;touch-action:none;flex:auto;align-items:center;gap:2px;min-width:0;height:30px;display:flex}.audio-player-waveform span{background:color-mix(in srgb, currentColor 32%, transparent);border-radius:2px;flex:1 1 0;min-width:2px}.audio-player-waveform span.is-played{background:currentColor}.audio-player-time{font-size:var(--fs-xs);opacity:.8;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.audio-player-body{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.audio-player-name{font-size:var(--fs-sm);font-weight:var(--fw-medium);text-overflow:ellipsis;white-space:nowrap;align-items:baseline;gap:6px;display:flex;overflow:hidden}.audio-player-size{font-size:var(--fs-xs);opacity:.7;font-weight:var(--fw-regular);flex-shrink:0}.audio-player-row{align-items:center;gap:8px;display:flex}.audio-player-progress{cursor:pointer;touch-action:none;flex:auto;height:14px;position:relative}.audio-player-progress:before{content:"";background:color-mix(in srgb, currentColor 24%, transparent);border-radius:2px;height:3px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.audio-player-progress-fill{pointer-events:none;background:currentColor;border-radius:2px;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.audio-player-progress-thumb{pointer-events:none;background:currentColor;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000040}
.video-player{border-radius:var(--radius-md);background:#000;max-width:100%;max-height:320px;margin-bottom:6px;line-height:0;display:block;position:relative;overflow:hidden}.video-player video{cursor:pointer;background:#000;width:100%;max-height:320px;display:block}.video-player-overlay-play{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:auto;font-size:20px;display:flex;position:absolute;inset:0}.video-player-overlay-play i{margin-left:3px}.video-player-controls{color:#fff;background:linear-gradient(#0000,#000000a6);align-items:center;gap:6px;padding:6px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.video-player-controls button{width:26px;height:26px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.video-player-controls button:hover{background:#ffffff26}.video-player-progress{cursor:pointer;touch-action:none;flex:auto;height:14px;position:relative}.video-player-progress:before{content:"";background:#ffffff4d;border-radius:2px;height:3px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.video-player-progress-fill{pointer-events:none;background:#fff;border-radius:2px;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.video-player-progress-thumb{pointer-events:none;background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000040}.video-player-time{color:#ffffffe6;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:11px}