fix(skin): restore overflow on audio skins (#1623)

Co-authored-by: Cursor <cursoragent@cursor.com>

packages/skins/src/default/css/components/root.css

@@ -11,7 +11,6 @@
   width: 100%;
   height: 100%;
   container: media-root / inline-size;
-  overflow: clip;
   font-family:
     Inter Variable,
     Inter,

packages/skins/src/default/css/video.css

@@ -55,6 +55,7 @@
   --media-tooltip-boundary-offset: 0.5rem;
   --media-popover-side-offset: 0.5rem;
   --media-popover-boundary-offset: 0.5rem;
+  overflow: clip;
   background: oklch(0 0 0);
 
   @media (prefers-reduced-motion: reduce) {

packages/skins/src/default/tailwind/components/root.ts

@@ -6,7 +6,6 @@ export const root = cn(
   // Layout & containment
   'block relative isolate h-full w-full @container/media-root',
   // Appearance
-  'overflow-clip',
   'rounded-(--media-border-radius,2rem)',
   'font-[Inter_Variable,Inter,ui-sans-serif,system-ui,sans-serif] text-[0.8125rem] leading-normal subpixel-antialiased',
   // Focus ring

packages/skins/src/default/tailwind/video.tailwind.ts

@@ -18,7 +18,7 @@ import { time as baseTime } from './components/time';
 export const root = (isShadowDOM: boolean) =>
   cn(
     baseRoot,
-    'bg-black',
+    'bg-black overflow-clip',
     // Inner border ring
     'after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10',
     'after:inset-0 after:ring-1 after:ring-inset after:ring-black/10 dark:after:ring-white/15',

packages/skins/src/minimal/css/components/root.css

@@ -11,7 +11,6 @@
   width: 100%;
   height: 100%;
   container: media-root / inline-size;
-  overflow: clip;
   font-family:
     Inter Variable,
     Inter,

packages/skins/src/minimal/tailwind/components/root.ts

@@ -6,7 +6,6 @@ export const root = cn(
   // Layout & containment
   'block relative isolate h-full w-full @container/media-root',
   // Appearance
-  'overflow-clip',
   'rounded-(--media-border-radius,0.75rem)',
   'font-[Inter_Variable,Inter,ui-sans-serif,system-ui,sans-serif] text-[0.8125rem] leading-normal subpixel-antialiased',
   // Focus ring