/* SNS © BLANCHE. prohibited for use
------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------- hidden sns elements */
#pa-fl6,
#pa-fl7,
.post:has(.custom_tag_snsrnd) .sns_av,
.post:has(.custom_tag_snstm):before,
.post:has(.custom_tag_snsrnd) .spoiler-box > div:after,
:is(
    .post:has(.custom_tag_snstm),
    .post:has(.custom_tag_snscall),
    .post:has(.custom_tag_snsmsdcall),
    .post:has(.custom_tag_snsgd)
  )
  :is(
    .post-author,
    .pl-quote,
    .post-rating,
    .post-vote,
    .post-rating-vote,
    .reactions-root,
    .custom_tag_snsgeo,
    .quote-box
  ),
.sns_av.original:before,
:is(#pun [data-forum-id="29"], #pun [data-forum-id="31"]) .post-author ul:before,
:is(#pun [data-forum-id="29"], #pun [data-forum-id="31"])
  :is(
    #pun-status,
    #pun-about,
    #topic-users-in,
    #button-font,
    #button-size,
    #button-indent,
    #button-left,
    #button-center,
    #button-justify,
    #button-right,
    #floatbut,
    #button-spoilerams,
    #button-video,
    #button-hide,
    #button-code,
    #button-color,
    #button-table,
    #button-addition,
    #button-dice,
    .pa-posts,
    .pa-respect,
    .pa-fld1,
    .pa-fld2,
    .pa-fld3,
    .pa-fld4,
    .pa-fld5,
    .isadmin li.editpole,
    .ismoderator li.editpole,
    .pl-email.email,
    .pa-author,
    .pa-avatar,
    .pl-email,
    .pa-ip,
    cite,
    td#button-spoiler,
    dl.post-sig,
    .spoiler-box blockquote img,
    .post h3,
    .forum .tc2,
    .forum .tc3,
    .hv2-field-author,
    .hv2-field-title,
    .hv2-field-avatar,
    .hv2-field-signature,
    .hv2-field-background,
    .hv2-field-pafld3,
    .hv2-field-pafld1,
    .hv2-preview-sig-wrap,
    .indOnline,
    .indOffline,
    .user-avatar,
    .pagestext,
    #plng,
    .stickytext,
    #pun-break1,
    #post-form legend,
    #pun-live-rusff,
    .pa-title,
    #button-float,
    .isticky .byuser,
    .forum .isticky .tcr,
    .forum .isticky .icon,
    #button-lower,
    .pa-online,
    .acchide,
    .pa-active,
    #pun-announcement,
#pun-title,
banners,
.profile-decor
  ) {
  display: none !important;
}

:is(#pun [data-forum-id="29"], #pun [data-forum-id="31"])
  :is(.pa-fld6, .pa-fld7, .hv-mask-field.pafld2) {
    display: flex !important;
    position: relative;
    top: auto;
    width: fit-content;
}

/*-------------------------------------------------------------------------------------- base */
[data-forum-id="29"],
[data-forum-id="31"] {
  position: relative;
top: 0;

  --sns-bg-user: #DCDBDB;

  --sns-post-bg: url(https://forumstatic.ru/files/001c/c4/83/94903.jpg);
  --sns-post-bg-alt: url(https://forumstatic.ru/files/001c/c4/83/12205.jpg);

  --sns-av-bg: rgb(var(--light-accent));
  --sns-av-bg-alt: rgb(var(--accent));

  --sns-pun: rgb(var(--canvas-primary));
  --sns-quote: #D8D8D8;

  --sns-accent1: rgb(var(--light-accent));
  --sns-accent2: rgb(var(--accent));
  --sns-accent3: rgb(219 140 115);
  --sns-light1: rgb(var(--canvas-primary));
  --sns-dark1: #1E1E1E;

  --sns-radius-outer: 10px;
  --sns-radius-inner: 5px;
  --sns-links-h: 28px;
  --sns-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09);
}

:is([data-forum-id="29"], [data-forum-id="31"]) #pun-navlinks .container {
    top: 15px;
}

:is([data-forum-id="29"], [data-forum-id="31"]) #html-header {
    height: 0;
}

:is([data-forum-id="29"], [data-forum-id="31"]) :is(#pun-navlinks, #pun-navlinks > .container) {
    top: -1px;
    position: relative;
}

:is([data-forum-id="29"], [data-forum-id="31"]) #html-header {
    height: 0;
}

:is([data-forum-id="29"], [data-forum-id="31"]) #pun-ulinks {
    margin-top: 15px;
}

:is([data-forum-id="29"], [data-forum-id="31"]) #pun-navlinks > .container {
    margin-left: auto;
}

:is([data-forum-id="29"], [data-forum-id="31"]) #html-footer {
    background: transparent;
    height: 0;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .topic {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/*-------------------------------------------------------------------------------------- post */

:is([data-forum-id="29"], [data-forum-id="31"]) .post {
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: var(--sns-radius-outer);
    background: var(--sns-bg-user);margin: 0 40px;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .endpost {
    margin-bottom: 20px;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .post:before,
.sns_bg:before {
  content: "";
  background: var(--sns-post-bg);
  position: absolute;
  width: 100%;
  height: 100%;
  mix-blend-mode: soft-light;
  inset: 0;
  border-radius: inherit;
}

.sns_bg {
    position: relative;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .user-2:before {
  background: var(--sns-post-bg-alt);
}

:is([data-forum-id="29"], [data-forum-id="31"]) .post > .container {
    display: grid;
    grid-template-rows: min-content auto;
    position: relative;
    margin: 0;
    grid-template-columns: 110px 1fr;
    padding: 5px;
    gap: 10px 20px;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .user-2 > .container {
  grid-template-columns: 1fr 110px;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .post-body {
    margin: 0;
    padding: 0;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .post-box {
  padding: 0;
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr min-content;
  grid-template-rows: 1fr auto;margin: 0;
}

.punbb fieldset .post-box {
    margin-bottom: 0.8em;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .user-2 .post-box {
  grid-template-columns: min-content 1fr;
}

:is([data-forum-id="29"], [data-forum-id="31"])
  :is(
    .post-content,
    .post:has(.custom_tag_snsrnd) blockquote,
    .custom_tag_snsgd
  ) {
    background: var(--sns-light1);
}

:is([data-forum-id="29"], [data-forum-id="31"]) .post-content,
.custom_tag_snsgd {
  border-radius: var(--sns-radius-outer);
  padding: 15px;
  box-sizing: border-box;
    box-shadow: var(--sns-shadow);
}

:is([data-forum-id="29"], [data-forum-id="31"]) #post-preview .post-content {
    background: transparent; box-shadow: none;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .post-content {
  border-top-left-radius: 0;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .user-2 .post-content {
  border-top-left-radius: var(--sns-radius-outer);
  border-top-right-radius: 0;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .reactions-root {
  padding: 0;
  float: none;
  top: 0;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .user-2 .reactions-root {
  grid-column: 2;
}

/*-------------------------------------------------------------------------------------- post-rating */

:is([data-forum-id="29"], [data-forum-id="31"]) .post-rating-vote {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .user-2 .post-rating-vote {
  grid-column: 1;
  grid-row: 1;
}

:is([data-forum-id="29"], [data-forum-id="31"]) :is(.post-rating, .post-vote) {
  padding: 0;
  float: none;
}

/*--------------------------------------------------------------------- post-links and name */

:is([data-forum-id="29"], [data-forum-id="31"]) .post-links {
    justify-content: flex-end;
    grid-row-start: 1;
    display: flex;
    align-items: center;
    margin: 0;height: fit-content;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .user-2 .post-links {
  justify-content: flex-start;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .post-links ul {
    gap: 10px;
    width: fit-content !important;
    display: flex;
    margin: 0;
    background: var(--sns-accent1);
    border-radius: var(--sns-radius-inner);
    height: var(--sns-links-h);
    align-items: center;
    padding: 0 10px;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .user-2 .post-links ul {    background: var(--sns-accent2);}

:is([data-forum-id="29"], [data-forum-id="31"]) .post-links a,
.post:has(.custom_tag_snsrnd) .spoiler-box > div {
  background: transparent !important;
  width: 16px;
  display: flex !important;
  height: 16px;
  justify-content: center;
  align-items: center;
  font-size: 0 !important;
  padding: 0 !important;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .post-links a:before,
.post:has(.custom_tag_snsrnd) .spoiler-box > div:before {
    content: "";
    width: 16px;
    height: 16px;
    background: var(--sns-pun);
    transition: background 0.3s,
    opacity 0.3s;
    mask-size: cover;
    margin: 0 !important;
    position: absolute;opacity: .7;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .post-links a:hover:before {
opacity: 1;
}

:is([data-forum-id="29"], [data-forum-id="31"]) li {
    margin: 0 !important;
    height: fit-content !important;
    border-radius: 0 !important;
}

:is([data-forum-id="29"], [data-forum-id="31"]) li.pl-edit {
  order: 1;
}
:is([data-forum-id="29"], [data-forum-id="31"]) li.pl-quote {
  order: 2;
}
:is([data-forum-id="29"], [data-forum-id="31"]) li.pl-delete {
  order: 3;
}
:is([data-forum-id="29"], [data-forum-id="31"]) li.pl-edit a:before {
  mask-image: url(https://forumstatic.ru/files/001a/e6/32/38427.svg);
  -webkit-mask-image: url(https://forumstatic.ru/files/001a/e6/32/38427.svg);
}

:is([data-forum-id="29"], [data-forum-id="31"]) li.pl-quote a:before {
  mask-image: url(https://forumstatic.ru/files/001a/e6/32/88537.svg);
  -webkit-mask-image: url(https://forumstatic.ru/files/001a/e6/32/88537.svg);
}

:is([data-forum-id="29"], [data-forum-id="31"]) li.pl-delete a:before {
  mask-image: url(https://forumstatic.ru/files/001a/e6/32/30438.svg);
  -webkit-mask-image: url(https://forumstatic.ru/files/001a/e6/32/30438.svg);
}

/*--------------------------------------------------------------------- post-form */

#pun-viewtopic:is([data-forum-id="29"], [data-forum-id="31"]) #post-form {
  padding-top: 74px;
  margin-top: -94px;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .hashelp #form-buttons table tr {
  justify-content: flex-start;
}

:is([data-forum-id="29"], [data-forum-id="31"]) :is(#main-reply) {
  height: 80px;
  box-sizing: border-box;
}

#button-snsvoice:before {
  content: "\f130";
}

#button-snscall:before {
  content: "\f095";
}

#button-snsmissed:before {
  content: "\e226";
}

#button-snsgeo:before {
  content: "\f041";
}

#button-snstime:before {
  content: "\f017";
}

#button-snsrounded:before {
  content: "\f1ce";
}

.sns-modal .modal-inner {
  padding: 20px;    font-family: var(--font-main);
}

.sns-modal .modal-inner .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.sns-modal .modal-inner h2 {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
}

.sns-modal .modal-inner fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 0 10px !important;
}

.sns-modal .modal-inner .fs-box {
    margin-top: 10px;
}

/*-------------------------------------------------------------------------------------- nickname & avatar */
:is([data-forum-id="29"], [data-forum-id="31"]) :is(.post-author, .toBlock) {
  grid-row: -1/1;
  margin: 0 !important;
  min-height: 0;
}

.post.user-2 :is(.post-author, .toBlock) {
  grid-column: 2;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .post-author,
:is([data-forum-id="29"], [data-forum-id="31"]) .post-author ul {
    background: transparent !important;
    width: 110px !important;
    box-shadow: none;
    padding: 0 !important;
    position: static !important;
    border-radius: 0 !important;
    overflow: visible;
    float: none !important;
    border: none !important;
}

.sns_av {
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
  border-radius: var(--sns-radius-outer);box-shadow: var(--sns-shadow);
}

.sns_av,
.post:has(.custom_tag_snscall) .post-content p strong {
  background: var(--sns-pun);
}

.sns_av:before {
  content: "";
  position: absolute;
  background: var(--sns-av-bg);
}

:is(.user-2 .sns_av, .sns_av.call-user-2):before {
  background: var(--sns-av-bg-alt);
}

.sns_av img,
.sns_av:before {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
  border-radius: var(--sns-radius-inner);
}
.user-2 .sns_av {
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
}

.sns_av img {
  object-fit: cover;
  filter: grayscale(1);
  mix-blend-mode: screen;
  opacity: 0.9;
}

.sns_av.original img {
  filter: none;
  mix-blend-mode: normal;
}

sns_name,
.post:has(.custom_tag_snscall) .post-content p strong {
    white-space: nowrap;
    background: var(--sns-accent1);
    color: var(--sns-pun) !important;
    position: absolute;
    top: 0px;
    left: 130px;
    height: var(--sns-links-h);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px 2px !important;
    text-transform: lowercase;
    font-weight: 700;
    font-size: 16px;
    border-radius: var(--sns-radius-inner);
    box-sizing: border-box;
}

.user-2 sns_name {
  background: var(--sns-accent2);
  left: auto;
  right: 130px;
}

sns_name:before {
  content: "@";
}

.sns_av.default:before {
  content: "\f007";
  font: 600 60px var(--fa);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--sns-light1);
}

.post:has(.custom_tag_snsconf) .custom_tag_snscall .sns_av {
    width: 80px;
    height: 80px;
    border-radius: 3px;
}

/*-------------------------------------------------------------------------------------- quote */

:is([data-forum-id="29"], [data-forum-id="31"]) .quote-box {
  margin: 0 !important;
}

:is([data-forum-id="29"], [data-forum-id="31"]) :is(.answer-box, .quote-main) {
    background: var(--sns-quote) !important;
    border: none !important;
    border-radius: var(--sns-radius-inner) !important;
    padding: 10px !important;
    box-shadow: 0 0 6px 0 var(--sns-quote);
}

:is([data-forum-id="29"], [data-forum-id="31"])
  :is(.answer-box, .quote-main)
  blockquote
  p {
  font-size: 10px;
}

:is([data-forum-id="29"], [data-forum-id="31"])
  :is(.quote-box, .custom_tag_snsgeo p)
  + p {
  margin-top: 10px !important;
}

/*-------------------------------------------------------------------------------------- large image */

.large-image .post-content img,
img.postimg.large {
  border-radius: 10px;
}

.large-image .post-content img {
  margin: 0 !important;
}

:is(
    .large-image,
    .post:has(.custom_tag_snsrnd),
    .sns-call,
    .post:has(.custom_tag_snstm)
  )
  .post-content {
  background: transparent !important;
  padding: 0 !important;
}

.large-image .post-box {
  align-items: end;
}

/*-------------------------------------------------------------------------------------- geo */

.custom_tag_snsgeo p {
  margin: 0 !important;
  font-size: 10px !important;
  font-style: italic !important;
  display: flex;
  align-items: center;
  padding: 0px 7px !important;
  width: fit-content;
  height: 16px;
}

.custom_tag_snsgeo p:before {
  content: "";
  mask: url(https://forumstatic.ru/files/001a/e6/32/44230.svg) no-repeat
    center / contain;
  -webkit-mask-image: url(https://forumstatic.ru/files/001a/e6/32/44230.svg);
  width: 16px;
  height: 16px;
  background: var(--sns-accent1);
  margin-left: -12px;
}

.user-2 .custom_tag_snsgeo p:before {
  background: var(--sns-accent2);
}

/*-------------------------------------------------------------------------------------- divider */
.post:has(.custom_tag_snstm) {
  background: transparent !important;
}

:is(
    .post:has(.custom_tag_snstm),
    .post:has(.custom_tag_snscall),
    .post:has(.custom_tag_snsmsdcall),
    .post:has(.custom_tag_snsgd)
  )
  > .container {
  grid-template-columns: 1fr !important;
}

.post:has(.custom_tag_snstm) .post-links {
  width: fit-content;
  justify-self: end;
  background: transparent;
  height: fit-content;grid-column: 2;
}

.post:has(.custom_tag_snstm) .post-box {
  justify-content: center;
  display: flex;
}

.post:has(.custom_tag_snstm) .post-content {
  width: fit-content;
  border-radius: 0;
box-shadow: none;
}

.post:has(.custom_tag_snstm) p,
:is(.post:has(.custom_tag_snscall), .post:has(.custom_tag_snsmsdcall))
  .post-content
  p,
:is([data-forum-id="29"], [data-forum-id="31"]) .forum .isticky a {
    position: relative;
    padding: 10px;
    border-radius: var(--sns-radius-inner);
    background: var(--sns-accent3);
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 9px;
    line-height: normal !important;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .forum .isticky a {
  font-size: 20px !important;
  background: var(--sns-accent1) !important;
  color: var(--sns-light1) !important;
}

.post:has(.call_start) .post-content p {
  padding: 0;
}

.post:has(.custom_tag_snstm) .post-box:before {
    content: "";
    position: absolute;
    width: 100%;
    border-top: 1px solid #cfcfcf;
    align-self: center;
}

/*-------------------------------------------------------------------------------------- voicemail */

:is([data-forum-id="29"], [data-forum-id="31"])
  .post-content
  > .spoiler-box
  > div {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0;
  height: 20px;
  position: relative;
  padding-right: 18px;
}

:is([data-forum-id="29"], [data-forum-id="31"])
  .post-content
  > .spoiler-box
  > div:before {
  mask-image: url(https://forumstatic.ru/files/001c/86/ed/76752.svg);
  -webkit-mask-image: url(https://forumstatic.ru/files/001c/86/ed/76752.svg);
  width: 20px !important;
  height: 20px !important;
  background: var(--sns-accent1);
  content: "";
  margin: 0;
  padding: 0;
}

:is([data-forum-id="29"], [data-forum-id="31"])
  .user-2
  .post-content
  > .spoiler-box
  > div:before {
  background: var(--sns-accent2);
}

:is([data-forum-id="29"], [data-forum-id="31"])
  .post-content
  > .spoiler-box
  > div:after {
  content: "";
  background: var(--sns-pl);
  mask: url(https://forumstatic.ru/files/001a/e6/32/65377.svg);
  -webkit-mask-image: url(https://forumstatic.ru/files/001a/e6/32/65377.svg);
  width: 225px;
  height: 20px;
}

:is([data-forum-id="29"], [data-forum-id="31"]) .post-content > .spoiler-box {
  width: fit-content;
}

/*-------------------------------------------------------------------------------------- rounded */

:is(.sns-call, .post:has(.custom_tag_snstm):has(.post-links), .post:has(.custom_tag_snsrnd))
  > .container {
  grid-template-columns: 1fr auto !important;
}

.post:has(.custom_tag_snsrnd) .post-content :is(img, p:has(img)) {
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

.post:has(.custom_tag_snsrnd) p:has(img) {
  border: 6px solid var(--sns-light1);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.post:has(.custom_tag_snsrnd) {
  width: 440px !important;
  margin: 0 auto !important;
}

:is(
    .post:has(.custom_tag_snsrnd),
    .post:has(.custom_tag_snsmsdcall),
    .post:has(.custom_tag_snsgd)
  )
  .post-box {
  grid-template-columns: 1fr;
}

.post:has(.custom_tag_snsrnd) sns_name {
  right: auto;
  left: 0;
}

.post:has(.custom_tag_snsrnd) .spoiler-box {
  box-shadow: none;
  width: 100%;
}

.post:has(.custom_tag_snsrnd) .spoiler-box > div:before {
  mask-image: url(https://forumstatic.ru/files/001c/86/ed/70320.svg) !important;
  -webkit-mask-image: url(https://forumstatic.ru/files/001c/86/ed/70320.svg) !important;
  margin: 2px 0 0 4px;
  width: 16px !important;
  height: 16px !important;
  mask-size: cover !important;
}

.post:has(.custom_tag_snsrnd) :is(blockquote, .spoiler-box > div) {
  border-radius: 3px;
}

.post:has(.custom_tag_snsrnd) .post-rating-vote {
  justify-content: flex-start;
}
.post:has(.custom_tag_snsrnd) .post-content {
  grid-column: -1/1;
}

.post:has(.custom_tag_snsrnd) .post-box {
  grid-template-columns: min-content 1fr;
}

.post:has(.custom_tag_snsrnd) :is(.post-rating, .post-vote) {
  margin-top: -17px;
}

.post:has(.custom_tag_snsrnd) .spoiler-box > div {
  background: var(--sns-light1) !important;
  width: 20px;
}

.post:has(.custom_tag_snsrnd) blockquote.visible {
  margin-top: 20px;
}

.post.user-2:has(.custom_tag_snsrnd) .post-author {
  grid-column: 1;
}

/*-------------------------------------------------------------------------------------- call */

.post:has(.custom_tag_snscall),
.post:has(.custom_tag_snsmsdcall) {
  width: 50%;
  margin-left: calc(50% - 50% / 2);
  min-height: 110px;
}

.post:has(.custom_tag_snscall) .post-body {
  padding: 0;
}

.post:has(.custom_tag_snscall) > .container {
  height: 100%;
}

.post:has(.custom_tag_snscall) .post-box {
  display: flex;
  height: 100%;
}

.post:has(.custom_tag_snscall) .post-content {
  padding: 0 130px !important;
}
:is(
    .post:has(.custom_tag_snscall),
    .post:has(.custom_tag_snsmsdcall),
    .post:has(.custom_tag_snsgd)
  )
  .post-content {
  display: flex;
  justify-content: center;
  background: transparent !important;
  align-items: center;
  min-height: 76px;
}

.custom_tag_snscall {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 100%;
  top: calc(0px - var(--links-h));
  left: 0;
}
.custom_tag_snscall,
.post:has(.custom_tag_snsmsdcall),
.post:has(.custom_tag_snsgd) {
  border-radius: var(--sns-radius);
  overflow: hidden;
}

.post:has(.custom_tag_snscall) .post-links {
  width: calc(100% - 110px * 2);
  border-radius: 0;
  left: 110px;
}

.custom_tag_snscall .sns_av {
  border-radius: 0;
}

.post:has(.custom_tag_snscall) .post-content p {
  z-index: 1;
}

.post:has(.custom_tag_snscall) .post-content p strong {
  top: calc(0px - var(--links-h));
}

.post:has(.custom_tag_snscall) .post-content p {
  background: var(--sns-light1);
  color: var(--sns-dark1);
  position: static !important;
}

.post:has(.custom_tag_snscall) .post-content p span {
  font-style: normal !important;
}

span.call_start:before {
  content: "\f2a0";
  font: 600 22px var(--fa);
  color: var(--sns-accent2);
}

span.call_start {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px !important;
}

.post:has(.custom_tag_snsmsdcall) p:before {
  content: "пропущенный звонок (";
}

.post:has(.custom_tag_snsmsdcall) p::after {
  content: ")";
}

.post:has(.custom_tag_snsconf) .custom_tag_snscall {
    position: relative;
    padding: 0px;
    top: auto;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.post:has(.custom_tag_snsconf) .post-content {
    padding: 20px !important;
    flex-direction: column;
    gap: 10px;
}

.post:has(.custom_tag_snsconf) .post-links {
    width: 100%;
    left: 0;
    border-radius: var(--sns-radius) var(--sns-radius) 0 0;
}

.post:has(.custom_tag_snsconf) .post-content p strong {
    left: 0;
    border-top-left-radius: var(--sns-radius);
}

.post:has(.custom_tag_snsconf) .sns_av.default:before {
    font-size: 40px;
}

/*-------------------------------------------------------------------------------------- sns guide */
:is(#pun [data-forum-id="29"], #pun [data-forum-id="31"]) :is(.forum .isticky) {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: transparent;
}

:is([data-forum-id="29"], [data-forum-id="31"]) :is(.forum .isticky .intd) {
  display: flex;
  justify-content: center !important;
}

.post-content:has(.custom_tag_snsgd) {
  gap: 20px;
}

.post:has(.custom_tag_snsgd) .post-content {
    display: grid;
    align-items: stretch;
    grid-template-columns: 1fr 270px;
}

.custom_tag_snsgdb table td {
    box-sizing: border-box;
}

/*-------------------------------------------------------------------------------------- mask */

.hv2-preview-author .pa-fld2 {
    flex-direction: column;
    gap: 10px;
}

.hv2-preview-author .pa-fld2 sns_name {
    position: relative;
    left: auto;
    top: auto;
    border-radius: var(--sns-radius);
}

