.tg-profile.tg-profile--template-zine {
  --tg-profile-accent: #e1322d;
  --tg-profile-background: #f5f0e8;
  --tg-profile-surface: #fffaf0;
  --tg-profile-text: #111111;
  --tg-profile-muted: #5e5a53;
  --tg-profile-line: #111111;
  --tg-profile-card-radius: 0;
  --tg-profile-avatar-size: 8rem;
  --tg-profile-avatar-radius: 0;
  --tg-profile-avatar-background: #fffaf0;
  --tg-profile-avatar-border-width: 2px;
  --tg-profile-avatar-border-color: #111111;
  --tg-profile-avatar-shadow: 8px 8px 0 #e1322d;
  --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-post-card-background: #fffaf0;
  --tg-profile-post-card-border-width: 2px;
  --tg-profile-post-card-border-color: #111111;
  --tg-profile-post-card-padding: 1rem;
  --tg-profile-post-card-radius: 0;
  --tg-profile-post-social-background: #111111;
  --tg-profile-post-social-border-color: #111111;
  background: var(--tg-profile-background);
  border: 0;
  border-radius: 0;
  color: var(--tg-profile-text);
  gap: 1.1rem;
  padding: clamp(1rem, 3vw, 2.25rem);
}

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

body.tg-profile-template-zine.app-route-profile .header-icon,
body.tg-profile-template-zine.app-route-profile-view .header-icon,
body.tg-profile-template-zine.app-route-profile .app-header-route-link,
body.tg-profile-template-zine.app-route-profile-view .app-header-route-link,
body.tg-profile-template-zine.app-route-profile .app-header-quick-menu__toggle,
body.tg-profile-template-zine.app-route-profile-view .app-header-quick-menu__toggle {
  color: #111111;
}

body.tg-profile-template-zine.app-route-profile .centered-logo .logo,
body.tg-profile-template-zine.app-route-profile-view .centered-logo .logo {
  filter: brightness(0) saturate(100%);
}

.tg-profile.tg-profile--template-zine .tg-profile__region {
  gap: 1rem;
  min-width: 0;
}

.tg-profile.tg-profile--template-zine .tg-profile__region--masthead {
  align-items: end;
  border-bottom: 6px solid #111111;
  display: grid;
  flex-basis: 100%;
  gap: .9rem;
  grid-template-columns: minmax(0, 1.45fr) minmax(16rem, .55fr);
  max-width: 100%;
  padding-bottom: 1rem;
  width: 100%;
}

.tg-profile.tg-profile--template-zine .tg-profile__region--main,
.tg-profile.tg-profile--template-zine .tg-profile__region--side {
  align-content: start;
}

.tg-profile.tg-profile--template-zine .tg-profile__region--side {
  border-left: 2px solid #111111;
  padding-left: 1rem;
}

.tg-profile.tg-profile--template-zine .tg-profile__block {
  background: #fffaf0;
  border: 2px solid #111111;
  border-radius: 0;
  box-shadow: none;
  color: #111111;
}

.tg-profile.tg-profile--template-zine .tg-profile__region--masthead .tg-profile__block {
  background: transparent;
  border: 0;
  padding: 0;
}

.tg-profile.tg-profile--template-zine .tg-profile__region--masthead .tg-profile__block--identity-card {
  grid-row: span 2;
}

.tg-profile.tg-profile--template-zine .tg-profile__identity {
  align-items: end;
  display: grid;
  gap: 1rem;
  grid-template-columns: auto minmax(0, 1fr);
}

.tg-profile.tg-profile--template-zine .tg-profile__name.header-username {
  color: #111111;
  font-family: Georgia, "Times New Roman", serif;
  font-size: calc(clamp(3.6rem, 7vw, 7.75rem) * var(--tg-profile-heading-scale));
  font-weight: 900;
  letter-spacing: 0;
  line-height: .8;
  max-width: 10ch;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.tg-profile.tg-profile--template-zine .tg-profile__intro,
.tg-profile.tg-profile--template-zine .tg-profile__custom-text {
  background: #111111;
  color: #fffaf0;
  font-size: 1.08em;
  font-weight: 700;
  line-height: 1.45;
  padding: .9rem 1rem;
}

.tg-profile.tg-profile--template-zine .tg-profile__links .links,
.tg-profile.tg-profile--template-zine .tg-profile__links #links-container {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

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

.tg-profile.tg-profile--template-zine .tg-profile__links .saved-link,
.tg-profile.tg-profile--template-zine .tg-profile__external-link {
  background: #e1322d;
  border: 2px solid #111111;
  border-radius: 0;
  color: #fffaf0;
  font-family: "Albert Sans", "Segoe UI", sans-serif;
  font-weight: 900;
  line-height: 1;
  padding: .5rem .7rem;
  text-decoration: none;
}

.tg-profile.tg-profile--template-zine .tg-profile__header-media.header-picture {
  border: 2px solid #111111;
  border-radius: 0;
  filter: contrast(1.08) saturate(.75);
  min-height: var(--tg-profile-header-height);
}

.tg-profile.tg-profile--template-zine .tg-profile__block--header {
  background: #111111;
  padding: .5rem;
}

.tg-profile.tg-profile--template-zine .tg-profile__block--posts,
.tg-profile.tg-profile--template-zine .tg-profile__block--composer {
  background: transparent;
  border: 0;
  padding: 0;
}

.tg-profile.tg-profile--template-zine .tg-profile-posts__header {
  background: #111111;
  border: 2px solid #111111;
  color: #fffaf0;
  margin-bottom: .75rem;
  padding: .65rem .8rem;
}

.tg-profile.tg-profile--template-zine .tg-profile-posts__filter {
  background: transparent;
  border: 1px solid #fffaf0;
  border-radius: 0;
  color: #fffaf0;
  font-weight: 900;
}

.tg-profile.tg-profile--template-zine .tg-profile-posts__filter.is-active {
  background: #fffaf0;
  color: #111111;
}

.tg-profile.tg-profile--template-zine [data-posts][data-profile-posts="1"] > .note-container {
  box-shadow: 6px 6px 0 #111111;
}

.tg-profile.tg-profile--template-zine [data-posts][data-profile-posts="1"] > .note-container:nth-child(even) {
  background: #ecf4ff;
}

.tg-profile.tg-profile--template-zine [data-posts][data-profile-posts="1"] > .note-container:nth-child(3n) {
  background: #fff2a8;
}

.tg-profile.tg-profile--template-zine .tg-post-social {
  background: #111111;
  border: 0;
  border-radius: 0;
  color: #fffaf0;
  padding: .55rem;
}

.tg-profile.tg-profile--template-zine .tg-post-social__like-button,
.tg-profile.tg-profile--template-zine .tg-post-social__message-button,
.tg-profile.tg-profile--template-zine .tg-post-social__share-button,
.tg-profile.tg-profile--template-zine .tg-post-social__comment-toggle {
  background: #fffaf0;
  border: 1px solid #fffaf0;
  border-radius: 0;
  box-shadow: none;
  color: #111111;
  min-width: 1.8rem;
}

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

.tg-profile.tg-profile--template-zine .tg-post-comment-composer__textarea,
.tg-profile.tg-profile--template-zine .tg-composer__form .tg-post-comment-composer__textarea {
  background: #fffaf0;
  border: 2px solid #111111;
  border-radius: 0;
  color: #111111;
}

.tg-profile.tg-profile--template-zine .tg-post-comment-composer__submit,
.tg-profile.tg-profile--template-zine .tg-composer__form .tg-post-comment-composer__submit {
  background: #111111;
  border: 1px solid #111111;
  border-radius: 0;
  box-shadow: none;
  color: #fffaf0;
}

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

.tg-profile.tg-profile--template-zine .tg-profile__block--plugin h4 {
  color: #111111;
  font-family: "Albert Sans", "Segoe UI", sans-serif;
  font-size: 1.08rem;
  font-weight: 900;
  line-height: 1.05;
  margin: 0 0 .75rem;
  text-transform: uppercase;
}

.tg-profile.tg-profile--template-zine .tg-profile__block--plugin .tg-upto-card--icon-list {
  --tg-upto-icon-background: #fffaf0;
  --tg-upto-icon-border-color: #111111;
  --tg-upto-icon-border-width: 2px;
  --tg-upto-icon-color: #111111;
  --tg-upto-icon-focus-color: #e1322d;
  --tg-upto-icon-gap: .5rem;
  --tg-upto-icon-grid-min: 6rem;
  --tg-upto-icon-hover-background: #111111;
  --tg-upto-icon-hover-border-color: #111111;
  --tg-upto-icon-padding: .45rem;
  --tg-upto-icon-radius: 0;
  --tg-upto-icon-subtitle-color: #5e5a53;
  --tg-upto-icon-thumb-background: #ecf4ff;
  --tg-upto-icon-thumb-border-color: #111111;
  --tg-upto-icon-thumb-border-width: 1px;
  --tg-upto-icon-thumb-radius: 0;
}

.tg-profile.tg-profile--template-zine .tg-profile__block--plugin .tg-upto-icon-item:hover,
.tg-profile.tg-profile--template-zine .tg-profile__block--plugin .tg-upto-icon-item:focus-visible,
.tg-profile.tg-profile--template-zine .tg-profile__block--plugin .tg-upto-icon-item:hover small,
.tg-profile.tg-profile--template-zine .tg-profile__block--plugin .tg-upto-icon-item:focus-visible small {
  color: #fffaf0;
}

.tg-profile.tg-profile--template-zine a {
  color: #e1322d;
}

@media (max-width: 1023px) {
  .tg-profile.tg-profile--template-zine .tg-profile__region--masthead {
    grid-template-columns: minmax(0, 1fr);
  }

  .tg-profile.tg-profile--template-zine .tg-profile__region--side {
    border-left: 0;
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .tg-profile.tg-profile--template-zine {
    --tg-profile-avatar-size: 6.75rem;
    padding: 1rem;
  }

  .tg-profile.tg-profile--template-zine .tg-profile__identity {
    align-items: start;
    grid-template-columns: minmax(0, 1fr);
  }

  .tg-profile.tg-profile--template-zine .tg-profile__name.header-username {
    font-size: calc(2.8rem * var(--tg-profile-heading-scale));
  }

  .tg-profile.tg-profile--template-zine [data-posts][data-profile-posts="1"] > .note-container {
    box-shadow: 4px 4px 0 #111111;
  }
}