.media-player{overflow:hidden;border:1px solid #d8dbd1;border-radius:20px;background:#20392f;box-shadow:0 10px 30px #233d3315;margin:28px 0 10px;color:#fff}.media-player-screen{position:relative;aspect-ratio:16/9;min-height:200px;background:#17251f}.media-player-mount,.media-player-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.media-player-cover{position:absolute;inset:0;border:0;padding:0;width:100%;height:100%;cursor:pointer;background:#17251f;color:#fff;display:grid;place-content:center;justify-items:center;gap:14px}.media-player-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.68)}.media-player-start,.media-player-caption{position:relative}.media-player-start{display:grid;place-items:center;width:82px;height:82px;border:1px solid #fffc;border-radius:50%;background:#233d33b3;font-size:28px;padding-left:5px;transition:transform .2s}.media-player-cover:hover .media-player-start{transform:scale(1.08)}.media-player-caption{font:500 14px/1.5 sans-serif;letter-spacing:.04em}.media-player-controls{display:flex;align-items:center;gap:12px;padding:14px 18px;flex-wrap:wrap}.media-player-controls[hidden],.media-player-cover[hidden]{display:none}.media-player-controls button{border:1px solid #fff3;border-radius:8px;min-height:38px;min-width:38px;padding:6px 10px;background:transparent;color:#fff;cursor:pointer;font:13px/1.3 sans-serif}.media-player-controls button:hover{background:#fff1}.media-player-controls button:disabled{opacity:.4;cursor:default}.media-player-controls input{accent-color:#e6d0b3;cursor:pointer;padding:0;min-height:28px;width:auto}.media-player-controls [data-player-seek]{flex:1;min-width:90px}.media-player-controls [data-player-volume]{width:70px}.media-player-time{font:12px/1.5 sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.media-player .media-player-status{margin:0;padding:0 18px 12px;color:#e0e7dc;font:12px/1.5 sans-serif}.media-player :focus-visible{outline:3px solid #e6d0b3;outline-offset:-3px}.media-player:fullscreen{width:100%;height:100%;border:0;border-radius:0;display:flex;flex-direction:column;justify-content:center;background:#101b16}.media-player:fullscreen .media-player-screen{flex:1;aspect-ratio:auto}.media-player:fullscreen .media-player-controls{flex-shrink:0}@media(max-width:600px){.media-player{border-radius:12px}.media-player-controls{gap:8px;padding:10px}.media-player-controls [data-player-volume]{width:55px}.media-player-controls [data-player-seek]{order:2;flex-basis:100%}.media-player-start{width:64px;height:64px;font-size:23px}}

.media-player-speed{display:flex;align-items:center;gap:6px;font:12px/1.5 sans-serif;white-space:nowrap}.media-player-speed select{width:auto;min-height:38px;padding:5px 8px;border:1px solid #fff3;border-radius:8px;background:#20392f;color:#fff;font:13px/1.3 sans-serif;cursor:pointer}.media-player-speed select:disabled{opacity:.5}

.media-player .media-player-status:empty{display:none}