.semi-audio-player{background:rgba(var(--semi-grey-9), .8);justify-content:center;align-items:center;gap:24px;max-width:1440px;height:78px;display:flex}.semi-audio-player-control{align-items:center;gap:16px;display:flex}.semi-audio-player-control-button-icon{color:var(--semi-color-bg-0)}.semi-audio-player-control-button-play{background:var(--semi-color-bg-0)!important;color:var(--semi-color-text-0)!important}.semi-audio-player-control-button-play-disabled{background:rgba(var(--semi-grey-0), .35)!important;color:var(--semi-color-grey-7)!important}.semi-audio-player-slider-container{width:323px;height:100%}.semi-audio-player-info-container{align-items:center;gap:16px;display:flex}.semi-audio-player-info{flex-direction:column;gap:4px;display:flex}.semi-audio-player-info-title{color:var(--semi-color-bg-0);align-items:center;font-size:14px;font-weight:600;display:flex}.semi-audio-player-info-time{width:100%;height:22px;color:var(--semi-color-bg-0);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:4px;font-size:14px;display:flex}.semi-audio-player-control-speed{background:rgba(var(--semi-grey-8), 1);width:40px;height:24px;color:var(--semi-color-default);-webkit-user-select:none;user-select:none;border-radius:3px;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:600;line-height:16px;display:flex}.semi-audio-player-control-speed-menu{background:rgba(var(--semi-grey-8), 1);width:65px}.semi-audio-player-control-speed-menu-item{color:var(--semi-color-default)}.semi-audio-player-control-speed-menu-item:hover{background:var(--semi-color-tertiary-active)!important}.semi-audio-player-control-volume{background:rgba(var(--semi-grey-8), 1);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:43px;height:164px;padding:4px 0;display:flex}.semi-audio-player-control-volume-title{color:var(--semi-color-default);-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600;line-height:16px}.semi-audio-player-error{color:var(--semi-color-danger);align-items:center;gap:4px;margin-left:4px;display:flex}.semi-audio-player-light{background:var(--semi-color-bg-0);border:1px solid var(--semi-color-border)}.semi-audio-player-light .semi-audio-player-control-button-icon{color:rgba(var(--semi-grey-9), 1)}.semi-audio-player-light .semi-audio-player-control-button-play{background:rgba(var(--semi-grey-9), 1)!important;color:var(--semi-color-bg-0)!important}.semi-audio-player-light .semi-audio-player-control-button-play-disabled{background:var(--semi-color-disabled-text)!important;color:rgba(var(--semi-white), 1)!important}.semi-audio-player-light .semi-audio-player-info-title,.semi-audio-player-light .semi-audio-player-info-time,.semi-audio-player-light .semi-audio-player-control-speed-menu-item,.semi-audio-player-light .semi-audio-player-control-volume-title{color:rgba(var(--semi-grey-9), 1)}.semi-audio-player-light .semi-audio-player-control-speed-menu-item:hover{background:rgba(var(--semi-grey-1), 1)!important}.semi-audio-player-slider{background:rgba(var(--semi-grey-5), 1);border-radius:9999px;position:relative}.semi-audio-player-slider-light{background:rgba(var(--semi-grey-2), 1)}.semi-audio-player-slider-wrapper{cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.semi-audio-player-slider-wrapper-vertical{width:100%}.semi-audio-player-slider-wrapper-horizontal{height:100%}.semi-audio-player-slider-vertical{width:4px;height:100%}.semi-audio-player-slider-horizontal{width:100%;height:4px}.semi-audio-player-slider-progress{background:rgba(var(--semi-blue-4), 1);border-radius:9999px;position:absolute}.semi-audio-player-slider-progress-vertical{bottom:0}.semi-audio-player-slider-progress-horizontal{left:0}.semi-audio-player-slider-dot{background:rgba(var(--semi-white), 1);border:1px solid var(--semi-color-primary);width:16px;height:16px;box-shadow:0px 0px 4px 0px var(--semi-color-shadow);border-radius:50%;transition:opacity .2s;position:absolute}
.semi-videoPlayer{width:100%;height:100%;display:inline-block;position:relative}.semi-videoPlayer ::-webkit-media-controls{display:none}.semi-videoPlayer-wrapper{width:100%;height:100%;line-height:0;position:relative}.semi-videoPlayer-wrapper video{object-fit:contain;width:100%;height:100%}.semi-videoPlayer-wrapper-dark{background-color:rgba(var(--semi-grey-8), 1);color:var(--semi-color-bg-0)}.semi-videoPlayer-wrapper-light{background-color:var(--semi-color-disabled-bg);color:rgba(var(--semi-grey-8), 1)}.semi-videoPlayer-pause{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.semi-videoPlayer-pause svg{color:var(--semi-color-text-1);pointer-events:none;font-size:88px}.semi-videoPlayer-error{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;font-weight:600;display:flex;position:absolute;top:0;left:0}.semi-videoPlayer-error-svg{margin-bottom:12px}.semi-videoPlayer-error-dark{background-color:rgba(var(--semi-grey-8), 1);color:var(--semi-color-bg-0)}.semi-videoPlayer-error-dark path{fill:var(--semi-color-bg-0)}.semi-videoPlayer-error-light{background-color:var(--semi-color-disabled-bg);color:rgba(var(--semi-grey-8), 1)}.semi-videoPlayer-error-light path{fill:rgba(var(--semi-grey-8), 1)}.semi-videoPlayer-poster{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.semi-videoPlayer-poster-hide{opacity:0}.semi-videoPlayer-notification{text-align:center;background-color:var(--semi-color-overlay-bg);color:var(--semi-color-default);border-radius:3px;padding:8px 12px;font-size:14px;line-height:20px;position:absolute;bottom:78px;left:8px}.semi-videoPlayer-mirror video{transform:rotateX(0)rotateY(180deg)}.semi-videoPlayer-controls{opacity:1;z-index:1;height:fit-content;transition:opacity .5s ease-in-out;position:absolute;bottom:0;left:0;right:0}.semi-videoPlayer-controls-hide{opacity:0}.semi-videoPlayer-controls-menu{box-sizing:border-box;background-color:#1c1f23cc;justify-content:space-between;align-items:center;height:56px;padding:12px 16px;display:flex}.semi-videoPlayer-controls-menu-left,.semi-videoPlayer-controls-menu-right{align-items:center;display:flex}.semi-videoPlayer-controls-menu-item{margin-right:8px}.semi-videoPlayer-controls-menu-button svg{color:#fff}.semi-videoPlayer-controls-time{color:#fff;font-variant-numeric:tabular-nums;margin-right:8px;padding:0 8px;font-size:14px}.semi-videoPlayer-controls-popover{background-color:#0000}.semi-videoPlayer-controls-volume{box-sizing:border-box;background-color:var(--semi-color-overlay-bg);color:#ffffffb3;-webkit-user-select:none;user-select:none;border-radius:4px;width:40px;height:160px;padding:0 4px;font-size:12px;line-height:16px}.semi-videoPlayer-controls-volume-title{text-align:center;padding:10px 0}.semi-videoPlayer-controls-popup{background-color:var(--semi-color-overlay-bg);color:#fff;cursor:pointer;border-radius:3px;justify-content:center;align-items:center;width:50px;height:24px;font-size:12px;font-weight:600;line-height:16px;display:flex}.semi-videoPlayer-controls-popup-menu{background-color:var(--semi-color-overlay-bg);border-radius:4px;width:48px}.semi-videoPlayer-controls-popup-menu-item{color:#fff;justify-content:center;align-items:center;height:32px;padding:0 8px;font-size:12px;display:flex}.semi-videoPlayer-controls-popup-menu-item:hover{background-color:#43444a!important}.semi-videoPlayer-controls-popup-menu .semi-dropdown-item-active{color:var(--semi-color-primary);cursor:pointer;font-weight:600}.semi-videoPlayer-progress{cursor:pointer;justify-content:center;align-items:center;height:20px;margin:0 8px;display:flex;position:relative}.semi-videoPlayer-progress-markers{width:100%;height:100%;position:absolute}.semi-videoPlayer-progress-tooltip{top:6px}.semi-videoPlayer-progress-tooltip-content{justify-content:center;align-items:center;display:flex}.semi-videoPlayer-progress-slider{border-radius:999px;width:100%;height:100%;position:absolute;bottom:0;left:0}.semi-videoPlayer-progress-slider-active .semi-videoPlayer-progress-slider-list,.semi-videoPlayer-progress-slider-active .semi-videoPlayer-progress-slider-played,.semi-videoPlayer-progress-slider-active .semi-videoPlayer-progress-slider-buffered,.semi-videoPlayer-progress-slider:hover .semi-videoPlayer-progress-slider-list,.semi-videoPlayer-progress-slider:hover .semi-videoPlayer-progress-slider-played,.semi-videoPlayer-progress-slider:hover .semi-videoPlayer-progress-slider-buffered{height:10px;transition:transform .3s cubic-bezier(.62,.05,.36,.95)}.semi-videoPlayer-progress-slider-list{background-color:rgba(var(--semi-grey-5), 1);border-radius:999px;width:calc(100% - 2px);height:4px;margin-right:2px;transition:transform .3s cubic-bezier(.62,.05,.36,.95);position:absolute;bottom:0;left:0}.semi-videoPlayer-progress-slider-played{background-color:var(--semi-color-primary);border-radius:999px;height:4px;transition:transform .3s cubic-bezier(.62,.05,.36,.95);position:absolute;bottom:0;left:0}.semi-videoPlayer-progress-slider-buffered{background-color:rgba(var(--semi-grey-3), 1);border-radius:999px;height:4px;transition:transform .3s cubic-bezier(.62,.05,.36,.95);position:absolute;bottom:0;left:0}.semi-videoPlayer-progress-handle{box-sizing:border-box;border:1px solid var(--semi-color-primary);width:16px;height:16px;box-shadow:0px 0px 4px 0px var(--semi-color-shadow);background-color:#fff;border-radius:50%;position:absolute;top:15px}