1
<div class="flex min-w-0 flex-col gap-1 items-start" style="grid-area: content;"><div tabindex="-1" data-dm-message-focus-target="06f18797-5e7c-45bd-a4b2-04d989d9d4ab:attachment" role="group" aria-labelledby="_xchat-embed-r_4c_-kind _xchat-embed-r_4c_-sender _xchat-embed-r_4c_-time" class="relative rounded-chat outline-hidden focus-visible:ring-2 focus-visible:ring-chat-accent"><div class="contents" data-side="start"><div class="relative rounded-chat overflow-hidden border border-gray-100" style="width: 280px; height: 400px;" title=""><div class="relative isolate z-0 flex aspect-video h-full w-full overflow-hidden bg-black tabular-nums"><video height="100%" src="blob:https://x.com/b209c30e-e0a8-43e2-94a0-1deb84c1775c" width="100%" autoplay="" playsinline=""></video><div class="absolute inset-s-0 inset-e-0 top-0 bottom-0 flex w-full"><button type="button" aria-hidden="true" tabindex="-1" class="absolute inset-s-0 inset-e-0 top-0 bottom-0 z-0 cursor-pointer appearance-none border-0 bg-transparent p-0" title=""></button><div class="peer/controls absolute inset-s-0 inset-e-0 bottom-0 z-20 flex flex-col bg-linear-to-b from-transparent to-black/80 px-3 pt-6 pb-3 opacity-0 has-[:focus-visible]:opacity-100" data-controls-visible="false" data-testid="dm-video-controls"><div data-orientation="horizontal" id="base-ui-_xchat-embed-r_59_" role="group" aria-label="Seek slider" class="group/slider relative flex touch-none select-none data-disabled:opacity-70 w-full text-white"><div data-orientation="horizontal" class="relative flex cursor-pointer touch-none items-center group-data-disabled/slider:cursor-not-allowed group-data-[orientation=horizontal]/slider:h-6 group-data-[orientation=horizontal]/slider:w-full group-data-[orientation=vertical]/slider:h-full group-data-[orientation=vertical]/slider:w-6 group-data-[orientation=vertical]/slider:flex-col-reverse"><div data-orientation="horizontal" class="relative flex grow overflow-hidden rounded-full bg-current/30 group-data-[orientation=horizontal]/slider:h-0.5 group-data-[orientation=horizontal]/slider:w-full group-data-[orientation=vertical]/slider:h-full group-data-[orientation=vertical]/slider:w-0.5" style="position: relative;"><div data-orientation="horizontal" class="block bg-current group-data-[orientation=horizontal]/slider:h-full group-data-[orientation=vertical]/slider:w-full" style="position: relative; height: inherit; inset-inline-start: 0px; width: 70.6208%;"></div></div><div data-orientation="horizontal" data-index="0" id="base-ui-_xchat-embed-r_5a_" class="absolute size-4 rounded-full bg-current shadow-md has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-ring group-data-[orientation=horizontal]/slider:top-1/2 group-data-[orientation=horizontal]/slider:-translate-y-1/2 group-data-[orientation=vertical]/slider:left-1/2 group-data-[orientation=vertical]/slider:-translate-x-1/2 opacity-0 has-[:focus-visible]:opacity-100" style="position: absolute; top: 50%; translate: -50% -50%; inset-inline-start: 70.6208%;"><input aria-label="Seek slider" aria-orientation="horizontal" aria-valuenow="42.396039" id="base-ui-_xchat-embed-r_5c_" max="60.033333" min="0" step="0.1" type="range" value="42.396039" style="clip-path: inset(50%); overflow: hidden; white-space: nowrap; border: 0px; padding: 0px; width: 100%; height: 100%; margin: -1px; position: fixed; top: 0px; left: 0px;"></div></div></div><div class="flex w-full items-center justify-between"><div class="flex max-w-[95%] items-center gap-0.5"><button data-slot="xds-button" aria-label="Pause" id="base-ui-_xchat-embed-r_5e_" data-base-ui-tooltip-trigger="" type="button" class="group x-button transition-colors focus-visible:outline-ring h-6 min-w-6 text-subtext1 [&_svg:not([class*='size-'])]:size-3 text-white hover:bg-white-10 aria-expanded:bg-white-10 active:bg-white-15 w-6 px-0 [&_svg]:transition-transform [&_svg]:duration-200 group-hover:[&_svg]:scale-110" style="border-radius: 9999px;"><span class="x-button-slot" style="opacity: 1;"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" data-icon="icon-player-pause" viewBox="0 0 24 24" width="1em" height="1em" display="flex" role="img" aria-hidden="true"><path d="M7.5 5C7.96466 5 8.19743 4.99966 8.39062 5.03809C9.18371 5.19599 9.80401 5.81629 9.96191 6.60938C10.0003 6.80257 10 7.03534 10 7.5V16.5C10 16.9647 10.0003 17.1974 9.96191 17.3906C9.80401 18.1837 9.18371 18.804 8.39062 18.9619C8.19743 19.0003 7.96466 19 7.5 19C7.03534 19 6.80257 19.0003 6.60938 18.9619C5.81629 18.804 5.19599 18.1837 5.03809 17.3906C4.99966 17.1974 5 16.9647 5 16.5V7.5C5 7.03535 4.99966 6.80257 5.03809 6.60938C5.19599 5.81629 5.81629 5.19599 6.60938 5.03809C6.80257 4.99966 7.03534 5 7.5 5Z"></path><path d="M16.5 5C16.9647 5 17.1974 4.99966 17.3906 5.03809C18.1837 5.19599 18.804 5.81629 18.9619 6.60938C19.0003 6.80257 19 7.03534 19 7.5V16.5C19 16.9647 19.0003 17.1974 18.9619 17.3906C18.804 18.1837 18.1837 18.804 17.3906 18.9619C17.1974 19.0003 16.9647 19 16.5 19C16.0353 19 15.8026 19.0003 15.6094 18.9619C14.8163 18.804 14.196 18.1837 14.0381 17.3906C13.9997 17.1974 14 16.9647 14 16.5V7.5C14 7.03535 13.9997 6.80257 14.0381 6.60938C14.196 5.81629 14.8163 5.19599 15.6094 5.03809C15.8026 4.99966 16.0353 5 16.5 5Z"></path></svg></span></button><div class="max-w-full text-body font-normal text-white line-clamp-1">00:42<span> / 01:00</span></div></div><div class="flex shrink-0 items-center gap-0.5"><button data-slot="xds-button" aria-label="Unmute" id="base-ui-_xchat-embed-r_5j_" data-base-ui-tooltip-trigger="" type="button" class="group x-button transition-colors focus-visible:outline-ring h-6 min-w-6 text-subtext1 [&_svg:not([class*='size-'])]:size-3 text-white hover:bg-white-10 aria-expanded:bg-white-10 active:bg-white-15 w-6 px-0 [&_svg]:transition-transform [&_svg]:duration-200 group-hover:[&_svg]:scale-110" style="border-radius: 9999px;"><span class="x-button-slot" style="opacity: 1;"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" data-icon="icon-sound-off" viewBox="0 0 24 24" width="1em" height="1em" display="flex" role="img" aria-hidden="true"><path d="M16 22H13.6494L13.375 21.7812L9.5332 18.708L10.957 17.2842L14 19.7188V14.2422L16 12.2422V22Z"></path><path fill-rule="evenodd" d="M16 6.58594L20.293 2.29297L21.707 3.70703L3.70703 21.707L2.29297 20.293L4.9502 17.6348C3.79536 17.0632 3 15.8759 3 14.5V9.5C3 7.567 4.567 6 6.5 6H8.64844L13.375 2.21875L13.6494 2H16V6.58594ZM9.625 7.78125L9.35059 8H6.5C5.67157 8 5 8.67157 5 9.5V14.5C5 15.3284 5.67157 16 6.5 16H6.58594L14 8.58594V4.28125L9.625 7.78125Z" clip-rule="evenodd"></path></svg></span></button><button data-slot="xds-button" aria-label="Full screen" id="base-ui-_xchat-embed-r_5o_" data-base-ui-tooltip-trigger="" type="button" class="group x-button transition-colors focus-visible:outline-ring h-6 min-w-6 text-subtext1 [&_svg:not([class*='size-'])]:size-3 text-white hover:bg-white-10 aria-expanded:bg-white-10 active:bg-white-15 w-6 px-0 [&_svg]:transition-transform [&_svg]:duration-200 group-hover:[&_svg]:scale-110" style="border-radius: 9999px;"><span class="x-button-slot" style="opacity: 1;"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" data-icon="icon-media-expand" viewBox="0 0 24 24" width="1em" height="1em" display="flex" role="img" aria-hidden="true"><path d="M13 3h8v8h-2V6.41l-5.043 5.05-1.414-1.42L17.586 5H13V3zm-1.543 10.96L6.414 19H11v2H3v-8h2v4.59l5.043-5.05 1.414 1.42z"></path></svg></span></button></div></div></div><div class="pointer-events-none absolute z-1 flex bottom-3 start-3 peer-has-[:focus-visible]/controls:opacity-0"><div class="pointer-events-auto flex min-w-0"><div class="inline-flex h-5 items-center gap-1 rounded-sm px-2 font-medium [&_svg]:size-[1em] bg-black-80 text-on-color min-w-0 shrink text-body">00:17</div></div></div></div></div></div></div></div></div>For immediate assistance, please email our customer support: [email protected]