.videoDetailsBox[data-v-545da38d]{width:100%;height:100vh;padding:0 10px 20px;box-sizing:border-box;background:linear-gradient(167deg,#2a82e4,#fff);background-repeat:repeat;background-size:normal;display:flex;flex-direction:column}.videoDetailsContent[data-v-545da38d]{margin-top:30px;width:100%;height:0;flex:1;border-radius:24px 24px 0 0;background:#f2f2f2;border:1px solid #f2f2f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;padding:15px;box-sizing:border-box;overflow:hidden;overflow-y:auto}.videoTop[data-v-545da38d]{width:100%;height:180px;border-radius:5px;overflow:hidden}.video[data-v-545da38d]{width:100%;height:100%;background:#e4e4e4}.videoControl[data-v-545da38d]{width:100%;min-height:103px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px;padding:20px 10px;box-sizing:border-box}.videoControlLeft[data-v-545da38d]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.videoControlBtn[data-v-545da38d]{width:137px;height:33px;border-radius:50px;background:linear-gradient(180deg,#f5faff,#e8ebeb);box-shadow:0 2px 2px rgba(0,0,0,.15);display:flex;justify-content:space-between;align-items:center}.videoControlBtnLeft[data-v-545da38d]{min-width:20%;height:100%;display:flex;justify-content:center;align-items:center}.videoControlBtnIcon[data-v-545da38d]{font-size:10px;color:#a6a6a6;font-weight:700}.videoControlBtnCenter[data-v-545da38d]{flex:1;height:100%;display:flex;justify-content:center;align-items:center;font-size:13px;font-weight:400;color:#2a82e4}.videoControlBtnRight[data-v-545da38d]{min-width:20%;height:100%;display:flex;justify-content:center;align-items:center}.videoControlRight[data-v-545da38d]{width:100%;height:auto;display:flex;justify-content:center;align-items:center}.videoDirection[data-v-545da38d]{width:103px;height:103px;background:linear-gradient(180deg,#f5faff,#e8eaea);position:relative;overflow:hidden}.videoDirectionCenter[data-v-545da38d],.videoDirection[data-v-545da38d]{border-radius:50%;display:flex;justify-content:center;align-items:center}.videoDirectionCenter[data-v-545da38d]{width:35px;height:35px;background:#fff;box-shadow:inset 0 0 5px rgba(0,0,0,.25)}.videoDirectionCenterIcon[data-v-545da38d]{font-size:20px;color:#366fff;font-weight:700}.videoDirectionItemIcon[data-v-545da38d]{font-size:13px;color:#a6a6a6;font-weight:700}.videoDirectionItem[data-v-545da38d]{width:34px;height:34px;display:flex;justify-content:center;align-items:center;position:absolute}.videoDirectionTop[data-v-545da38d]{top:0;left:34px}.videoDirectionDown[data-v-545da38d]{bottom:0;left:34px}.videoDirectionLeft[data-v-545da38d]{top:34px;left:0}.videoDirectionRight[data-v-545da38d]{top:34px;right:0}.videoList[data-v-545da38d]{width:100%;height:auto;background:#fff;padding:20px 10px;box-sizing:border-box}.listTop[data-v-545da38d]{width:100%;height:auto;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.listTitle[data-v-545da38d]{font-size:16px;font-weight:400;color:#383838}.listRight[data-v-545da38d]{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:400;color:grey}.listRightIcon[data-v-545da38d]{width:15px;height:15px;border-radius:50%;border:1.5px solid #a6a6a6;display:flex;justify-content:center;align-items:center}.videoListBox[data-v-545da38d]{width:100%;height:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:20px;grid-row-gap:10px}.videoListItem[data-v-545da38d]{width:100%;height:27px;border-radius:5px;background:#e1eefc;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:400;color:#383838}.videoActvie[data-v-545da38d]{background:linear-gradient(90deg,#2980e3,#5da0fc);color:#fff}body,html{margin:0;padding:0}