@charset "utf-8";

.tweet-card { width: 100%; max-width: 600px; background: rgb(255, 255, 255); border: 1px solid rgb(229, 231, 235); border-radius: 16px; padding: 16px; margin: 0px auto; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: rgb(15, 20, 25); }

.tweet-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px; }

.tweet-header-left { display: flex; align-items: center; width: 100%; justify-content: center; }

.profile-pic { width: 48px; height: 48px; border-radius: 50%; margin-right: 12px; }

.tweet-user { display: flex; flex-direction: column; }

.tweet-user-link { display: flex; align-items: center; }

.tweet-user-name { font-size: 15px; font-weight: 700; margin-right: 4px; }

.tweet-verified-icon { width: 18px; height: 18px; }

.tweet-username { font-size: 13px; color: rgb(83, 100, 113); }

.tweet-more-icon { width: 20px; height: 20px; fill: rgb(83, 100, 113); cursor: pointer; }

.tweet-content p { font-size: 16px; line-height: 1.5; color: rgb(15, 20, 25); margin-bottom: 12px; }

.tweet-content a { color: rgb(29, 155, 240); text-decoration: none; }

.tweet-info { display: flex; justify-content: space-between; align-items: center; color: rgb(83, 100, 113); font-size: 12px; margin-bottom: 16px; }

.tweet-info-icon { width: 18px; height: 18px; fill: rgb(83, 100, 113); }

.tweet-divider { border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(229, 231, 235); margin: 16px 0px; }

.tweet-stats { display: flex; gap: 24px; color: rgb(83, 100, 113); font-size: 12px; margin-bottom: 16px; }

.tweet-stat-item { display: flex; align-items: center; cursor: pointer; }

.tweet-stat-item svg { width: 18px; height: 18px; }

.tweet-stat-item span { margin-left: 6px; font-weight: 600; }

.tweet-like-icon path { fill: rgb(249, 24, 128); }

.tweet-reply-icon path { fill: rgb(29, 155, 240); }

.tweet-share-icon path { fill: rgb(83, 100, 113); }

.tweet-footer-link { font-size: 13px; color: rgb(29, 155, 240); text-decoration: none; cursor: pointer; }

.tweet-stat-item:hover span, .tweet-footer-link:hover, .tweet-content a:hover { text-decoration: underline; }

@media (max-width: 480px) {
  .tweet-card { padding: 14px; border-radius: 12px; }
  .profile-pic { width: 40px; height: 40px; }
}