.vp-loader{align-items:center;background-color:rgba(0,0,0,.5);display:flex;font-size:clamp(4rem,6vw,6rem);height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:30}.vp-loader div{-webkit-animation:vp-loader 1s linear infinite;animation:vp-loader 1s linear infinite;border-radius:50%;box-shadow:.05em .05em 0 0 #cd131c;height:1em;-webkit-transform-origin:.5em;transform-origin:.5em;width:1em}.vp-loader-enter{opacity:0}.vp-loader-enter-active{opacity:1;transition:opacity .3s ease-out}.vp-loader-exit{opacity:1}.vp-loader-exit-active{opacity:0;transition:opacity .3s ease-out}@-webkit-keyframes vp-loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes vp-loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.vp-key-action{bottom:0}.vp-key-action,.vp-key-action__volume{display:flex;left:0;position:absolute;right:0;top:0}.vp-key-action__volume{background-image:linear-gradient(rgba(0,0,0,.7),transparent);bottom:75%;transition:opacity .3s ease-out;z-index:15}.vp-key-action__volume__container{display:flex;gap:1rem;height:auto;margin:auto;transition:all .3s ease-out;width:clamp(12rem,25%,25rem)}.vp-key-action__volume__icon{height:auto;position:relative;width:40%}.vp-key-action__volume__icon svg{height:100%;width:100%}.vp-key-action__volume__range{align-items:center;display:flex;height:clamp(5rem,10vw,10rem);margin:auto;position:relative;width:100%}.vp-key-action__volume__range--background{background-color:#858585;border-radius:50px;height:10%;position:absolute;width:100%}.vp-key-action__volume__range--current{align-items:center;background-color:#fff;border-radius:50px;display:flex;height:10%;position:relative;transition:width .2s ease-out;width:100%}.vp-key-action__progress{align-items:center;bottom:0;display:flex;justify-content:center;opacity:0;pointer-events:none;position:absolute;top:0;z-index:20}.vp-key-action__progress__container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.vp-key-action__progress.rewind{background-image:linear-gradient(270deg,transparent,rgba(0,0,0,.7));left:0;right:50%}.vp-key-action__progress.skip{background-image:linear-gradient(90deg,transparent,rgba(0,0,0,.7));left:50%;right:0}.vp-key-action__progress svg{height:100%;margin:auto;width:clamp(5rem,20%,10rem)}.vp-key-volume-enter{opacity:0}.vp-key-volume-enter>div{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.vp-key-volume-enter-active{opacity:1}.vp-key-volume-enter-active>div{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.vp-key-volume-exit{opacity:1}.vp-key-volume-exit>div{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.vp-key-volume-exit-active{opacity:0}.vp-key-volume-exit-active>div{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.vp-error{align-items:center;background-color:rgba(0,0,0,.8);color:#cd131c;display:flex;flex-direction:column;font-size:1.5em;font-weight:600;gap:2rem;height:100%;justify-content:center;position:absolute;width:100%;z-index:100}.vp-error svg{cursor:pointer;height:5rem;width:5rem}.vp-container{background-color:#000;color:#fff;display:flex;flex-direction:column;font-size:clamp(1.2rem,2vw,2rem);height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.vp-container video{height:100%;width:100%;z-index:1}.vp-controls{align-items:center;background-image:linear-gradient(transparent,#000);bottom:0;display:flex;flex-direction:column;height:clamp(10rem,15vw,25rem);justify-content:center;left:0;padding-bottom:1rem;position:absolute;right:0;transition:opacity .3s ease-out;z-index:15}.vp-controls.hide{opacity:0;pointer-events:none}.vp-controls__header{height:clamp(3rem,100%,5rem);margin-top:auto}.vp-controls__body,.vp-controls__header{align-items:center;display:flex;justify-content:center;width:100%}.vp-controls__body{gap:2rem;height:50%;padding:0 2rem}.vp-btn,.vp-controls__body>div{display:flex;height:100%;justify-content:center;position:relative;width:100%}.vp-btn{align-items:center;background-color:transparent;color:#fff;font-size:clamp(1.2rem,2vw,2rem);max-width:12rem;min-width:4rem}.vp-btn svg{height:100%;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:clamp(2rem,4vw,4.5rem)}.vp-btn:before{background-color:rgba(0,0,0,.8);border-radius:5px;bottom:100%;content:attr(data-label);display:none;font-weight:600;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;transition:opacity .2s ease-out;width:-webkit-max-content;width:max-content}.vp-btn.label:before{display:block}.vp-btn:hover svg{-webkit-transform:scale(1.3);transform:scale(1.3)}.vp-btn:hover:before{opacity:1}.vp-progress,.vp-progress__range{height:100%;position:relative;width:100%}.vp-progress__range{align-items:center;display:flex}.vp-progress__range--background,.vp-progress__range--buffer,.vp-progress__range--current,.vp-progress__range--seek{border-radius:50px;height:10%;position:absolute;width:100%}.vp-progress__range--background{background-color:#858585}.vp-progress__range--buffer{background-color:#6b0400;transition:width .2s ease-out}.vp-progress__range--current{align-items:center;background-color:#cd131c;display:flex;position:relative}.vp-progress__range--current__thumb{background-color:#cd131c;border-radius:50px;height:clamp(1.5rem,3vw,2.5rem);position:absolute;right:0;-webkit-transform:translateX(50%) scale(0);transform:translateX(50%) scale(0);transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;width:clamp(1.5rem,3vw,2.5rem)}.vp-progress__range--seek{cursor:pointer;height:100%;opacity:0}.vp-progress__range:hover .vp-progress__range--current__thumb{-webkit-transform:translateX(50%) scale(1);transform:translateX(50%) scale(1)}.vp-progress__tooltip{background-color:rgba(0,0,0,.8);border-radius:5px;bottom:clamp(4rem,5vw,5rem);font-weight:700;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .2s ease-out}.vp-progress:hover .vp-progress__tooltip{opacity:1}.vp-time{text-align:center;width:clamp(10rem,20%,20rem)}.vp-volume{align-items:center;display:flex;height:100%;justify-content:center;min-width:12rem;position:relative;width:100%}.vp-volume button{transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;width:-webkit-max-content;width:max-content}.vp-volume:hover button{-webkit-transform:translateX(clamp(-5rem,-4vw,-2.5rem));transform:translateX(clamp(-5rem,-4vw,-2.5rem))}.vp-volume:hover .vp-volume__range{-webkit-transform:scaleX(1);transform:scaleX(1)}.vp-volume__range{align-items:center;display:flex;height:clamp(.5rem,1vw,1rem);left:50%;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;width:clamp(6rem,10vw,12rem)}.vp-volume__range--background,.vp-volume__range--current,.vp-volume__range--seek{border-radius:50px;height:100%;position:absolute;width:100%}.vp-volume__range--background{background-color:#858585}.vp-volume__range--current{align-items:center;background-color:#fff;display:flex;position:relative}.vp-volume__range--current__thumb{background-color:#fff;border-radius:50px;height:clamp(1.5rem,3vw,2.5rem);position:absolute;right:0;-webkit-transform:translateX(50%) scale(0);transform:translateX(50%) scale(0);transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;width:clamp(1.5rem,3vw,2.5rem)}.vp-volume__range--seek{cursor:pointer;opacity:0}.vp-volume__range:hover .vp-volume__range--current__thumb{-webkit-transform:translateX(50%) scale(1);transform:translateX(50%) scale(1)}.vp-dropdown{background-color:rgba(0,0,0,.8);bottom:100%;overflow:hidden;position:absolute;right:0;transition:opacity .2s ease-out,height .3s ease-out;width:clamp(25rem,30vw,40rem)}.vp-dropdown__menu{bottom:0;position:absolute;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.vp-dropdown__list{overflow:auto}.vp-dropdown__item,.vp-dropdown__label{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:clamp(1rem,1vw,2rem) clamp(2rem,2vw,4rem);transition:background-color .2s}.vp-dropdown__item:hover,.vp-dropdown__label:hover{background-color:rgba(51,51,51,.8)}.vp-dropdown__label{font-weight:600}.vp-dropdown__item{justify-content:space-between}.vp-dropdown__item.active:after{background-color:#fff;border-radius:50px;content:"";display:flex;height:1rem;width:1rem}.vp-dropdown-enter{opacity:0}.vp-dropdown-enter-active{opacity:1}.vp-dropdown-exit-active{opacity:0}.vp-menu-index-enter{-webkit-transform:translateX(-110%);transform:translateX(-110%)}.vp-menu-index-enter-active{-webkit-transform:translateX(0);transform:translateX(0)}.vp-menu-index-exit-active{-webkit-transform:translateX(-110%);transform:translateX(-110%)}.vp-menu-main-enter{-webkit-transform:translateX(110%);transform:translateX(110%)}.vp-menu-main-enter-active{-webkit-transform:translateX(0);transform:translateX(0)}.vp-menu-main-exit-active{-webkit-transform:translateX(110%);transform:translateX(110%)}.App{background-color:#000;height:100vh;padding:1px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.6rem}button{border:none;cursor:pointer;outline:none}svg{fill:currentColor;height:2.5rem;width:2.5rem}
/*# sourceMappingURL=main.45ff7fff.css.map*/