.presenter-camera-overlay{--presenter-camera-shell-bg:var(--color-gray-100);--presenter-camera-shell-border:var(--color-overlay-light);--presenter-camera-shell-shadow:var(--shadow-lg);--presenter-camera-handle-border:var(--color-overlay-light);--presenter-camera-handle-bg:var(--color-overlay-white-95);--presenter-camera-handle-hover-bg:var(--color-gray-100);--presenter-camera-handle-color:var(--color-text-primary);--presenter-camera-fallback-bg:var(--color-overlay-white-95);--presenter-camera-fallback-color:var(--color-text-primary);--presenter-camera-retry-bg:var(--color-overlay-light);--presenter-camera-retry-hover-bg:var(--color-overlay-white-80);--presenter-camera-retry-color:var(--color-text-primary);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;z-index:31;position:absolute;top:0;left:0;overflow:visible}.presenter-camera-overlay.is-dragging{cursor:grabbing}.presenter-camera-overlay.is-resizing{cursor:var(--presenter-camera-resize-cursor,nwse-resize)}.presenter-camera-overlay[data-resize-corner=top-left]{--presenter-camera-handle-offset:-25%, -25%;--presenter-camera-resize-cursor:nwse-resize;--presenter-camera-handle-icon-rotation:0deg}.presenter-camera-overlay[data-resize-corner=top-right]{--presenter-camera-handle-offset:25%, -25%;--presenter-camera-resize-cursor:nesw-resize;--presenter-camera-handle-icon-rotation:90deg}.presenter-camera-overlay[data-resize-corner=bottom-left]{--presenter-camera-handle-offset:-25%, 25%;--presenter-camera-resize-cursor:nesw-resize;--presenter-camera-handle-icon-rotation:90deg}.presenter-camera-overlay[data-resize-corner=bottom-right]{--presenter-camera-handle-offset:25%, 25%;--presenter-camera-resize-cursor:nwse-resize;--presenter-camera-handle-icon-rotation:0deg}.presenter-camera-overlay:hover .presenter-camera-overlay__resize-button,.presenter-camera-overlay .presenter-camera-overlay__resize-button:focus-visible,.presenter-camera-overlay.is-resizing .presenter-camera-overlay__resize-button{opacity:1;pointer-events:auto;transform:translate(var(--presenter-camera-handle-offset,-25%, -25%)) scale(1)}.presenter-camera-overlay__close-button{z-index:3;border:1px solid var(--presenter-camera-handle-border);background:var(--presenter-camera-handle-bg);width:24px;height:24px;color:var(--presenter-camera-handle-color);box-shadow:var(--shadow-md);cursor:pointer;opacity:0;pointer-events:none;transform:translate(var(--presenter-camera-close-offset,25%, -25%)) scale(.92);touch-action:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,transform .15s,background .15s;display:inline-flex;position:absolute}.presenter-camera-overlay__close-button:hover{background:var(--presenter-camera-handle-hover-bg)}.presenter-camera-overlay:hover .presenter-camera-overlay__close-button,.presenter-camera-overlay .presenter-camera-overlay__close-button:focus-visible{opacity:1;pointer-events:auto;transform:translate(var(--presenter-camera-close-offset,25%, -25%)) scale(1)}@media (hover:none){.presenter-camera-overlay .presenter-camera-overlay__close-button{opacity:1;pointer-events:auto;transform:translate(var(--presenter-camera-close-offset,25%, -25%)) scale(1)}}.presenter-camera-overlay[data-resize-corner=top-left],.presenter-camera-overlay[data-resize-corner=bottom-right]{--presenter-camera-close-offset:25%, -25%}.presenter-camera-overlay[data-resize-corner=top-right],.presenter-camera-overlay[data-resize-corner=bottom-left]{--presenter-camera-close-offset:-25%, -25%}.presenter-camera-overlay__close-button{top:0}.presenter-camera-overlay:is([data-resize-corner=top-left],[data-resize-corner=bottom-right]) .presenter-camera-overlay__close-button{right:0}.presenter-camera-overlay:is([data-resize-corner=top-right],[data-resize-corner=bottom-left]) .presenter-camera-overlay__close-button{left:0}.presenter-camera-overlay__shell{background:var(--presenter-camera-shell-bg);border:1px solid var(--presenter-camera-shell-border);width:100%;height:100%;box-shadow:var(--presenter-camera-shell-shadow);border-radius:50%;overflow:hidden}.presenter-camera-overlay__video,.presenter-camera-overlay__fallback{width:100%;height:100%}.presenter-camera-overlay__video{-o-object-fit:cover;object-fit:cover;background:var(--color-gray-100);display:block;transform:scaleX(-1)}.presenter-camera-overlay__resize-button{z-index:3;border:1px solid var(--presenter-camera-handle-border);background:var(--presenter-camera-handle-bg);width:24px;height:24px;color:var(--presenter-camera-handle-color);box-shadow:var(--shadow-md);cursor:var(--presenter-camera-resize-cursor,nwse-resize);opacity:0;pointer-events:none;transform:translate(var(--presenter-camera-handle-offset,-25%, -25%)) scale(.92);touch-action:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,transform .15s,background .15s;display:inline-flex;position:absolute}.presenter-camera-overlay__resize-button:hover{background:var(--presenter-camera-handle-hover-bg)}.presenter-camera-overlay.is-resizing .presenter-camera-overlay__resize-button{cursor:var(--presenter-camera-resize-cursor,nwse-resize)}.presenter-camera-overlay[data-resize-corner^=top] .presenter-camera-overlay__resize-button{top:0}.presenter-camera-overlay[data-resize-corner^=bottom] .presenter-camera-overlay__resize-button{bottom:0}.presenter-camera-overlay[data-resize-corner$=left] .presenter-camera-overlay__resize-button{left:0}.presenter-camera-overlay[data-resize-corner$=right] .presenter-camera-overlay__resize-button{right:0}.presenter-camera-overlay__resize-button>svg{transform:rotate(var(--presenter-camera-handle-icon-rotation,0deg))}.presenter-camera-overlay__fallback{justify-content:center;align-items:center;gap:var(--space-2);background:var(--presenter-camera-fallback-bg);color:var(--presenter-camera-fallback-color);text-align:center;flex-direction:column;padding:18px;display:flex}.presenter-camera-overlay__spinner{animation:1s linear infinite presenter-camera-overlay-spin}.presenter-camera-overlay__caption{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);line-height:1.35}.presenter-camera-overlay__retry{border-radius:var(--radius-full);background:var(--presenter-camera-retry-bg);color:var(--presenter-camera-retry-color);cursor:pointer;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);border:none;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.presenter-camera-overlay__retry:hover{background:var(--presenter-camera-retry-hover-bg)}.prezi-viewer-panel-inline.present-mode .presenter-camera-overlay,.html-slideshow-shell .presenter-camera-overlay,.prezi-view-page .presenter-camera-overlay{--presenter-camera-shell-bg:color-mix(in srgb, var(--color-absolute-black) 84%, var(--color-gray-100));--presenter-camera-handle-bg:color-mix(in srgb, var(--color-absolute-black) 80%, var(--color-gray-100));--presenter-camera-handle-hover-bg:color-mix(in srgb, var(--color-absolute-black) 68%, var(--color-gray-200));--presenter-camera-handle-color:var(--color-text-on-color);--presenter-camera-fallback-bg:color-mix(in srgb, var(--color-absolute-black) 88%, var(--color-gray-100));--presenter-camera-fallback-color:var(--color-text-on-color);--presenter-camera-retry-bg:color-mix(in srgb, var(--color-absolute-white) 12%, transparent);--presenter-camera-retry-hover-bg:color-mix(in srgb, var(--color-absolute-white) 20%, transparent);--presenter-camera-retry-color:var(--color-text-on-color)}@keyframes presenter-camera-overlay-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
