/* Shared portfolio player. Interface controls are not a media access boundary. */
.leo-player{position:relative;width:100%;margin:0;background:#050505;color:#eee;isolation:isolate;border:1px solid #292929}
.leo-player [hidden]{display:none!important}
.leo-player-stage{position:relative;aspect-ratio:16/9;max-height:74vh;background:#000;overflow:hidden;-webkit-touch-callout:none;user-select:none}
.leo-player .leo-player-stage video{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;pointer-events:none}
.leo-player video::-webkit-media-controls{display:none!important}
.leo-player button{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:44px;min-height:44px;margin:0;padding:10px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;letter-spacing:0;cursor:pointer;box-shadow:none}
.leo-player button:hover{background:#252525;color:#fff}
.leo-player button:focus-visible,.leo-player input:focus-visible{outline:2px solid #fff;outline-offset:2px}
.leo-player button:disabled{opacity:.4;cursor:default}
.leo-player svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.leo-player .leo-icon-play,.leo-player .leo-icon-pause,.leo-player-cover svg{fill:currentColor;stroke:none}
.leo-player .leo-player-cover{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);flex-direction:column;gap:10px;min-width:86px;min-height:86px;padding:16px;border:1px solid #ffffff6b;border-radius:50%;background:#080808b8;backdrop-filter:blur(6px);font-size:11px;line-height:1}
.leo-player-cover svg{width:23px;height:23px}
.leo-player .leo-player-cover:hover{background:#141414e6;border-color:#fff}
.leo-player-controls{padding:0 12px 5px;background:#0b0b0b;border-top:1px solid #232323}
.leo-player-row{display:flex;align-items:center;gap:4px;min-height:44px}
.leo-player-time{white-space:nowrap;font:12px/1.3 Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#b7b7b7}
.leo-player-spacer{flex:1}
.leo-player input[type=range]{display:block;min-width:0;margin:0;border:0;border-radius:0;padding:0;box-shadow:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;accent-color:#eee}
.leo-player .leo-player-seek{width:100%;height:30px;--played:0%}
.leo-player input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#f4f4f4 0 var(--played,100%),#494949 var(--played,100%) 100%)}
.leo-player input[type=range]::-moz-range-track{height:2px;background:#494949}
.leo-player input[type=range]::-moz-range-progress{height:2px;background:#f4f4f4}
.leo-player input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;margin-top:-4px;border:0;border-radius:50%;background:#fff}
.leo-player input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#fff}
.leo-player input:disabled{opacity:.4;cursor:default}
.leo-player .leo-player-volume{width:64px;height:44px;margin-right:8px}
.leo-player .leo-player-captions{font:700 11px/1 Arial,sans-serif}
.leo-player [aria-pressed=true].leo-player-captions{text-decoration:underline;text-underline-offset:5px}
.leo-player .leo-icon-pause,.leo-player .leo-icon-muted,.leo-player .leo-icon-collapse{display:none}
.leo-player[data-state=playing] .leo-icon-play,.leo-player[data-muted=true] .leo-icon-sound,.leo-player[data-fullscreen=true] .leo-icon-expand{display:none}
.leo-player[data-state=playing] .leo-icon-pause,.leo-player[data-muted=true] .leo-icon-muted,.leo-player[data-fullscreen=true] .leo-icon-collapse{display:block}
.leo-player-message{padding:12px 16px;border-top:1px solid #242424;font:13px/1.7 Arial,"Microsoft YaHei",sans-serif;color:#bbb}
.leo-player-message p{margin:0}
.leo-player-message button{font-size:13px;text-decoration:underline;text-underline-offset:4px}
.leo-player:fullscreen,.leo-player.leo-player-expanded{display:flex;flex-direction:column;width:100%;height:100%;max-width:none;margin:0;border:0;background:#000;overflow:auto}
.leo-player.leo-player-expanded{position:fixed;inset:0;z-index:2147483000;width:100vw;height:100vh;height:100dvh}
.leo-player:fullscreen .leo-player-stage,.leo-player-expanded .leo-player-stage{flex:1;min-height:0;max-height:none;aspect-ratio:auto}
.leo-player:fullscreen .leo-player-controls,.leo-player-expanded .leo-player-controls,.leo-player:fullscreen .leo-player-message,.leo-player-expanded .leo-player-message{flex:none}
@media(max-width:600px){.leo-player-controls{padding:0 8px 4px}.leo-player-row{gap:0}.leo-player input.leo-player-volume{display:none}.leo-player .leo-player-seek{height:38px}.leo-player .leo-player-cover{min-width:68px;min-height:68px;padding:12px;gap:7px}.leo-player-time{font-size:11px}.leo-player-cover svg{width:19px;height:19px}}
@media(forced-colors:active){.leo-player input[type=range]{appearance:auto}.leo-player button{border:1px solid ButtonText}}