.video-controls.svelte-r9jazm{height:48px;display:flex;box-sizing:border-box;position:relative;justify-content:space-between;margin-top:24px;align-items:center}.view-button.svelte-r9jazm{display:flex;align-items:center;justify-content:center;width:60px;height:36px;background-color:light-dark(var(--grayscale-gray),var(--grayscale-almost-black));color:var(--text-light);border:none;cursor:pointer}.view-button.selected.svelte-r9jazm{background-color:light-dark(var(--grayscale-almost-black),var(--grayscale-dark-gray));color:var(--text-light)}.view-button.svelte-r9jazm:hover{background-color:light-dark(var(--grayscale-dark-gray),var(--grayscale-darkest-gray));color:var(--text-light)}.center-controls.svelte-r9jazm{display:flex;position:absolute;left:50%;transform:translate(-50%);border-radius:8px;overflow:hidden;background-color:#000}.video-container.svelte-vjr4gx{position:relative;flex-grow:1;cursor:grab;border-radius:var(--radius-default);overflow:hidden;height:100%}.video-container.panning.svelte-vjr4gx{cursor:grabbing}.content-label.svelte-vjr4gx{position:absolute;top:56px;padding:var(--padding-small);background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-default);color:var(--text-always-light);font-family:Inter;font-size:11.026px;font-style:normal;font-weight:500;line-height:13.783px;z-index:1}.content-label.left.svelte-vjr4gx{left:24px}.content-label.right.svelte-vjr4gx{right:24px}.hidden.svelte-vjr4gx{opacity:0}.video-wrapper.svelte-vjr4gx{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}video.svelte-vjr4gx{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;transform:scale(var(--scale)) translate(var(--translate-x),var(--translate-y));pointer-events:none}.side-by-side.svelte-vjr4gx #before-container:where(.svelte-vjr4gx){right:50%}.side-by-side.svelte-vjr4gx #after-container:where(.svelte-vjr4gx){left:50%}.slider-line.svelte-vjr4gx{position:absolute;top:0;bottom:0;width:8px;transform:translate(-50%);cursor:ew-resize;z-index:10}.slider-line.svelte-vjr4gx:before{content:"";width:2px;height:100%;background-color:#fff;opacity:.5;margin-left:calc(50% - 1px);display:block}