.tg-profile.tg-profile--template-bacefook {
  --tg-profile-accent: #3b5998;
  --tg-profile-surface: #ffffff;
  --tg-profile-line: #c7ccd6;
  --tg-profile-card-radius: 2px;
  --tg-profile-avatar-size: 10.25rem;
  --tg-profile-avatar-radius: 3px;
  --tg-profile-avatar-background: #ffffff;
  --tg-profile-avatar-border-width: 4px;
  --tg-profile-avatar-border-color: #ffffff;
  --tg-profile-avatar-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  --tg-profile-avatar-overlay-background: transparent;
  --tg-profile-avatar-overlay-shadow: none;
  --tg-profile-posts-block-padding: 0;
  --tg-profile-posts-block-border-width: 0;
  --tg-profile-posts-block-background: transparent;
  --tg-profile-post-card-radius: 2px;
  --tg-profile-post-card-padding: .85rem;
  --tg-profile-post-social-background: #f6f7f9;
  border: 1px solid #c7ccd6;
  border-radius: 0;
  padding: 0 0 .75rem;
}

.tg-profile.tg-profile--template-bacefook .tg-profile__region {
  padding-inline: .75rem;
}

.tg-profile.tg-profile--template-bacefook .tg-profile__region--hero {
  gap: 0;
  padding-inline: 0;
  position: relative;
}

.tg-profile.tg-profile--template-bacefook .tg-profile__region--hero .tg-profile__block {
  border: 0;
  border-radius: 0;
  padding: 0;
}

.tg-profile.tg-profile--template-bacefook .tg-profile__header-media.header-picture {
  border-bottom: 1px solid #9fa8ba;
  border-radius: 0;
  min-height: var(--tg-profile-header-height);
}

.tg-profile.tg-profile--template-bacefook .tg-profile__block--identity-card {
  background: linear-gradient(to top, rgba(17, 24, 39, .58), rgba(17, 24, 39, 0));
  margin-top: -7.25rem;
  min-height: 7.25rem;
  position: relative;
  z-index: 2;
}

.tg-profile.tg-profile--template-bacefook .tg-profile__identity {
  align-items: end;
  color: #ffffff;
  display: grid;
  gap: .8rem;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 0 1rem .85rem;
}

.tg-profile.tg-profile--template-bacefook .tg-profile__name.header-username {
  color: #ffffff;
  font-family: "Albert Sans", "Segoe UI", sans-serif;
  font-size: calc(1.8rem * var(--tg-profile-heading-scale));
  font-weight: 800;
  line-height: 1.05;
  margin-bottom: .4rem;
  overflow-wrap: anywhere;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
}

.tg-profile.tg-profile--template-bacefook .tg-profile__block:not(.tg-profile__block--header):not(.tg-profile__block--identity-card) {
  box-shadow: 0 1px 0 rgba(0, 0, 0, .04);
}

.tg-profile.tg-profile--template-bacefook .tg-profile__block--composer,
.tg-profile.tg-profile--template-bacefook .tg-profile__block--posts,
.tg-profile.tg-profile--template-bacefook .tg-profile__block--wall_posts {
  border-color: #c7ccd6;
}

.tg-profile.tg-profile--template-bacefook .tg-profile__links .link-item {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.tg-profile.tg-profile--template-bacefook .tg-profile__links .saved-link {
  background: #f6f7f9;
  border: 1px solid #d8dbe2;
  border-radius: 999px;
  color: #2b4f8f;
  font-weight: 700;
  padding: .35rem .7rem;
}

.tg-profile.tg-profile--template-bacefook .tg-profile-posts__filter {
  background: #ffffff;
  border: 1px solid #c7ccd6;
  border-radius: 2px;
  color: #25364c;
  font-weight: 700;
}

.tg-profile.tg-profile--template-bacefook .tg-profile-posts__filter.is-active {
  background: #3b5998;
  border-color: #3b5998;
  color: #ffffff;
}

.tg-profile.tg-profile--template-bacefook .tg-post-social {
  border-radius: 2px;
}

.tg-profile.tg-profile--template-bacefook .tg-post-social__like-button,
.tg-profile.tg-profile--template-bacefook .tg-post-social__message-button,
.tg-profile.tg-profile--template-bacefook .tg-post-social__share-button,
.tg-profile.tg-profile--template-bacefook .tg-post-social__comment-toggle {
  background: #edf1f7;
  border: 1px solid #b9c3d4;
  border-radius: 2px;
  box-shadow: none;
  color: #2b4f8f;
  height: 1.85rem;
  min-height: 1.85rem;
  min-width: 1.85rem;
  padding: 0 .38rem;
  width: auto;
}

.tg-profile.tg-profile--template-bacefook .tg-post-social__like-button:hover,
.tg-profile.tg-profile--template-bacefook .tg-post-social__like-button:focus-visible,
.tg-profile.tg-profile--template-bacefook .tg-post-social__message-button:hover,
.tg-profile.tg-profile--template-bacefook .tg-post-social__message-button:focus-visible,
.tg-profile.tg-profile--template-bacefook .tg-post-social__share-button:hover,
.tg-profile.tg-profile--template-bacefook .tg-post-social__share-button:focus-visible,
.tg-profile.tg-profile--template-bacefook .tg-post-social__comment-toggle:hover,
.tg-profile.tg-profile--template-bacefook .tg-post-social__comment-toggle:focus-visible,
.tg-profile.tg-profile--template-bacefook .tg-post-social__comment-toggle[aria-expanded="true"] {
  background: #3b5998;
  border-color: #3b5998;
  color: #ffffff;
}

.tg-profile.tg-profile--template-bacefook .tg-post-social__like-button.is-liked {
  background: #3b5998;
  border-color: #3b5998;
  color: #ffffff;
}

.tg-profile.tg-profile--template-bacefook .tg-post-social__like-button.is-liked:hover,
.tg-profile.tg-profile--template-bacefook .tg-post-social__like-button.is-liked:focus-visible {
  background: #2b4f8f;
  border-color: #2b4f8f;
  color: #ffffff;
}

.tg-profile.tg-profile--template-bacefook .tg-post-comment-composer__textarea {
  border: 1px solid #b9c3d4;
  border-radius: 2px;
}

.tg-profile.tg-profile--template-bacefook .tg-post-comment-composer__submit {
  background: #3b5998;
  border: 1px solid #2b4f8f;
  border-radius: 2px;
  bottom: .45rem;
  box-shadow: none;
  color: #ffffff;
  right: .45rem;
  transform: none;
}

.tg-profile.tg-profile--template-bacefook .tg-post-comment-composer__submit:hover,
.tg-profile.tg-profile--template-bacefook .tg-post-comment-composer__submit:focus-visible {
  background: #2b4f8f;
}

.tg-profile.tg-profile--template-bacefook .tg-post-comment-composer.is-filled .tg-post-comment-composer__submit,
.tg-profile.tg-profile--template-bacefook .tg-composer__form.is-filled .tg-post-comment-composer__submit,
.tg-profile.tg-profile--template-bacefook .tg-post-comment-composer__submit:disabled {
  transform: none;
}

.tg-profile.tg-profile--template-bacefook .tg-profile__block--plugin .bento,
.tg-profile.tg-profile--template-bacefook .tg-profile__block--plugin .tg-profile-module-card,
.tg-profile.tg-profile--template-bacefook .tg-profile__block--plugin .tg-upto-card {
  background: #ffffff;
  border: 1px solid #c7ccd6;
  border-radius: 2px;
  box-shadow: none;
  margin: 0;
}

.tg-profile.tg-profile--template-bacefook .tg-profile__block--plugin h4 {
  color: #25364c;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 .75rem;
}

.tg-profile.tg-profile--template-bacefook .tg-profile__block--plugin .tg-upto-card--icon-list {
  --tg-upto-icon-background: #f6f7f9;
  --tg-upto-icon-border-color: #d8dbe2;
  --tg-upto-icon-border-width: 1px;
  --tg-upto-icon-color: #3b5998;
  --tg-upto-icon-focus-color: rgba(59, 89, 152, .24);
  --tg-upto-icon-gap: .45rem;
  --tg-upto-icon-grid-min: 5.25rem;
  --tg-upto-icon-hover-background: #edf1f7;
  --tg-upto-icon-hover-border-color: #b9c3d4;
  --tg-upto-icon-padding: .4rem;
  --tg-upto-icon-radius: 2px;
  --tg-upto-icon-subtitle-color: #6a7280;
  --tg-upto-icon-thumb-background: #ffffff;
  --tg-upto-icon-thumb-border-color: #c7ccd6;
  --tg-upto-icon-thumb-border-width: 1px;
  --tg-upto-icon-thumb-radius: 2px;
}

.tg-profile.tg-profile--template-bacefook .tg-profile__block--plugin .tg-add-button {
  background: #edf1f7;
  border: 1px solid #b9c3d4;
  color: #3b5998;
}

.tg-profile.tg-profile--template-bacefook .tg-profile__external-link {
  color: #3b5998;
}

@media (max-width: 767px) {
  .tg-profile.tg-profile--template-bacefook .tg-profile__identity {
    grid-template-columns: minmax(0, 1fr);
  }

  .tg-profile.tg-profile--template-bacefook {
    --tg-profile-avatar-size: 7.5rem;
  }
}