.h-svg-icon{fill:currentColor;border-style:none;display:inline-block;line-height:1rem;outline:2px solid transparent;outline-offset:2px;vertical-align:baseline}.video{--tw-bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--tw-bg-opacity,1));overflow:hidden;padding-bottom:60%;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.video.limit-reached div,.video.limit-reached video{opacity:0;pointer-events:none}.video .h-svg-icon{--tw-text-opacity:1;color:#fff;color:rgba(255,255,255,var(--tw-text-opacity,1))}.video video{height:100%;-o-object-fit:fill;object-fit:fill;pointer-events:none;width:100%}.video video,.video__tools{bottom:0;left:0;position:absolute;right:0;top:0}.video__tools{display:flex;flex-direction:column}.video__panel{align-items:flex-end;display:flex;margin:.25rem}.video__panel,.video__panel>div{position:relative}.video .video-seek-duration{border-radius:5px;display:inline-block;font-size:16px;margin-bottom:5px;padding:5px 0;text-align:center;white-space:nowrap;width:60px}.video .video-seek-duration,.video .video-seek-full{background:rgba(0,0,0,.6);color:#fff;transition:all .2s}.video .video-seek-full{border-radius:25px;cursor:pointer;display:flex;height:42px;margin-left:5px;outline:none;width:42px}.video .video-seek-full svg{fill:currentColor;margin:auto}.video .video-seek-full:hover{background:rgba(0,0,0,.733)}.video .video-seek-disabled,.video .video-seek-position{background:#fff;bottom:0;color:#fff;left:0;position:absolute;text-align:center;top:0;width:10px}.video .video-seek-disabled{background:rgba(0,0,0,.533);bottom:-1px;cursor:not-allowed;left:auto;pointer-events:auto!important;right:0;top:-1px;width:125px;z-index:10}.video .center{--tw-translate-x:-50%;--tw-translate-y:-50%;--tw-text-opacity:1;color:#fff;color:rgba(255,255,255,var(--tw-text-opacity,1));left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.video .play-button{background:none no-repeat center var(--primary-color);background-size:contain;border-radius:30px;cursor:pointer;float:left;height:55px;margin:5px 10px 5px 5px;overflow:hidden;position:relative;text-align:center;width:55px}.video .h-el{opacity:0;transition:all .2s}.video.hover .h-el{opacity:1}.video .video-seek-process{animation:animate-stripes .6s linear infinite;background:linear-gradient(135deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:30px 30px;bottom:0;left:0;list-style-type:none;opacity:0;position:absolute;right:0;top:0}.video .video-seek-process.show{opacity:1}.video .video-seek{background:hsla(0,0%,47%,.467);cursor:pointer;height:.25rem;margin:0 1px;outline:1px solid #000;position:relative;touch-action:none}.video .video-seek>*{pointer-events:none}.video .h-svg-icon[name=play]{opacity:1}.video .h-svg-icon[name=pause],.video .h-svg-icon[name=play]{border-radius:9999px;color:hsla(60,1%,60%,.9);cursor:pointer;height:3.5rem;width:3.5rem}.video.hover .h-svg-icon{opacity:1}.video.hover .video-seek{height:1rem}@keyframes animate-stripes{0%{background-position:0 0}to{background-position:-30px 0}}.video-menu{--tw-text-opacity:1;align-items:center;background:rgba(0,0,0,.533);bottom:0;color:#fff;color:rgba(255,255,255,var(--tw-text-opacity,1));display:flex;left:0;list-style-type:none;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:scale(1.1);transition:transform .1s;z-index:1}.video-menu ul{display:block;margin:.5rem auto;max-width:20rem;text-align:center;width:100%}.video-menu.show{display:flex;opacity:1;pointer-events:auto;transform:scale(1)}.video-menu .current{background:hsla(0,0%,100%,.533)}.video-menu li{cursor:pointer;display:inline-block;padding-bottom:1rem;padding-top:1rem;white-space:nowrap;width:25%}.video-seek-full svg{height:2rem;outline:2px solid transparent;outline-offset:2px;width:2rem}.fullscreen{bottom:0;left:0;margin:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);padding-bottom:0;position:fixed;right:0;top:0;z-index:100}@keyframes anim-rotation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.animation-rotation{animation:anim-rotation 2s linear infinite}body.is-fullscreen-video{--tw-bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--tw-bg-opacity,1))}