.video-bar[data-v-3c0433ce]{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#1011128c;border-radius:var(--radius-full);bottom:clamp(10px,1.5vw,16px);color:var(--color-hvit);display:flex;gap:var(--space-2);left:clamp(10px,1.5vw,16px);padding:6px 8px;position:absolute;right:clamp(10px,1.5vw,16px);transition:opacity .35s var(--ease-out),transform .35s var(--ease-out);z-index:3}.video-bar--hidden[data-v-3c0433ce]{opacity:0;pointer-events:none;transform:translateY(6px)}.video-bar__ctrl[data-v-3c0433ce]{background:transparent;border:0;border-radius:var(--radius-full);color:inherit;cursor:pointer;display:grid;flex-shrink:0;height:32px;opacity:.9;padding:0;place-items:center;transition:opacity var(--duration-fast) var(--ease-out);width:32px}.video-bar__ctrl svg[data-v-3c0433ce]{display:block;height:16px;width:16px}.video-bar__ctrl[data-v-3c0433ce]:focus-visible,.video-bar__ctrl[data-v-3c0433ce]:hover{opacity:1}.video-bar__track[data-v-3c0433ce]{align-items:center;cursor:pointer;display:flex;flex:1;height:24px;min-width:0;touch-action:none}.video-bar__track-line[data-v-3c0433ce]{background:#ffffff47;border-radius:var(--radius-full);height:3px;overflow:hidden;transition:height .2s var(--ease-out);width:100%}.video-bar__track:hover .video-bar__track-line[data-v-3c0433ce]{height:5px}.video-bar__track-fill[data-v-3c0433ce]{background:var(--color-hvit);height:100%;transform:scaleX(0);transform-origin:left center;transition:transform .25s linear;width:100%}@media(prefers-reduced-motion:reduce){.video-bar[data-v-3c0433ce]{transition:none}}