.tg-profile.tg-profile--template-field-notes {
  --tg-profile-accent: #456f6a;
  --tg-profile-background: #f5f1e6;
  --tg-profile-surface: #fffdf5;
  --tg-profile-text: #223330;
  --tg-profile-muted: #607784;
  --tg-profile-line: #cbd6cc;
  --tg-profile-card-radius: 6px;
  --tg-profile-avatar-size: 6rem;
  --tg-profile-avatar-radius: 14px;
  --tg-profile-avatar-background: #edf4ed;
  --tg-profile-avatar-border-width: 2px;
  --tg-profile-avatar-border-color: #fffdf5;
  --tg-profile-avatar-shadow: 0 8px 20px rgba(50, 73, 64, .14);
  --tg-profile-avatar-overlay-background: transparent;
  --tg-profile-avatar-overlay-shadow: none;
  --tg-profile-posts-block-background: transparent;
  --tg-profile-posts-block-border-width: 0;
  --tg-profile-posts-block-padding: 0;
  --tg-profile-posts-gap: .7rem;
  --tg-profile-post-card-background: rgba(255, 253, 245, .94);
  --tg-profile-post-card-border-color: #cbd6cc;
  --tg-profile-post-card-padding: .85rem 1rem;
  --tg-profile-post-card-radius: 6px;
  --tg-profile-post-card-shadow: 0 8px 18px rgba(46, 66, 58, .07);
  --tg-profile-post-card-content-gap: .5rem .65rem;
  --tg-profile-post-social-background: #eef4f0;
  --tg-profile-post-social-border-color: #d3ded5;
  background:
    radial-gradient(circle at 12px 10px, rgba(69, 111, 106, .05) 0 1px, transparent 1px 100%) 0 0 / 22px 22px,
    linear-gradient(90deg, rgba(96, 119, 132, .055) 1px, transparent 1px) 0 0 / 28px 28px,
    var(--tg-profile-background);
  border: 1px solid #d2dbd1;
  box-shadow: 0 18px 48px rgba(51, 71, 63, .08);
  padding: clamp(.85rem, 2vw, 1.35rem);
}

html:has(.tg-profile--template-field-notes),
body.app-route-profile:has(.tg-profile--template-field-notes),
body.app-route-profile-view:has(.tg-profile--template-field-notes) {
  background-color: #f5f1e6 !important;
}

.tg-profile.tg-profile--template-field-notes .tg-profile__region {
  gap: .75rem;
}

.tg-profile.tg-profile--template-field-notes .tg-profile__region--hero,
.tg-profile.tg-profile--template-field-notes .tg-profile__region--main,
.tg-profile.tg-profile--template-field-notes .tg-profile__region--side {
  min-width: 0;
}

.tg-profile.tg-profile--template-field-notes .tg-profile__block {
  box-shadow: 0 8px 20px rgba(46, 66, 58, .06);
}

.tg-profile.tg-profile--template-field-notes .tg-profile__block--header {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.tg-profile.tg-profile--template-field-notes .tg-profile__header-media.header-picture {
  border: 1px solid #cbd6cc;
  border-radius: 8px;
  min-height: var(--tg-profile-header-height);
}

.tg-profile.tg-profile--template-field-notes .tg-profile__header-media.header-picture::after {
  background: linear-gradient(180deg, rgba(34, 51, 48, .03), rgba(69, 111, 106, .12));
}

.tg-profile.tg-profile--template-field-notes .tg-profile__block--identity-card,
.tg-profile.tg-profile--template-field-notes .tg-profile__block--intro,
.tg-profile.tg-profile--template-field-notes .tg-profile__block--links {
  background: rgba(255, 253, 245, .88);
}

.tg-profile.tg-profile--template-field-notes .tg-profile__name.header-username {
  color: #223330;
  font-family: Georgia, "Times New Roman", serif;
  font-size: calc(2rem * var(--tg-profile-heading-scale));
  font-weight: 700;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.tg-profile.tg-profile--template-field-notes .tg-profile__intro,
.tg-profile.tg-profile--template-field-notes .tg-profile__custom-text,
.tg-profile.tg-profile--template-field-notes .note-content {
  line-height: 1.62;
}

.tg-profile.tg-profile--template-field-notes .saved-link,
.tg-profile.tg-profile--template-field-notes .tg-profile__links a {
  border-color: #d3ded5;
  border-radius: 6px;
}

.tg-profile.tg-profile--template-field-notes .tg-composer {
  background: rgba(255, 253, 245, .9);
  border-color: #cbd6cc;
  border-radius: 6px;
  box-shadow: 0 8px 20px rgba(46, 66, 58, .06);
}

.tg-profile.tg-profile--template-field-notes .tg-composer__form .tg-post-comment-composer__textarea,
.tg-profile.tg-profile--template-field-notes textarea.input-field {
  background: #fffdf5;
  border-color: #cbd6cc;
  color: #223330;
}

.tg-profile.tg-profile--template-field-notes .tg-profile-posts__filters {
  gap: .4rem;
  margin-bottom: .7rem;
}

.tg-profile.tg-profile--template-field-notes .tg-profile-posts__filter,
.tg-profile.tg-profile--template-field-notes .tg-profile-posts__profile-link {
  background: #fffdf5;
  border-color: #cbd6cc;
  border-radius: 6px;
  color: #334c56;
  font-size: .82rem;
  padding: .45rem .65rem;
}

.tg-profile.tg-profile--template-field-notes .tg-profile-posts__filter.is-active {
  background: #456f6a;
  border-color: #456f6a;
  color: #fffdf5;
}

.tg-profile.tg-profile--template-field-notes [data-posts][data-profile-posts="1"] {
  gap: .7rem;
}

.tg-profile.tg-profile--template-field-notes [data-posts][data-profile-posts="1"] > .note-container {
  margin-top: 0;
  padding-bottom: .85rem !important;
  padding-top: .85rem !important;
}

.tg-profile.tg-profile--template-field-notes [data-posts][data-profile-posts="1"] > .note-container > div {
  gap: .45rem;
}

.tg-profile.tg-profile--template-field-notes .note-profile-pic {
  border: 2px solid #fffdf5;
  height: 2.35rem;
  left: .85rem;
  top: .85rem;
  width: 2.35rem;
}

.tg-profile.tg-profile--template-field-notes .note-header,
.tg-profile.tg-profile--template-field-notes .note-content,
.tg-profile.tg-profile--template-field-notes .tg-post-social {
  padding-left: 3.15rem;
}

.tg-profile.tg-profile--template-field-notes .note-header {
  color: #607784;
  font-size: .84rem;
}

.tg-profile.tg-profile--template-field-notes .note-content {
  color: #223330;
  font-size: .96rem;
}

.tg-profile.tg-profile--template-field-notes .note-circle-1 {
  border: 2px solid #fffdf5;
  height: 1.25rem;
  left: 2.55rem;
  top: 2.35rem;
  width: 1.25rem;
}

.tg-profile.tg-profile--template-field-notes .note-circle-1-info {
  border: 2px solid #fffdf5;
  min-height: 1.5rem;
  left: 3.25rem;
  top: 2.35rem;
}

.tg-profile.tg-profile--template-field-notes .note-circle-1:hover + .note-circle-1-info,
.tg-profile.tg-profile--template-field-notes .note-circle-1:focus + .note-circle-1-info,
.tg-profile.tg-profile--template-field-notes .note-circle-1:focus-visible + .note-circle-1-info,
.tg-profile.tg-profile--template-field-notes .note-circle-1:active + .note-circle-1-info {
  border-width: 2px;
  left: 3.75rem;
  max-width: calc(100vw - 4rem);
}

@media (max-width: 767px) {
  .tg-profile.tg-profile--template-field-notes {
    padding: .75rem;
  }

  .tg-profile.tg-profile--template-field-notes .tg-profile__region,
  .tg-profile.tg-profile--template-field-notes .tg-profile__block {
    width: 100%;
  }

  .tg-profile.tg-profile--template-field-notes .tg-profile__header-media.header-picture {
    min-height: min(var(--tg-profile-header-height), 220px);
  }
}