.media-surface{position:relative;width:100%;min-height:300px;background:#101b21;border-radius:12px;overflow:hidden}.media-surface video{display:block;width:100%;min-height:300px;margin:0}.media-surface audio{display:block;width:100%;position:relative;margin-top:260px;z-index:2}.media-feedback{position:absolute;z-index:1;top:8px;right:12px;bottom:64px;left:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;color:#fff;background:#0c161dd9;border-radius:10px;text-align:center;pointer-events:none;font:14px/1.5 system-ui,sans-serif}.media-feedback[hidden],.media-feedback-spinner[hidden]{display:none}.media-feedback strong{color:#fff;font-size:17px}.media-feedback span:not(.media-feedback-spinner),.media-feedback small{color:#d2dfe6}.media-feedback[data-compact=true]{inset:12px auto auto 12px;padding:7px 12px;gap:0}.media-feedback[data-compact=true] strong{font-size:13px}.media-feedback-spinner{width:26px;height:26px;border:3px solid #68838b;border-top-color:#fff;border-radius:50%;animation:media-feedback-spin 1s linear infinite}@keyframes media-feedback-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.media-feedback-spinner{animation:none;border-top-color:#fff}}.media-feedback-progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:min(100%,320px);height:8px;border:0;border-radius:99px;overflow:hidden;background:#49616e;accent-color:#6de0bb;flex-shrink:0}.media-feedback-progress::-webkit-progress-bar{background:#49616e}.media-feedback-progress::-webkit-progress-value{background:#6de0bb}.media-feedback-progress::-moz-progress-bar{background:#6de0bb}.media-feedback-progress:indeterminate{background:linear-gradient(90deg,#49616e 25%,#6de0bb,#49616e 75%);background-size:200% 100%;animation:media-feedback-progress 1.5s linear infinite}.media-feedback-progress:indeterminate::-webkit-progress-bar{background:transparent}.media-feedback-progress-label{font-size:13px}.media-feedback [hidden]{display:none}@keyframes media-feedback-progress{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.media-feedback-progress:indeterminate{animation:none}}.media-feedback[data-playing=true]{inset:auto auto 56px 12px;width:min(220px,calc(100% - 24px));box-sizing:border-box;padding:5px 8px;gap:3px;align-items:stretch;border-radius:5px;background:#0c161d61;text-align:left}.media-feedback[data-playing=true] .media-feedback-progress{width:100%;height:3px;opacity:.55;animation:none}.media-feedback[data-playing=true] .media-feedback-progress-label{color:#ffffffb3;font-size:11px;line-height:1.4}