.custom-player[data-v-9f68b77f]{background-color:#000;margin:0 auto;max-width:800px;overflow:hidden;position:relative;width:100%}.custom-player .video-box[data-v-9f68b77f]{align-items:center;display:flex;height:100%;overflow:hidden}.video-overlay[data-v-9f68b77f],video[data-v-9f68b77f]{height:100%;width:100%}.video-overlay[data-v-9f68b77f]{align-items:center;background-color:#0000004d;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;top:0}.play-icon[data-v-9f68b77f]{background-image:url(./video-playing.BV87SKXc.png);background-size:cover;border-radius:50%;height:68px;width:68px}.loading-indicator[data-v-9f68b77f]{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.spinner[data-v-9f68b77f]{animation:spin-9f68b77f 1s linear infinite;border:4px solid hsla(0,0%,100%,.3);border-radius:50%;border-top:4px solid var(--general);height:40px;width:40px}@keyframes spin-9f68b77f{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.error-message[data-v-9f68b77f]{align-items:center;background-color:#000000b3;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.error-message button[data-v-9f68b77f]{background-color:#ff4d4d;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px}.controls[data-v-9f68b77f]{background:linear-gradient(transparent,#000c);bottom:0;color:#fff;left:0;position:absolute;transition:transform .3s ease-in-out;width:100%}.controls.hidden[data-v-9f68b77f]{pointer-events:none;transform:translateY(38px)}.progress-bar[data-v-9f68b77f]{background:#fff3;border-radius:5px;cursor:pointer;height:.5em;position:relative}.buffer-progress[data-v-9f68b77f],.play-progress[data-v-9f68b77f]{height:100%;left:0;pointer-events:none;position:absolute;top:0}.buffer-progress[data-v-9f68b77f]{background:#fff6;transition:width .1s}.play-progress[data-v-9f68b77f]{background:var(--general);transition:width .1s}.hover-time[data-v-9f68b77f]{background:#000000b3;border-radius:3px;color:#fff;font-size:12px;min-width:3em;padding:2px 6px;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%) translateY(-25px);z-index:10}.buttons[data-v-9f68b77f]{gap:10px;height:38px;padding:0 10px}.buttons[data-v-9f68b77f],.control-button[data-v-9f68b77f]{align-items:center;display:flex}.control-button[data-v-9f68b77f]{background:none;border:none;color:#fff;cursor:pointer;justify-content:center;padding:0}.volume-control[data-v-9f68b77f]{align-items:center;display:flex;gap:8px}.volume-slider[data-v-9f68b77f]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff4d;border-radius:2.5px;height:5px;outline:none;width:70px}.volume-slider[data-v-9f68b77f]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;width:12px}.time[data-v-9f68b77f]{align-items:center;display:flex;font-size:14px;gap:3px}.time-separator[data-v-9f68b77f]{opacity:.7}.right-controls[data-v-9f68b77f]{align-items:center;display:flex;gap:15px;margin-left:auto}.playback-rate select[data-v-9f68b77f]{background-color:transparent;border:1px solid hsla(0,0%,100%,.3);border-radius:3px;color:#fff;cursor:pointer;font-size:12px;outline:none;padding:2px 5px}.playback-rate select option[data-v-9f68b77f]{background-color:#000000e6}
