@haklex/rich-compose 0.37.0 → 0.39.0

package/dist/litexml-html-preview-client.css

@@ -6265,841 +6265,174 @@ figure.rich-image[data-display="fixed-height"] img {
   height: 200px;
   color: var(--rc-text-secondary);
   font-size: var(--rc-font-size-md);
-}._verified_lvyh0_1 {
-  margin-left: 0.125rem;
-  max-width: 20px;
-  max-height: 20px;
-  height: 1.25em;
-  fill: currentColor;
-  user-select: none;
-  vertical-align: text-bottom;
-}
-._root_kiwfn_1 {
-  position: relative;
-  width: 100%;
-  min-width: 280px;
-  max-width: 550px;
-  overflow: hidden;
-  color: var(--tweet-font-color);
-  font-family: var(--tweet-font-family);
-  font-weight: 400;
-  box-sizing: border-box;
-  border: var(--tweet-border);
-  border-radius: 12px;
-  margin: var(--tweet-container-margin);
-  background-color: var(--tweet-bg-color);
-  transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
-}
-
-._clickable_kiwfn_18 {
-  cursor: pointer;
-}
-
-._clickable_kiwfn_18:hover {
-  border-color: var(--tweet-font-color-secondary);
-}
-
-._overlay_kiwfn_26 {
-  position: absolute;
-  inset: 0;
-  z-index: 1;
-}
-
-._article_kiwfn_32 {
-  position: relative;
-  z-index: 0;
-  box-sizing: inherit;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-}
-
-/* Elements that need to be clickable independently */
-._article_kiwfn_32 a,
-._article_kiwfn_32 button,
-._article_kiwfn_32 [role="button"],
-._article_kiwfn_32 video,
-._article_kiwfn_32 img {
-  position: relative;
-  z-index: 2;
-}
-.react-tweet-theme {
-  --tweet-container-margin: 0;
-  
-  /* Component Spacing */
-  --tweet-padding-x: 20px;
-  --tweet-padding-y: 16px;
-
-  /* Header */
-  --tweet-header-font-size: 0.9375rem;
-  --tweet-header-line-height: 1.5rem;
-
-  /* Text */
-  --tweet-body-font-size: 1rem;
-  --tweet-body-font-weight: 400;
-  --tweet-body-line-height: 1.625;
-  --tweet-body-margin: 12px 0;
-
-  /* Quoted Tweet */
-  --tweet-quoted-container-margin: 12px 0;
-  --tweet-quoted-body-font-size: 0.875rem;
-  --tweet-quoted-body-font-weight: 400;
-  --tweet-quoted-body-line-height: 1.5;
-  --tweet-quoted-body-margin: 4px 0 8px 0;
-
-  /* Info */
-  --tweet-info-font-size: 0.8125rem;
-  --tweet-info-line-height: 1.5rem;
-
-  /* Actions */
-  --tweet-actions-font-size: 0.8125rem;
-  --tweet-actions-line-height: 1rem;
-  --tweet-actions-font-weight: 500;
-  --tweet-actions-icon-size: 1.125em;
-  --tweet-actions-icon-wrapper-size: 32px;
-
-  /* Reply button */
-  --tweet-replies-font-size: 0.8125rem;
-  --tweet-replies-line-height: 1rem;
-  --tweet-replies-font-weight: 500;
-}
-
-:where(.react-tweet-theme) * {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-:is([data-theme='light'], .light) :where(.react-tweet-theme),
-:where(.react-tweet-theme) {
-  --tweet-skeleton-gradient: linear-gradient(270deg, #fafafa, #eaeaea, #eaeaea, #fafafa);
-  
-  /* Palette - Light (Geist-inspired) */
-  --tweet-bg-color: #ffffff;
-  --tweet-bg-color-hover: #ffffff;
-  --tweet-bg-color-secondary: #f7f7f7; /* More distinct gray for depth */
-  
-  --tweet-border: 1px solid #eaeaea;
-  --tweet-border-hover: 1px solid #000;
-  
-  --tweet-font-family: 'Geist Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
-  --tweet-font-color: #000;
-  --tweet-font-color-secondary: #666;
-  
-  --tweet-color-blue-primary: #0070f3;
-  --tweet-color-blue-primary-hover: #0051a2;
-  --tweet-color-red-primary: #e00;
-  --tweet-color-green-primary: #0070f3;
-  
-  --tweet-twitter-icon-color: #000; /* Strictly black */
-  --tweet-verified-blue-color: #0070f3;
-  
-  --tweet-button-bg: #171717;
-  --tweet-button-color: #ffffff;
-  --tweet-button-hover-bg: #404040;
-}
-
-:is([data-theme='dark'], .dark) :where(.react-tweet-theme) {
-  --tweet-skeleton-gradient: linear-gradient(270deg, #111, #333, #333, #111);
-  
-  /* Palette - Dark (Geist-inspired) */
-  --tweet-bg-color: #000;
-  --tweet-bg-color-hover: #000;
-  --tweet-bg-color-secondary: #111; /* Visible depth */
-  
-  --tweet-border: 1px solid #333;
-  --tweet-border-hover: 1px solid #fff;
-  
-  --tweet-font-family: 'Geist Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
-  --tweet-font-color: #fff;
-  --tweet-font-color-secondary: #888;
-  
-  --tweet-color-blue-primary: #3291ff;
-  --tweet-color-blue-primary-hover: #0070f3;
-  --tweet-color-red-primary: #e00;
-  --tweet-color-green-primary: #3291ff;
-  
-  --tweet-twitter-icon-color: #fff; /* Strictly white */
-  --tweet-verified-blue-color: #fff;
-  
-  --tweet-button-bg: #ededed;
-  --tweet-button-color: #171717;
-  --tweet-button-hover-bg: #d4d4d4;
-}
-
-@media (prefers-color-scheme: dark) {
-  :where(.react-tweet-theme) {
-     --tweet-skeleton-gradient: linear-gradient(270deg, #111, #333, #333, #111);
-    --tweet-bg-color: #0a0a0a;
-    --tweet-bg-color-hover: #171717;
-    --tweet-bg-color-secondary: #121212;
-    --tweet-border: 1px solid #262626;
-    --tweet-border-hover: 1px solid #525252;
-    --tweet-font-color: #ededed;
-    --tweet-font-color-secondary: #a3a3a3;
-    --tweet-color-blue-primary: #3291ff;
-    --tweet-color-blue-primary-hover: #0070f3;
-    --tweet-color-red-primary: #e00;
-    --tweet-color-green-primary: #3291ff;
-    --tweet-twitter-icon-color: #ededed;
-    --tweet-verified-blue-color: #fff;
-    --tweet-button-bg: #ededed;
-    --tweet-button-color: #171717;
-    --tweet-button-hover-bg: #d4d4d4;
-  }
-}._verifiedOld_lcna5_1 {
-  color: var(--tweet-verified-old-color);
-}
-._verifiedBlue_lcna5_4 {
-  color: var(--tweet-verified-blue-color);
-}
-._verifiedGovernment_lcna5_7 {
-  /* color: var(--tweet-verified-government-color); */
-  color: rgb(130, 154, 171);
-}
-._label_36ucz_1 {
-  display: flex;
-  height: calc(1.0625em);
-  width: calc(1.0625em);
-  max-width: 17px;
-  max-height: 17px;
-  margin-left: 4px;
-  margin-right: 2px;
-  border: var(--tweet-border);
-  border-radius: 2px;
-}
-
-._label_36ucz_1 > img {
-  width: 100%;
-  height: 100%;
-}
-._header_18kfu_1 {
-  display: flex;
-  align-items: center;
-  padding: var(--tweet-padding-y) var(--tweet-padding-x);
-  background-color: var(--tweet-bg-color-secondary); /* Distinct header bg */
-  border-bottom: var(--tweet-border);
-  line-height: var(--tweet-header-line-height);
-  font-size: var(--tweet-header-font-size);
-}
-
-._avatar_18kfu_11 {
-  position: relative;
-  height: 48px;
-  width: 48px;
-  flex-shrink: 0;
-}
-._avatarOverflow_18kfu_17 {
-  height: 100%;
-  width: 100%;
-  position: absolute;
-  overflow: hidden;
-  border-radius: 9999px;
-  border: 1px solid rgba(0,0,0,0.05);
-}
-._avatarOverflow_18kfu_17 img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  display: block;
-}
-._avatarSquare_18kfu_31 {
-  border-radius: 6px;
-}
-._avatarShadow_18kfu_34 {
-  display: none;
-}
-
-._author_18kfu_38 {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  margin: 0 12px;
-  min-width: 0;
-}
-._authorLink_18kfu_46 {
-  text-decoration: none;
-  color: inherit;
-  display: flex;
-  align-items: center;
-}
-._authorVerified_18kfu_52 {
-  display: inline-flex;
-  margin-left: 4px;
-}
-._authorLinkText_18kfu_56 {
-  font-weight: 600;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-._authorMeta_18kfu_63 {
-  display: flex;
-  align-items: center;
-  margin-top: 1px;
-}
-._authorFollow_18kfu_68 {
-  display: flex;
-  align-items: center;
-}
-._username_18kfu_72 {
-  color: var(--tweet-font-color-secondary);
-  text-decoration: none;
-  text-overflow: ellipsis;
-  font-size: 0.875rem;
-}
-._follow_18kfu_78 {
-  margin-left: auto; /* Push to right */
-  padding: 4px 12px;
-  border-radius: 6px; /* Slightly squarer button */
-  background-color: var(--tweet-button-bg);
-  color: var(--tweet-button-color);
-  font-size: 0.75rem;
-  font-weight: 600;
-  text-decoration: none;
-  transition: all 0.2s ease;
-  letter-spacing: 0.02em;
-}
-._follow_18kfu_78:hover {
-  background-color: var(--tweet-button-hover-bg);
-}
-._separator_18kfu_93 {
-  display: none;
-}
-
-._brand_18kfu_97 {
-  margin-left: 12px;
-  opacity: 0.4;
-  transition: opacity 0.2s;
-  display: flex;
-  align-items: center;
-  color: var(--tweet-font-color); /* Explicitly use font color */
-  text-decoration: none;
-}
-
-._brand_18kfu_97:hover {
-  opacity: 1;
-  color: var(--tweet-font-color);
-}
-
-._twitterIcon_18kfu_112 {
-  width: 24px;
-  height: 24px;
-  color: currentColor;
-  fill: currentColor;
-}/* Styles for components that need to respect the new padding structure */
-
-/* In-Reply-To */
-._root_19umu_4 {
-  padding: 0 var(--tweet-padding-x);
-  margin-top: 12px;
-  margin-bottom: 4px;
-  color: var(--tweet-font-color-secondary);
-  font-size: 0.875rem;
-}
-._link_19umu_11 {
-  color: var(--tweet-font-color-secondary);
-  text-decoration: none;
-}
-._link_19umu_11:hover {
-  text-decoration: underline;
-  color: var(--tweet-font-color);
-}._root_eihfa_1 {
-  font-weight: inherit;
-  color: var(--tweet-color-blue-secondary);
-  text-decoration: none;
-  cursor: pointer;
-}
-._root_eihfa_1:hover {
-  text-decoration-thickness: 1px;
-  text-decoration-line: underline;
-}
-._root_bo0jo_1 {
-  font-size: var(--tweet-body-font-size);
-  font-weight: var(--tweet-body-font-weight);
-  line-height: var(--tweet-body-line-height);
-  margin: var(--tweet-body-margin);
-  padding: 0 var(--tweet-padding-x); /* Add side padding here */
-  overflow-wrap: break-word;
-  white-space: pre-wrap;
-  color: var(--tweet-font-color);
-}
-._root_1cojg_1 {
-  margin-top: 12px;
-  overflow: hidden;
-  position: relative;
-  border-radius: 8px;
-  border: 1px solid rgba(0,0,0,0.08);
-}
-:where([data-theme='dark']) ._root_1cojg_1 {
-  border: 1px solid rgba(255,255,255,0.08);
-}
-
-/* When not quoted, we need side margins */
-._rounded_1cojg_13 {
-  margin-left: var(--tweet-padding-x);
-  margin-right: var(--tweet-padding-x);
-  width: auto;
-}
-
-._mediaWrapper_1cojg_19 {
-  display: grid;
-  grid-auto-rows: 1fr;
-  gap: 2px;
-  height: 100%;
-  width: 100%;
-}
-
-._grid2Columns_1cojg_27 {
-  grid-template-columns: repeat(2, 1fr);
-}
-
-._grid3_1cojg_31 > a:first-child {
-  grid-row: span 2;
-}
-
-._grid2x2_1cojg_35 {
-  grid-template-rows: repeat(2, 1fr);
-}
-
-._mediaContainer_1cojg_39 {
-  position: relative;
-  height: 100%;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-._mediaLink_1cojg_48 {
-  text-decoration: none;
-  outline-style: none;
-}
-
-._skeleton_1cojg_53 {
-  padding-bottom: 56.25%;
-  width: 100%;
-  display: block;
-}
-
-._image_1cojg_59 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  height: 100%;
-  width: 100%;
-  margin: 0;
-  object-fit: cover;
-  object-position: center;
-}
-._anchor_fp31d_1 {
-  display: flex;
-  align-items: center;
-  color: white;
-  padding: 0 1rem;
-  border: 1px solid transparent;
-  border-radius: 9999px;
-  font-weight: 700;
-  transition: background-color 0.2s;
-  cursor: pointer;
-  user-select: none;
-  outline-style: none;
-  text-decoration: none;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-._videoButton_fp31d_17 {
-  position: relative;
-  height: 67px;
-  width: 67px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--tweet-color-blue-primary);
-  transition-property: background-color;
-  transition-duration: 0.2s;
-  border: 4px solid #fff;
-  border-radius: 9999px;
-  cursor: pointer;
-}
-._videoButton_fp31d_17:hover,
-._videoButton_fp31d_17:focus-visible {
-  background-color: var(--tweet-color-blue-primary-hover);
-}
-._videoButtonIcon_fp31d_35 {
-  margin-left: 3px;
-  width: calc(50% + 4px);
-  height: calc(50% + 4px);
-  max-width: 100%;
-  color: #fff;
-  fill: currentColor;
-  user-select: none;
-}
-._watchOnTwitter_fp31d_44 {
-  position: absolute;
-  top: 12px;
-  right: 8px;
-}
-._watchOnTwitter_fp31d_44 > a {
-  min-width: 2rem;
-  min-height: 2rem;
-  font-size: 0.875rem;
-  line-height: 1rem;
-  backdrop-filter: blur(4px);
-  background-color: rgba(15, 20, 25, 0.75);
-}
-._watchOnTwitter_fp31d_44 > a:hover {
-  background-color: rgba(39, 44, 48, 0.75);
-}
-._viewReplies_fp31d_60 {
-  position: relative;
-  min-height: 2rem;
-  background-color: var(--tweet-color-blue-primary);
-  border-color: var(--tweet-color-blue-primary);
-  font-size: 0.9375rem;
-  line-height: 1.25rem;
-}
-._viewReplies_fp31d_60:hover {
-  background-color: var(--tweet-color-blue-primary-hover);
-}
-._actions_1c3pq_1 {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  color: var(--tweet-font-color-secondary);
-  padding: 12px var(--tweet-padding-x);
-  background-color: var(--tweet-bg-color-secondary);
-  border-top: var(--tweet-border);
-  font-size: var(--tweet-actions-font-size);
-  min-height: 48px;
-  gap: 8px 0;
-}
-
-
-._like_1c3pq_15,
-._reply_1c3pq_16,
-._copy_1c3pq_17 {
-  text-decoration: none;
-  color: inherit;
-  display: flex;
-  align-items: center;
-  transition: color 0.2s ease; /* Only transition color */
-  cursor: pointer;
-  padding: 6px 0; /* Remove horizontal padding since no background */
-  margin-right: 24px; /* Space out simply */
-  /* No border-radius needed as no background */
-}
-
-._likeIconWrapper_1c3pq_29,
-._replyIconWrapper_1c3pq_30,
-._copyIconWrapper_1c3pq_31 {
-  width: 18px;
-  height: 18px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-._likeIcon_1c3pq_29,
-._replyIcon_1c3pq_30,
-._copyIcon_1c3pq_31 {
-  height: 100%;
-  width: 100%;
-  fill: currentColor;
-  opacity: 0.6;
-  transition: opacity 0.2s ease;
-}
-
-/* Minimalist Hover: just color change, no background */
-._like_1c3pq_15:hover, ._reply_1c3pq_16:hover, ._copy_1c3pq_17:hover {
-  color: var(--tweet-font-color);
-  background-color: transparent; /* Explicitly ensure no bg */
-}
-
-._like_1c3pq_15:hover ._likeIcon_1c3pq_29,
-._reply_1c3pq_16:hover ._replyIcon_1c3pq_30,
-._copy_1c3pq_17:hover ._copyIcon_1c3pq_31 {
-  opacity: 1;
-}
-
-._likeCount_1c3pq_61,
-._replyText_1c3pq_62,
-._copyText_1c3pq_63 {
-  margin-left: 6px;
-  font-weight: 500;
-  font-size: 0.75rem;
-}
-
-._copy_1c3pq_17 {
-  margin-right: 0; 
-  background: none;
-  border: none;
-  font: inherit;
-}
-
-._spacer_1c3pq_76 {
-  flex: 1;
-}
-
-@media (max-width: 425px) {
-  ._spacer_1c3pq_76 {
-    display: none;
-  }
-}
-
-._info_1c3pq_86 {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-
-@media (max-width: 425px) {
-  ._info_1c3pq_86 {
-    flex-basis: 100%;
-    padding-top: 8px;
-    border-top: 1px solid var(--tweet-color-gray-300);
-  }
-}
-
-._brand_1c3pq_100 {
-  display: flex;
-  align-items: center;
-  opacity: 0.3;
-  transition: opacity 0.2s;
-  color: inherit;
-}
-._brand_1c3pq_100:hover {
-  opacity: 1;
-}
-
-._twitterIcon_1c3pq_111 {
-  width: 16px;
-  height: 16px;
-  fill: currentColor;
-}._root_h5uuq_1 {
-  text-decoration: none;
-  color: inherit;
-  font-size: 0.75rem;
-  font-weight: 400;
-  opacity: 0.8;
-  white-space: nowrap;
-}
-._root_h5uuq_1:hover {
-  text-decoration: underline;
-}._replies_1q60p_1 {
-  padding: 0.25rem 0;
-}
-._link_1q60p_4 {
-  text-decoration: none;
-  color: var(--tweet-color-blue-secondary);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 32px;
-  min-height: 32px;
-  user-select: none;
-  outline-style: none;
-  transition-property: background-color;
-  transition-duration: 0.2s;
-  padding: 0 1rem;
-}
-._link_1q60p_4:hover {
-  background-color: var(--tweet-color-blue-secondary-hover);
-}
-._text_1q60p_21 {
-  font-weight: var(--tweet-replies-font-weight);
-  font-size: var(--tweet-replies-font-size);
-  line-height: var(--tweet-replies-line-height);
-  overflow-wrap: break-word;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-._root_vgq5s_1 {
-  display: flex;
-  flex-direction: column;
-  margin: var(--tweet-quoted-container-margin);
-  padding: 0 var(--tweet-padding-x);
-  cursor: pointer;
-}
-
-._article_vgq5s_9 {
-  border: var(--tweet-border);
-  border-radius: 8px;
-  overflow: hidden;
-  /* Use secondary background for depth: #fafafa (light) / #121212 (dark) */
-  background-color: var(--tweet-bg-color-secondary); 
-  transition: border-color 0.2s;
-}._header_f00ab_1 {
-  display: flex;
-  padding: 0.75rem 0.75rem 0 0.75rem;
-  line-height: var(--tweet-header-line-height);
-  font-size: var(--tweet-header-font-size);
-  white-space: nowrap;
-  overflow-wrap: break-word;
-  overflow: hidden;
-}
-
-._avatar_f00ab_11 {
-  position: relative;
-  height: 20px;
-  width: 20px;
-}
-._avatarOverflow_f00ab_16 {
-  height: 100%;
-  width: 100%;
-  position: absolute;
-  overflow: hidden;
-  border-radius: 9999px;
-}
-._avatarSquare_f00ab_23 {
-  border-radius: 4px;
-}
-
-._author_f00ab_27 {
-  display: flex;
-  margin: 0 0.5rem;
-  align-items: center;
-}
-
-._authorText_f00ab_33 {
-  font-weight: 700;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-._username_f00ab_40 {
-  color: var(--tweet-font-color-secondary);
-  text-decoration: none;
-  text-overflow: ellipsis;
-  margin-left: 0.125rem;
-}
-._root_175ot_1 {
-  font-size: var(--tweet-quoted-body-font-size);
-  font-weight: var(--tweet-quoted-body-font-weight);
-  line-height: var(--tweet-quoted-body-line-height);
-  margin: var(--tweet-quoted-body-margin);
-  overflow-wrap: break-word;
-  white-space: pre-wrap;
-  padding: 0 0.75rem;
-}
-._info_83qiw_1 {
-  display: flex;
-  align-items: center;
-  color: var(--tweet-font-color-secondary);
-  margin-top: 8px;
-  padding: 0 var(--tweet-padding-x); /* Align with body */
-  font-size: 0.8125rem;
-  font-weight: 500;
-}
-
-._infoLink_83qiw_11 {
-  height: 24px;
-  width: 24px;
-  margin-left: auto;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 4px;
-  color: var(--tweet-font-color-secondary);
-  text-decoration: none;
-  opacity: 0.5;
-  transition: opacity 0.2s;
-}
-._infoLink_83qiw_11:hover {
-  opacity: 1;
-}
-
-._infoIcon_83qiw_28 {
-  color: inherit;
-  fill: currentColor;
-  height: 14px;
-  width: 14px;
-}._root_16yxa_1 {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding-bottom: 0.75rem;
-}
-._root_16yxa_1 > h3 {
-  font-size: 1.25rem;
-  margin-bottom: 0.5rem;
-}
-._skeleton_oi7hr_1 {
-  display: block;
-  width: 100%;
-  border-radius: 5px;
-  background-image: var(--tweet-skeleton-gradient);
-  background-size: 400% 100%;
-  animation: _loading_oi7hr_1 8s ease-in-out infinite;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  ._skeleton_oi7hr_1 {
-    animation: none;
-    background-position: 200% 0;
-  }
-}
-
-@keyframes _loading_oi7hr_1 {
-  0% {
-    background-position: 200% 0;
-  }
-  100% {
-    background-position: -200% 0;
-  }
-}
-._root_17qqv_1 {
-  pointer-events: none;
-  padding-bottom: 0.25rem;
-}
-._root_1dssj_1 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 200px;
-}
-
-._content_1dssj_8 {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 16px;
-}
-
-._icon_1dssj_15 {
-  width: 32px;
-  height: 32px;
-  fill: var(--tweet-twitter-icon-color);
-}
-
-._spinner_1dssj_21 {
-  width: 20px;
-  height: 20px;
-  border: 2px solid var(--tweet-font-color-secondary);
-  border-top-color: var(--tweet-font-color);
-  border-radius: 50%;
-  animation: _spin_1dssj_21 0.8s linear infinite;
-  opacity: 0.5;
-}
-
-@keyframes _spin_1dssj_21 {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  ._spinner_1dssj_21 {
-    animation: none;
-    border-top-color: var(--tweet-font-color-secondary);
-  }
-}
-@keyframes t5j2ko4 {
+}@property --x-aspectRatio { syntax: "*"; inherits: false;}
+@property --x-height { syntax: "*"; inherits: false;}
+@property --x-width { syntax: "*"; inherits: false;}
+@keyframes rt1fy8ia8-B{to{transform:rotate(360deg);}}
+@keyframes rt13n5nbw-B{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}
+:root, .rt1khxi4t{--rt1s24uc4:var(--tweet-bg, #fff);--rtopx2oi:var(--tweet-fg, #171717);--rt142id0x:var(--tweet-fg-secondary, #737373);--rtpcqqv5:var(--tweet-border, #eaeaea);--rtbx5xvv:var(--tweet-border-hover, #ddd);--rtkigkv6:var(--tweet-link, #0070f3);--rt55o2lm:var(--tweet-surface, #fafafa);--rt18i7nkx:var(--tweet-font-family, 'Geist Sans', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);}
+.rtxqli11.rtxqli11, .rtxqli11.rtxqli11:root{--rt1s24uc4:var(--tweet-bg, #0a0a0a);--rtpcqqv5:var(--tweet-border, #262626);--rtbx5xvv:var(--tweet-border-hover, #333);--rtopx2oi:var(--tweet-fg, #ededed);--rt142id0x:var(--tweet-fg-secondary, #a3a3a3);--rtkigkv6:var(--tweet-link, #3291ff);--rt55o2lm:var(--tweet-surface, #111);}
+.rt1a38ruw.rt1a38ruw, .rt1a38ruw.rt1a38ruw:root{--rt1s24uc4:var(--tweet-bg, #fff);--rtpcqqv5:var(--tweet-border, #eaeaea);--rtbx5xvv:var(--tweet-border-hover, #ddd);--rtopx2oi:var(--tweet-fg, #171717);--rt142id0x:var(--tweet-fg-secondary, #737373);--rtkigkv6:var(--tweet-link, #0070f3);--rt55o2lm:var(--tweet-surface, #fafafa);}
+.rt525g2s.rt525g2s, .rt525g2s.rt525g2s:root{--rt1s24uc4:var(--tweet-bg, #fff);--rtpcqqv5:var(--tweet-border, #eaeaea);--rtbx5xvv:var(--tweet-border-hover, #ddd);--rtopx2oi:var(--tweet-fg, #171717);--rt142id0x:var(--tweet-fg-secondary, #737373);--rtkigkv6:var(--tweet-link, #0070f3);--rt55o2lm:var(--tweet-surface, #fafafa);}
+@media (prefers-color-scheme: dark){.rt525g2s.rt525g2s, .rt525g2s.rt525g2s:root{--rt1s24uc4:var(--tweet-bg, #0a0a0a);--rtpcqqv5:var(--tweet-border, #262626);--rtbx5xvv:var(--tweet-border-hover, #333);--rtopx2oi:var(--tweet-fg, #ededed);--rt142id0x:var(--tweet-fg-secondary, #a3a3a3);--rtkigkv6:var(--tweet-link, #3291ff);--rt55o2lm:var(--tweet-surface, #111);}}
+.rt10a8y8t:not(#\#){inset:0}
+.rt1uud7ro:not(#\#){margin:12px 0 0}
+.rt1gz1zie:not(#\#){margin:14px 0}
+.rt84vhe8:not(#\#){padding:0 12px}
+.rt1717udv:not(#\#){padding:0}
+.rt1gqud3g:not(#\#){padding:12px 14px}
+.rt1g8o3q3:not(#\#){padding:16px 0}
+.rt14hcewi:not(#\#){padding:16px 20px}
+.rt1frq7ce:not(#\#):not(#\#){border-color:var(--rtpcqqv5)}
+.rt4pepcl:not(#\#):not(#\#){border-radius:12px}
+.rt16rqkct:not(#\#):not(#\#){border-radius:50%}
+.rt1sxf85j:not(#\#):not(#\#){border-radius:5px}
+.rt1kogg8i:not(#\#):not(#\#){border-radius:6px}
+.rtur7f20:not(#\#):not(#\#){border-radius:8px}
+.rt1e6avla:not(#\#):not(#\#){border-radius:999px}
+.rt1y0btm7:not(#\#):not(#\#){border-style:solid}
+.rtc342km:not(#\#):not(#\#){border-width:0}
+.rtmkeg23:not(#\#):not(#\#){border-width:1px}
+.rtdh2fpr:not(#\#):not(#\#){border-width:2px}
+.rt98rzlu:not(#\#):not(#\#){flex:1}
+.rt1okw0bk:not(#\#):not(#\#){flex:none}
+.rt1v2ro7d:not(#\#):not(#\#){gap:12px}
+.rtou54vl:not(#\#):not(#\#){gap:16px}
+.rtaobbuh:not(#\#):not(#\#){gap:18px}
+.rt1jnr06f:not(#\#):not(#\#){gap:4px}
+.rt1nejdyq:not(#\#):not(#\#){gap:5px}
+.rt17d4w8g:not(#\#):not(#\#){gap:6px}
+.rt167g77z:not(#\#):not(#\#){gap:8px}
+.rtb3r6kr:not(#\#):not(#\#){overflow:hidden}
+.rthfbhpw:not(#\#):not(#\#){scroll-snap-type:x mandatory}
+.rt1hl2dhg:not(#\#):not(#\#){text-decoration:none}
+.rt3nro4t:hover:not(#\#):not(#\#){border-color:var(--rtbx5xvv)}
+.rtt0b8zv:hover:not(#\#):not(#\#){text-decoration:underline}
+.rt6s0dn4:not(#\#):not(#\#):not(#\#){align-items:center}
+.rtemfg65:not(#\#):not(#\#):not(#\#){animation-duration:.8s}
+.rta4qsjk:not(#\#):not(#\#):not(#\#){animation-iteration-count:infinite}
+.rt1awoi9s:not(#\#):not(#\#):not(#\#){animation-name:rt1fy8ia8-B}
+.rt1esw782:not(#\#):not(#\#):not(#\#){animation-timing-function:linear}
+.rt10y9f9r:not(#\#):not(#\#):not(#\#){aspect-ratio:var(--x-aspectRatio)}
+.rtpivpjv:not(#\#):not(#\#):not(#\#){backdrop-filter:blur(4px)}
+.rt14q89n7:not(#\#):not(#\#):not(#\#){background-color:rgba(0,0,0,.65)}
+.rt1xw5pd1:not(#\#):not(#\#):not(#\#){background-color:var(--rt1s24uc4)}
+.rtvkrao2:not(#\#):not(#\#):not(#\#){background-color:var(--rt55o2lm)}
+.rt1gnnqk1:not(#\#):not(#\#):not(#\#){box-shadow:none}
+.rt9f619:not(#\#):not(#\#):not(#\#){box-sizing:border-box}
+.rtfungia:not(#\#):not(#\#):not(#\#){color:#fff}
+.rtc0kbl1:not(#\#):not(#\#):not(#\#){color:rgb(130,154,171)}
+.rt1jerlnt:not(#\#):not(#\#):not(#\#){color:var(--rt142id0x)}
+.rtegwm5h:not(#\#):not(#\#):not(#\#){color:var(--rtkigkv6)}
+.rt28zvzb:not(#\#):not(#\#):not(#\#){color:var(--rtopx2oi)}
+.rt1ypdohk:not(#\#):not(#\#):not(#\#){cursor:pointer}
+.rt1lliihq:not(#\#):not(#\#):not(#\#){display:block}
+.rt78zum5:not(#\#):not(#\#):not(#\#){display:flex}
+.rt3nfvp2:not(#\#):not(#\#):not(#\#){display:inline-flex}
+.rt117rol3:not(#\#):not(#\#):not(#\#){fill:currentColor}
+.rtdt5ytf:not(#\#):not(#\#):not(#\#){flex-direction:column}
+.rtfxkpil:not(#\#):not(#\#):not(#\#){font-family:var(--rt18i7nkx)}
+.rt4z9k3i:not(#\#):not(#\#):not(#\#){font-size:13px}
+.rtif65rj:not(#\#):not(#\#):not(#\#){font-size:14px}
+.rt1jvydc1:not(#\#):not(#\#):not(#\#){font-size:15px}
+.rt1j61zf2:not(#\#):not(#\#):not(#\#){font-size:16px}
+.rtosj86m:not(#\#):not(#\#):not(#\#){font-size:18px}
+.rt1i1m3gp:not(#\#):not(#\#):not(#\#){font-size:22px}
+.rt1pvqxga:not(#\#):not(#\#):not(#\#){font-size:24px}
+.rto1l8bm:not(#\#):not(#\#):not(#\#){font-weight:400}
+.rtk50ysn:not(#\#):not(#\#):not(#\#){font-weight:500}
+.rt1s688f:not(#\#):not(#\#):not(#\#){font-weight:600}
+.rtl56j7k:not(#\#):not(#\#):not(#\#){justify-content:center}
+.rt1jjo3f5:not(#\#):not(#\#):not(#\#){line-height:1.55}
+.rt1dbl2gt:not(#\#):not(#\#):not(#\#){line-height:1.6}
+.rto5v014:not(#\#):not(#\#):not(#\#){line-height:1}
+.rt1d3mw78:not(#\#):not(#\#):not(#\#){line-height:16px}
+.rtd4r4e8:not(#\#):not(#\#):not(#\#){line-height:18px}
+.rt1fc57z9:not(#\#):not(#\#):not(#\#){line-height:20px}
+.rtl1xv1r:not(#\#):not(#\#):not(#\#){object-fit:cover}
+.rt1hc1fzr:not(#\#):not(#\#):not(#\#){opacity:1}
+.rt1mzt3pk:not(#\#):not(#\#):not(#\#){overflow-wrap:break-word}
+.rt10l6tqk:not(#\#):not(#\#):not(#\#){position:absolute}
+.rt1n2onr6:not(#\#):not(#\#):not(#\#){position:relative}
+.rt1uhb9sk:not(#\#):not(#\#):not(#\#){position:static}
+.rt1bhewko:not(#\#):not(#\#):not(#\#){scroll-snap-align:start}
+.rt1rohswg:not(#\#):not(#\#):not(#\#){scrollbar-width:none}
+.rt2b8uid:not(#\#):not(#\#):not(#\#){text-align:center}
+.rtlyipyv:not(#\#):not(#\#):not(#\#){text-overflow:ellipsis}
+.rtx6bhzk:not(#\#):not(#\#):not(#\#){transition-duration:.15s}
+.rt15406qy:not(#\#):not(#\#):not(#\#){transition-property:background-color}
+.rt12zzom9:not(#\#):not(#\#):not(#\#){transition-property:border-color,box-shadow}
+.rtshfolx:not(#\#):not(#\#):not(#\#){transition-property:border-color}
+.rtt3l3uh:not(#\#):not(#\#):not(#\#){transition-property:color}
+.rt19991ni:not(#\#):not(#\#):not(#\#){transition-property:opacity}
+.rtwji4o3:not(#\#):not(#\#):not(#\#){transition-timing-function:ease}
+.rtuxw1ft:not(#\#):not(#\#):not(#\#){white-space:nowrap}
+.rt126k92a:not(#\#):not(#\#):not(#\#){white-space:pre-wrap}
+.rt1vjfegm:not(#\#):not(#\#):not(#\#){z-index:1}
+.rthtitgo:not(#\#):not(#\#):not(#\#){z-index:2}
+.rt5cl95y:hover:not(#\#):not(#\#):not(#\#){background-color:rgba(0,0,0,.8)}
+.rt134mtnf:hover:not(#\#):not(#\#):not(#\#){box-shadow:0 4px 12px rgba(0,0,0,.06)}
+.rt16t7upo:hover:not(#\#):not(#\#):not(#\#){color:var(--rtopx2oi)}
+.rt1c3glr3:hover:not(#\#):not(#\#):not(#\#){opacity:.7}
+@media (prefers-reduced-motion: reduce){.rt1aquc0h.rt1aquc0h:not(#\#):not(#\#):not(#\#){animation-name:none}}
+.rt1kyfy05:not(#\#):not(#\#):not(#\#):not(#\#){border-top-color:var(--rtopx2oi)}
+.rt5yr21d:not(#\#):not(#\#):not(#\#):not(#\#){height:100%}
+.rt1v9usgg:not(#\#):not(#\#):not(#\#):not(#\#){height:14px}
+.rtlup9mm:not(#\#):not(#\#):not(#\#):not(#\#){height:16px}
+.rt1b51vyi:not(#\#):not(#\#):not(#\#):not(#\#){height:180px}
+.rtlzyvqe:not(#\#):not(#\#):not(#\#):not(#\#){height:1em}
+.rt1qx5ct2:not(#\#):not(#\#):not(#\#):not(#\#){height:20px}
+.rt1u5z0ei:not(#\#):not(#\#):not(#\#):not(#\#){height:240px}
+.rtxk0z11:not(#\#):not(#\#):not(#\#):not(#\#){height:24px}
+.rt1fgtraw:not(#\#):not(#\#):not(#\#):not(#\#){height:28px}
+.rt1vqgdyp:not(#\#):not(#\#):not(#\#):not(#\#){height:40px}
+.rtnnlda6:not(#\#):not(#\#):not(#\#):not(#\#){height:56px}
+.rt16ye13r:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--x-height)}
+.rt1igx3b8:not(#\#):not(#\#):not(#\#):not(#\#){margin-left:-14px}
+.rt1d6c7ev:not(#\#):not(#\#):not(#\#):not(#\#){margin-left:-20px}
+.rt1uoezyy:not(#\#):not(#\#):not(#\#):not(#\#){margin-left:3px}
+.rt8x9d4c:not(#\#):not(#\#):not(#\#):not(#\#){margin-left:auto}
+.rtiyd5pc:not(#\#):not(#\#):not(#\#):not(#\#){margin-right:-14px}
+.rtump6t3:not(#\#):not(#\#):not(#\#):not(#\#){margin-right:-20px}
+.rt14vqqas:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:12px}
+.rt1k70j0n:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:6px}
+.rt193iq5w:not(#\#):not(#\#):not(#\#):not(#\#){max-width:100%}
+.rtphddl8:not(#\#):not(#\#):not(#\#):not(#\#){max-width:550px}
+.rt1db3i3o:not(#\#):not(#\#):not(#\#):not(#\#){min-height:160px}
+.rteuugli:not(#\#):not(#\#):not(#\#):not(#\#){min-width:0}
+.rt1u2d2a2:not(#\#):not(#\#):not(#\#):not(#\#){min-width:280px}
+.rtw2csxc:not(#\#):not(#\#):not(#\#):not(#\#){overflow-x:auto}
+.rt10wlt62:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:hidden}
+.rtzjhap9:not(#\#):not(#\#):not(#\#):not(#\#){padding-left:14px}
+.rt5tiur9:not(#\#):not(#\#):not(#\#):not(#\#){padding-left:20px}
+.rt19tmk5i:not(#\#):not(#\#):not(#\#):not(#\#){padding-right:14px}
+.rt1s7jvk7:not(#\#):not(#\#):not(#\#):not(#\#){padding-right:20px}
+.rt131sewu:not(#\#):not(#\#):not(#\#):not(#\#){right:10px}
+.rtlqic9z:not(#\#):not(#\#):not(#\#):not(#\#){scroll-padding-left:14px}
+.rtgfo89a:not(#\#):not(#\#):not(#\#):not(#\#){scroll-padding-left:20px}
+.rt1farzl0:not(#\#):not(#\#):not(#\#):not(#\#){scroll-padding-right:14px}
+.rtzb737s:not(#\#):not(#\#):not(#\#):not(#\#){scroll-padding-right:20px}
+.rt1eu8d0j:not(#\#):not(#\#):not(#\#):not(#\#){top:10px}
+.rth8yej3:not(#\#):not(#\#):not(#\#):not(#\#){width:100%}
+.rt1kky2od:not(#\#):not(#\#):not(#\#):not(#\#){width:16px}
+.rt15vhz18:not(#\#):not(#\#):not(#\#):not(#\#){width:1em}
+.rtw4jnvo:not(#\#):not(#\#):not(#\#):not(#\#){width:20px}
+.rtvy4d1p:not(#\#):not(#\#):not(#\#):not(#\#){width:24px}
+.rt100vrsf:not(#\#):not(#\#):not(#\#):not(#\#){width:40px}
+.rt15yg21f:not(#\#):not(#\#):not(#\#):not(#\#){width:56px}
+.rt5lhr3w:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--x-width)}
+.rtxx281p:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset:0}
+.rto8l35w:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{animation-duration:1.6s}
+.rtzuot31:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{animation-iteration-count:infinite}
+.rtjizpi0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{animation-name:rt13n5nbw-B}
+.rt1o22g4v:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{animation-timing-function:ease-in-out}
+.rtwakvzg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{background-image:linear-gradient(90deg,transparent 0%,var(--rtpcqqv5) 50%,transparent 100%)}
+.rt1cpjm7i:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{content:""}
+.rtfk6m8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar{display:none}
+.rt1hmns74:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{position:absolute}
+.rtaxty0f:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transform:translateX(-100%)}
+.rtmksmyx:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{will-change:transform}
+@media (prefers-reduced-motion: reduce){.rt7yjyvu.rt7yjyvu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{animation-name:none}}@keyframes t5j2ko4 {
   to {
     transform: rotate(360deg);
   }