.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;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}