.hlv-loading{opacity:0;-webkit-user-select:none;user-select:none;z-index:0;width:100%;height:100%;transition:opacity 2s,z-index 1s linear;position:relative}.hlv-loading.visible{opacity:1;z-index:30}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hlv-loading-spinner{width:80px;height:80px;margin-top:-40px;margin-left:-40px;animation:1s linear infinite rotate;position:absolute;top:50%;left:50%}.hlv-loading-log{background:#0006;flex-flow:column;gap:2px;padding:10px 10px 10px 16px;font-family:monospace;font-size:12px;display:flex;position:absolute;top:20px;right:0}.hlv-loading-log-item{display:block}.hlv-settings{flex-flow:row;display:flex}.hlv-settings .hlv-button{transition:transform .2s}.hlv-settings.open .hlv-button{transform:rotate(45deg)}.hlv-settings-menu{background-color:#0006;border-radius:4px;flex-flow:column;min-width:120px;padding:4px;font-size:14px;display:none;position:absolute;right:8px}.mode-free .hlv-settings-menu{bottom:56px}.mode-replay .hlv-settings-menu{bottom:78px}.hlv-settings.open .hlv-settings-menu{gap:4px;display:flex}.hlv-settings-menu-title{padding:6px 8px;font-weight:700}.hlv-settings-menu-item{cursor:pointer;text-align:left;color:#fff;background:0 0;border:none;border-radius:4px;padding:6px 8px}.hlv-settings-menu-item:hover{background-color:#ffffff1a}.hlv-settings-menu-item.selected{background-color:#fff3}.hlv-fullscreen-button{width:30px;min-width:30px;height:30px;padding:5px}.hlv-time{font-family:Roboto,Arial,Helvetica,sans-serif;font-size:12px}.hlv-timeline{cursor:pointer;background:0 0;border:none;align-items:center;width:100%;height:26px;margin-top:-4px;padding:0;display:flex;position:relative}.hlv-timeline-line{background-color:#bbb;border-radius:2px;height:4px;position:absolute;left:0;right:0}.hlv-timeline-ghostline{background-color:#bbb3;border-radius:2px;height:4px;position:absolute;left:0;right:0}.hlv-timeline-knob{background-color:#bbb;border-radius:6px;width:12px;height:12px;margin-left:-6px;position:absolute;left:100%}.hlv-timeline-ghosttime{color:#fff;pointer-events:none;background-color:#0006;border-radius:2px;padding:4px 6px;font-size:12px;display:none;position:absolute;bottom:36px;transform:translate(-50%)}.hlv-timeline-ghosttime:after{content:"";border:5px solid #0000;border-top-color:#0006;margin-left:-5px;position:absolute;top:100%;left:50%}.hlv-timeline:hover .hlv-timeline-knob,.hlv-timeline:hover .hlv-timeline-line{background-color:#fff}.hlv-timeline:hover .hlv-timeline-ghosttime{display:block}.hlv-volume{cursor:pointer;background:0 0;border:none;align-items:center;width:80px;height:26px;margin-right:12px;padding:0;display:flex;position:relative}.hlv-volume-line{background-color:#bbb;border-radius:2px;height:4px;position:absolute;left:0;right:0}.hlv-volume-ghostline{background-color:#fff3;border-radius:2px;height:4px;position:absolute;left:0;right:0}.hlv-volume-knob{background-color:#bbb;border-radius:6px;width:12px;height:12px;margin-left:-6px;position:absolute;left:100%}.hlv-volume:hover .hlv-volume-knob,.hlv-volume:hover .hlv-volume-line{background-color:#fff}.hlv-app{color:#fff;cursor:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative}.hlv-app,.hlv-app *{box-sizing:border-box}.hlv-app.visible{cursor:default}.hlv-title{z-index:20;opacity:0;background-color:#0006;border-top-right-radius:4px;border-bottom-right-radius:4px;padding:10px 16px 10px 20px;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:18px;line-height:22px;transition:opacity .2s;position:absolute;top:20px;left:0}.visible .hlv-title{opacity:1}.hlv-controls{z-index:30;-webkit-user-select:none;user-select:none;opacity:0;background-color:#0006;width:100%;padding:8px 16px;transition:opacity .2s;position:absolute;bottom:0}.visible .hlv-controls{opacity:1}.hlv-screen{z-index:10;background:0 0;border:none;width:100%;height:100%;padding:0;position:absolute;top:0;left:0}.hlv-controlsx{z-index:30;-webkit-user-select:none;user-select:none;opacity:0;background-color:#0006;width:100%;padding:0 16px;transition:opacity .2s;position:absolute;bottom:0}.visible .hlv-controlsx{opacity:1}.hlv-buttons{justify-content:space-between;align-items:center;height:100%;display:flex}.hlv-button{cursor:pointer;color:#fffb;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.hlv-button:hover{color:#fff}.hlv-buttons-left,.hlv-buttons-right{align-items:center;gap:4px;display:flex}
/*$vite$:1*/