@charset "utf-8";

@font-face { font-family: "Twitter Chirp"; src: url("/assets/fonts/Chirp-Heavy.woff2") format("woff2"), url("Chirp-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }

@font-face { font-family: "Twitter Chirp"; src: url("/assets/fonts/Chirp-Bold.woff2") format("woff2"), url("/assets/fonts/Chirp-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: "Twitter Chirp"; src: url("/assets/fonts/Chirp-Regular.woff2") format("woff2"), url("/assets/fonts/Chirp-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: "Twitter Chirp"; src: url("/assets/fonts/Chirp-Medium.woff2") format("woff2"), url("/assets/fonts/Chirp-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }

.post-container * { margin: 0px; padding: 0px; font-family: "Twitter Chirp", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: rgb(15, 20, 25); background-color: rgb(255, 255, 255); }

.post-container { box-shadow: rgba(137, 178, 194, 0.5) 0px 4px 6px; padding: 10px; border-radius: 20px; pointer-events: none; }

.main-header { display: flex; gap: 37px; padding: 7px 16px; }

.main-header__info { display: flex; flex-direction: column; gap: 4px; }

.main-header__block { display: flex; align-items: center; gap: 4px; }

.main-header__name { font-weight: 600; font-size: 17px; }

.main-header__posts { font-size: 13px; color: rgb(83, 100, 113); line-height: 1; }

.main-header__check { fill: rgb(29, 155, 240); height: 20px; width: 20px; }

.profile { display: flex; justify-content: space-between; margin-bottom: 17px; }

.profile__img { margin-left: 1px; margin-top: -12%; width: 68px; height: 68px; }

.profile__img img { height: auto; width: 100%; border: 2px solid rgb(255, 255, 255); border-radius: 50%; }

.profile-info { margin-bottom: 13px; }

.profile-info__header { display: flex; align-items: center; gap: 1px; margin-bottom: 3px; }

.profile-info__header span { font-size: 21px; font-weight: 900; font-style: normal; }

.profile-info__email { font-size: 15px; color: rgb(83, 100, 113); font-weight: 400; margin-bottom: 16px; }

.post { display: flex; justify-content: flex-start; gap: 10px; padding-bottom: 10px; margin-top: 12px; }

.post-date span { color: rgb(83, 100, 113); }

.post-images { display: flex; flex-direction: column; }

.horizontal-line { margin: 0px -16px; height: 0.5px; background-color: rgba(83, 100, 113, 0.1); }

.vertical-line { width: 2px; background-color: rgb(207, 217, 222); margin: 4px auto -18px; height: 100%; }

.post__img { width: 40px; height: 40px; }

.post__img img { width: 100%; height: auto; border-radius: 50%; }

.post-author { display: flex; justify-content: space-between; }

.post-author__first { display: flex; gap: 2px; }

.post-author__second { fill: rgb(83, 100, 113); }

.post-author__name { font-weight: 600; }

.post-info { flex-grow: 1; }

.post-info .post-email { display: flex; gap: 5px; max-height: 20px; }

.post-email p { color: rgb(83, 100, 113); }

.post-content { display: flex; flex-direction: column; gap: 20px; }

.post-content__text { line-height: 20px; font-size: 15px; }

.post-content__img-container { display: flex; justify-content: space-between; }

.post-content__image { max-width: 100%; max-height: 314px; border-radius: 20px; object-fit: cover; margin: 0px auto; }

.post-content__actions { display: flex; justify-content: space-between; }

.action { color: rgb(83, 100, 113); font-size: 13px; display: flex; align-items: center; gap: 5px; }

.action__share--desktop { display: none; }

.post-content__actions svg { width: 18.75px; fill: rgb(83, 100, 113); }

.post-dots { display: none; }

.x-widget__section { margin-bottom: 20px; }

@media (min-width: 375px) {
  .profile__img { width: 81.25px; }
  .post-author__second { display: none; }
  .post-header { display: flex; gap: 5px; }
  .post-dots { display: block; margin-left: auto; fill: rgb(83, 100, 113); }
  .post-content__image { max-height: 388px; }
}

@media (min-width: 425px) {
  .profile-info__text { word-spacing: unset; }
  .profile__img { width: 93.75px; }
  .post-content__image { max-height: 454px; }
}

@media (min-width: 475px) {
  .post-content__image { width: 391px; max-height: 521px; }
}

@media (min-width: 500px) {
  .post-content__image { max-height: 464px; }
  .action__share--mobile { display: none; }
  .action__share--desktop { display: flex; gap: 5px; }
}

@media (min-width: 650px) {
  .profile { margin-bottom: 45px; }
  .profile-other { display: flex; flex-wrap: wrap; column-gap: 10px; }
  .profile__img { margin-top: -13%; width: 124px; }
  .profile__img img { border: 4px solid rgb(255, 255, 255); }
  .post-content__image { width: 100%; max-height: 637px; }
}

@media (min-width: 768px) {
  .post-content__image { max-width: 441px; }
}