.video-frame[data-v-8f0f3759]{--border-width:6px;border-color:#ffffff26;border-style:solid;border-width:var(--border-width);box-sizing:border-box;width:100%}.video-frame.light[data-v-8f0f3759]{border-color:#00000026}.video-frame[data-v-8f0f3759]{border-radius:calc(var(--border-width) + 8px)}.video-frame--canvas[data-v-8f0f3759]{aspect-ratio:1/1;border:none;border-radius:var(--radius-lg);padding:var(--spacing-sm)}.video-frame>img,.video-frame>video{border-radius:8px;display:flex;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.video-frame--canvas>img,.video-frame--canvas>video{border-radius:var(--radius-md);-o-object-fit:contain;object-fit:contain}