.embedWrapper{width:100%;height:100%;position:relative}.embedWrapper .customContainer{width:100%;height:100%;background-color:#2f2f2f!important}.closeBtn{cursor:pointer;align-self:center;margin-top:auto;margin-left:auto}.screenContainer{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0}.screenContainer:has(.touchable){justify-content:space-between}.screenContainer .touchable{width:5%;min-width:50px;height:100%}.screenContainer .touchable.speedWeighted.left{background:linear-gradient(90deg,#000000b3 0%,#0003 50%,#0000 100%)}.screenContainer .touchable.speedWeighted.right{background:linear-gradient(270deg,#000000b3 0%,#0003 50%,#0000 100%)}.screenContainer .touchable.speedWeighted~.spdTooltip{display:inline-block}.screenContainer .spdTooltip{color:#fff;background-color:#505050b3;border-radius:4px;max-width:300px;padding:4px 8px;font-size:11px;font-weight:500;line-height:1.43;display:none;position:absolute;top:0;left:50%;transform:translate(-50%,50%)}@media only screen and (min-width:1680px){.screenContainer .spdTooltip{font-size:13px}}.screenContainer .playIconContainer{justify-content:center;display:flex}.screenContainer .MuiSvgIcon-root{color:#000000bf;width:15%;min-width:46px;max-width:92px;height:15%;min-height:46px;max-height:92px}.screenContainer{font-size:13px}@media only screen and (min-width:1680px){.screenContainer{font-size:15px}}.videoContainer{width:100%;height:100%;margin:auto;position:relative}.videoContainer :not(.screenContainer) img{width:100%!important;height:100%!important}.videoContainer_track{width:100%;position:relative}.videoContainer_track img{width:100%!important;height:100%!important}.videoContainer_trackContent{background:#fff;flex-direction:column;align-items:center;padding:24px 0;display:flex}.videoContainer_trackContent img{max-width:446px}.videoContainer_trackContent p{color:#122c68;align-items:center;font-weight:700;display:flex}.videoContainer_trackContent p:hover{cursor:pointer}.videoContainer_trackContent p{font-size:13px}@media only screen and (min-width:1680px){.videoContainer_trackContent p{font-size:15px}}.videoContainer_trackContent svg{width:30px;height:30px;margin-left:5px}
.controlContainer{z-index:1;flex-direction:column;justify-content:space-between;transition:all;display:flex;position:absolute;bottom:0;left:0;right:0}.controlContainer.normal.shown{visibility:visible}.controlContainer.normal.hidden{visibility:hidden}.controlContainer.slideDown.shown{transform:unset;opacity:1}.controlContainer.slideDown.hidden{opacity:0;transition-duration:1s;transform:translateY(40px)}.controlContainer.slideDown.hidden *{pointer-events:none}.iconBtn{color:#fff;padding:6px 8px;display:flex}.desktop .iconBtn{padding:6px 12px}.qualityBtn,.sourceBtn,.speedBtn{text-align:center;align-content:center;transition:background-color .5s}.qualityBtn.selected.animated,.sourceBtn.selected.animated,.speedBtn.selected.animated{background-color:#fff6}.qualityBtn:hover.hoverable.animated,.sourceBtn:hover.hoverable.animated,.speedBtn:hover.hoverable.animated{background-color:#fff3}.qualityBtn{height:36px;padding:6px 18px;line-height:18px}.qualityBtn div{font-size:13px}@media only screen and (min-width:1680px){.qualityBtn div{font-size:15px}}.sourceBtn,.speedBtn{height:32px;padding:4px 12px;line-height:14px}.sourceBtn div,.speedBtn div{font-size:11px}@media only screen and (min-width:1680px){.sourceBtn div,.speedBtn div{font-size:13px}}.sourceBtn,.speedBtn{background:#000000bf;border-radius:1000px;justify-content:center;align-items:center;gap:4px;min-width:55px;height:32px;padding:4px 12px;display:flex}.sliderBox{background-color:#000000bf;flex-direction:column;align-items:center;margin-top:7px;display:flex;position:relative}.sliderBox>.item{width:-webkit-fill-available;width:-moz-available;width:stretch;display:grid}.sliderBox .MuiSlider-root{height:8px;padding:0}.sliderBox.dragging,.sliderBox:hover{margin-top:0}.sliderBox.dragging .MuiSlider-root,.sliderBox.dragging .indicator,.sliderBox:hover .MuiSlider-root,.sliderBox:hover .indicator{height:15px}.sliderBox .MuiSlider-thumb{display:none}.sliderBox .MuiSlider-rail{background-color:#73859f80;border-radius:0}.sliderBox .MuiSlider-track{border-radius:0;transition:none}.baseControl{flex-direction:column}.addtionalControl{gap:10px;margin-bottom:8px;padding:0 12px;display:flex;position:relative}.addtionalControl:has(.speedBtn){justify-content:space-between}.baseControl,.addtionalControl{justify-content:flex-end;display:flex;position:relative}.controlBox{z-index:1;background-color:#000000bf;flex-direction:row;justify-content:space-between;height:36px;display:flex}.controlPanel{align-items:center;display:flex}.videoTimestamp{align-self:center;margin-top:2px;font-size:.8rem}.progressBar{width:100%;color:var(--palette-primary-main)}.volumeSliderWrapper{display:flex}.volumeSliderWrapper .volumeSlider{opacity:1;width:100px;height:5px;color:var(--palette-primary-main);align-self:center}.volumeSliderWrapper .volumeSlider.MuiSlider-root{padding:0}.volumeSliderWrapper .volumeSlider .MuiSlider-thumb{display:none}.volumeSliderWrapper .volumeSlider .MuiSlider-rail{background-color:#ffffff80;border-radius:0}.volumeSliderWrapper .volumeSlider .MuiSlider-track{border-radius:0}.volumeSliderWrapper.desktop>.volumeSlider{opacity:0;width:0;transition:opacity,width 1s}.volumeSliderWrapper.desktop.isShowVolSlider>.volumeSlider{opacity:1;width:100px;transition-duration:.5s}.indicator{pointer-events:none;width:1px;height:8px;position:absolute;top:0}.indicator.hovered{background-color:#000}.indicator.current{background-color:#0000}.tooltip{font-size:14px;position:absolute;top:-50px}@media only screen and (min-width:1680px){.tooltip{font-size:16px}}.tooltip{pointer-events:none;border-radius:5px;padding:6px 8px}.tooltip.white{color:#000;background-color:#fffc}.tooltip.black{color:#fff;background-color:#000c}.noSelect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}
.caption_container{background-blend-mode:multiply;color:#fff;background:linear-gradient(360deg,#000 0%,#0009 41.7%,#0003 68.58%,#d0d0d000 92.67%);font-size:15px;position:absolute;left:0}@media only screen and (min-width:1680px){.caption_container{font-size:17px}}.caption_container{z-index:99;width:100%;padding:64px 12px 16px;font-weight:700;bottom:0}.caption_container div{max-width:674px}.caption_title{font-weight:700}
.caption-content-wrapper{display:flex;overflow:hidden}.caption-text{font-size:15px}@media only screen and (min-width:1680px){.caption-text{font-size:17px}}.caption-text{text-overflow:ellipsis;text-align:justify;max-height:42px;font-weight:500;line-height:21px;transition:max-height .3s;position:relative;overflow:hidden auto}.caption-text-overflow{overflow:hidden}.caption-text-mobile{max-height:63px}.caption-text:before{content:"";float:right;height:calc(100% - 21px)}.btnMore{float:right;clear:both;margin-left:20px;padding:0;font-size:15px;line-height:21px;position:relative}@media only screen and (min-width:1680px){.btnMore{font-size:17px}}.btnMore{color:#b4b4b4;cursor:pointer;font-weight:700}.btnMore2{margin-left:0;display:none}.btnMoreHide{display:none}.btnMore:after{content:"View More"}.btnMore-ch:after{content:"顯示更多"}.exp-input-more{display:none}.exp-input-more:checked+.caption-text{max-height:none}.exp-input-more:checked+.caption-text:after,.exp-input-more:checked+.caption-text .btnMore1{display:none}.exp-input-more:checked+.caption-text .btnMore2{float:unset;display:block}.exp-input-more:checked+.caption-text .btnMore:before{visibility:hidden}.exp-input-more:checked+.caption-text .btnMore:after{content:"View Less"}.exp-input-more:checked+.caption-text .btnMore-ch:after{content:"顯示更少"}.btnMore:before{content:"...";color:#b4b4b4;position:absolute;left:-5px;transform:translate(-100%)}
/*# sourceMappingURL=237lrac7cbs5t.css.map*/