chore: add mx-uc.css

src/app/organisms/room/RoomTimeline.tsx

@@ -1139,17 +1139,13 @@ export function RoomTimeline({ room, eventId, roomInputRef, editor }: RoomTimeli
         return null;
       }
 
-      // FIXME
+      const height = scaleYDimension(videoInfo.w || 400, 400, videoInfo.h || 400);
-      const videoW = videoInfo?.w ?? 400;
-      const videoH = videoInfo?.h ?? 400;
-      const maxW = scrollRef.current?.querySelector(`[data-message-id]>div>div:nth-child(2)`)?.clientWidth ?? 400;
-      const height = videoW <= maxW ? videoH : scaleYDimension(videoW, maxW, videoH);
 
       return (
         <Attachment>
           <AttachmentBox
             style={{
-              height: toRem(Math.max(48, Math.min(480, height))),
+              height: toRem(height < 48 ? 48 : height),
             }}
           >
             <VideoContent

src/app/organisms/room/message/VideoContent.tsx

@@ -116,7 +116,7 @@ export const VideoContent = as<'div', VideoContentProps>(
           </Box>
         )}
         {srcState.status === AsyncStatus.Success && (
-          <Box className={css.AbsoluteContainer} style={{position: 'unset'}}>
+          <Box className={css.AbsoluteContainer}>
             <Video
               title={body}
               src={srcState.data}