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