/*************************************************************
СТИЛЬ
*************************************************************/
#pun-index #pun-main .category .container {
    background: var(--quote-color);
    color: var(--text-color);
    width: 960px;
    margin-left: 20px;
    border: 1px solid var(--white);
    padding-bottom: 15px;
border-radius: 10px;
  }

/* Тело
-------------------------------------------------------------*/
body {
  background-color: var(--body-color);
  background-image: var(--body-img);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: top center;
}

#pun {
  background: var(--pun-color);
  width: var(--body-width);
  margin: 350px auto 0;
  padding: 0 var(--pun-padding) 0;
  color: var(--text-color);
  border-radius: 0;
}

#profile .container:not(.fs-box .container) {
  padding: 0 0 0 calc(13.6em + var(--pun-padding)) !important;
}

.punbb .section .container,
.punbb .post-body,
.punbb .post-links,
.punbb td.tc2,
.punbb td.tc3,
.punbb .formal fieldset .post-box,
.punbb .info-box,
.punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: var(--text-color);
}

.punbb th {
  background-color: transparent;
  color: var(--grey);
}

#setmods dd,
#setmods dl {
  background-color: transparent;
  color: var(--text-color);
  font-weight: 400 !important;
}

/* Шапка
-------------------------------------------------------------*/
#pun-title table {
  background-image: var(--header-img);
  background-position: top center;
  width: var(--header-width);
  height: var(--header-height);
  margin: calc(-110px - var(--header-height) + var(--body-padding) + 38px - 2px) 0 0 0;
  left: 0;
  top: 0;
  position: absolute;
  z-index: -3;
}

/* Меню навигации: форум, участники и т. д.
-------------------------------------------------------------*/
#pun-navlinks {
  width: var(--body-width);
  height: 35px;
  background: transparent;
  /* word-spacing: 0; */
  right: 0;
  top: calc(-420px - var(--pun-padding) / 2 + 4px);
  margin: 0 0 calc(0px - var(--pun-padding) / 2) calc(0px - var(--pun-padding));
  padding: 0 0;
  position: relative;
}

#pun-navlinks li a span {
  display: none;
  font-size: 0;
  width: 0;
  height: 0;
  letter-spacing: 0;
  line-height: 0;
}

#pun-navlinks .container {
  display: flex;
  align-items: center;
  justify-content: center;
}

#pun-navlinks li {
  margin: 0px 20px;
  position: relative;
  width: auto;
  height: auto;
  padding: 0 !important;
}

#pun-navlinks #navindex a:after {content: url(https://forumupload.ru/uploads/001a/f6/b2/2/267465.png);}
#navuserlist>a:after {content: url(https://forumupload.ru/uploads/001a/f6/b2/2/707246.png);}
#navsearch>a:after {content: url(https://forumupload.ru/uploads/001a/f6/b2/2/336781.png);}
#navprofile>a:after {content: url(https://forumupload.ru/uploads/001a/f6/b2/2/473270.png);}
#navpm>a:after {content: url(https://forumupload.ru/uploads/001a/f6/b2/2/29938.png);}
#navadmin>a:after {content: url(https://forumupload.ru/uploads/001a/f6/b2/2/102364.png);}
#navlogout>a:after {content: url(https://forumupload.ru/uploads/001a/f6/b2/2/744491.png);}
#navlogin>a:after {content: url(https://forumupload.ru/uploads/001a/f6/b2/2/912301.png);}
#navregister>a:after {content: url(https://forumupload.ru/uploads/001a/f6/b2/2/205544.png);}
#navpr_1>a:after {content: url(https://forumupload.ru/uploads/001a/f6/b2/2/176280.png);}

#pun-navlinks li>a {display: inline-block;visibility: hidden;}
#pun-navlinks li>a:after {display: inline-block; visibility: visible!important; transition: 0.4s;}
#pun-navlinks li:hover>a:after {filter: brightness(1.3); transition: 0.4s; }
#pun-navlinks img {width: 16px;}

#pun-admain span[class="adinput"] input, #pun-admain span[class="adinput"] label {
    vertical-align: middle;
    color: var(--text-color) !important;
}

#navindex a:hover, #navuserlist a:hover, #navsearch a:hover, #navprofile a:hover, #navpm a:hover, #navadmin a:hover, #navlogout a:hover, #navlogin a:hover, #navregister a:hover, #navpr_1 a:hover {opacity: 0.5;}

/* Меню навигации 2: новые соо, активные темы и т. д.
-------------------------------------------------------------*/
#pun-ulinks {
  width: var(--body-width) !important;
  height: auto;
  background: transparent;
  padding: 0 !important;
  box-sizing: border-box;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: start;
  text-align: center;
  font-size: 8px;
  font-weight: 400 !important;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  word-spacing: 0;
  margin: 0 0 0 calc(0px - var(--pun-padding));
  top: 0;
  left: 0;
  font-family: var(--helvetica-bold);
  opacity: 0.7;
  z-index: 5;
}

#pun-ulinks .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

#pun-ulinks li {
  margin: 0 9px;
}

#pun-ulinks li a {
  color: var(--text-color);
  margin: 0 !important;
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
}

#pun-ulinks li a:hover {
  color: var(--accent-color1);
}

/* Приветствие
-------------------------------------------------------------*/
#pun-status {
  box-sizing: border-box;
}

#pun-status .container {
  font-size: 7px;
  letter-spacing: 0.8px;
  line-height: 1;
  text-transform: uppercase;
  box-sizing: border-box;
  font-weight: 400;
  font-family: var(--helvetica-regular);
  color: var(--text-color);
  position: absolute;
  width: 100%;
  left: 0;
  top: calc(215px - var(--header-height) + var(--body-padding) + var(--pun-padding) / 2);
  text-align: center;
  z-index: 3;
}

#pun-status .container strong,
#pun-status .container .item1 strong {
  font-weight: 400;
}

#pun-status .container .item1 strong,
#pun-status .container a {
  color: var(--accent-color1);
  font-family: var(--helvetica-bold);
}

#pun-status .status-right {
  float: right;
  position: absolute;
  right: calc(0px - var(--body-padding));
}

#pun-status .status-right,
#pun-status .status-right a {
  color: var(--accent-color1) !important;
}

#pun-crumbs1 .container,
#pun-crumbs2 .container {
  font-size: 1em;
  text-transform: lowercase;
  color: var(--text-color);
  text-align: center;
  line-height: 1;
  font-family: var(--helvetica-regular);
  letter-spacing: 0.2px;
}

#pun-index div#pun-crumbs1,
#pun-index div#pun-crumbs2 {
  font-size: 0;
}

#pun-index div#pun-crumbs1 {
  margin: 20px 0 0 !important;
}

#pun-index div#pun-crumbs2 {
  margin: 0 !important;
}

/* Объявление и переадресация
-------------------------------------------------------------*/
/* Заголовки
-------------------------------------------------------------*/
.punbb h1,
.punbb h2,
.punbb h3,
.punbb h4,
.punbb table,
.punbb th,
#pun-admain h1 span,
#pun-admain h2 span,
#pun-admain legend span,
#pun-admain .adformal h3 span {
  font-size: 1em;
  font-weight: 400 !important;
  font-family: var(--helvetica-regular);
}

.punbb .main h1,
.punbb .main h2,
#pun-debug h2,
.punbb-admin #pun-admain h2,
.punbb-admin #pun-admain legend span {
  text-align: center;
  text-transform: uppercase !important;
  font-size: 0.9em !important;
  letter-spacing: 0.4px;
  line-height: 1;
  margin: 0;
  background: transparent;
  color: var(--text-color);
}

.punbb-admin #pun-admain h2,
.punbb-admin #pun-admain h1 {
  text-transform: lowercase;
}

.punbb .topic h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 0.9em;
  letter-spacing: 0.4px;
  line-height: 1;
  margin: 0;
}

/* категории
-------------------------------------------------------------*/
.punbb .category {
  padding: 0;
  box-sizing: border-box;
  width: var(--body-width);
  margin: 0 0 0 calc(0px - var(--pun-padding));
  border-right-width: 0px !important;
}

.punbb #pun-stats h2 {
  display: none !important;
}

div#pun-stats {
  margin: var(--body-padding) 0 0;
}

#pun th {
font-size: 0px;
}

#pun-index .category h2 {  margin: 0 0 -5px 0;     text-align: center;}
#pun-index .category h2 span {font-family: Ebenya !important;
                              font-family: Ebenya !important;
                              display: block;
                              text-transform: uppercase;
                              float: center;
                              padding: 0px 0px 0px 0px;
                              position: relative;
                              overflow: hidden;
                              z-index: 0;
                              font-size: 45px;
                              height: 35px!important;
                              line-height: 60px;
                              width: 1000px;
                              color: var(--white);
                              -webkit-text-stroke-color: var(--white);
                              -moz-text-stroke-color: var(--white);
                             margin-left: -20px;
                              text-align: right;
                              }

/* Иконки подфорумов
-------------------------------------------------------------*/
div.icon {
  background: var(--pun-color);
  box-shadow: 0 0 0 0px var(--border-color);
  opacity: 1;
  border-radius: 0;
}

div.inew,
div.icon-new {
  background: var(--accent-color1) !important;
  box-shadow: 0 0 0 0px var(--accent-color1) !important;
  font-weight: 400 !important;
  opacity: 1;
}

tr.isticky div.icon {
  background: var(--button-color) !important;
  box-shadow: 0 0 0 1px var(--button-color) !important;
  opacity: 1;
}

div.inew ~ .tclcon:not(#pun-index .tclcon),
.icon.inew ~ .tclcon a:not(#pun-index .tclcon a) {
  font-weight: 400 !important;
  font-family: var(--helvetica-bold) !important;
  color: var(--accent-color1) !important;
}

#pun-viewforum div.icon,
#pun-searchtopics div.icon,
#pun-messages div.icon,
.multipage div.icon {
  height: 10px;
  width: 10px;
  margin: 5px 0 0;
}

#pun-index div.icon {
  background-color: var(--border-color);
  font-weight: 400 !important;
  float: none;
  width: 20px;
  height: 20px;
  border-radius: 0px;
  display: block;
  margin: 5px 0 0 -50px;
  line-height: 1;
  opacity: inherit;
  box-shadow: none !important;
  flex-shrink: 0;
  position: absolute;
}

#pun-index div.inew {
  background-color: var(--button-color);
}

/* Таблица общее
-------------------------------------------------------------*/
.multipage .forum {
  margin-top: 0;
  text-transform: lowercase;
}

thead {
  text-transform: lowercase;
}

.punbb td span.youposted {
  margin-left: -1em;
  font-weight: 400;
}

.punbb td .modlist {
  display: block;
  padding-top: 0.3em;
}

#pun-index .main .user-avatar {
  position: relative;
  margin: 0px 0 0 0 !important;
  z-index: 5;
}

.punbb .user-avatar {
  float: left !important;
  height: 28px;
  width: 28px;
  margin: 0px 7px 0px 10px !important;
  background: var(--user-avatar-color);
  border-radius: 0 !important;
}

.punbb .user-avatar .avatar-image {
  height: 28px !important;
  width: 28px !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  mix-blend-mode: soft-light;
  filter: contrast(1) brightness(1) grayscale(1);
}

#pun-viewforum .user-avatar .avatar-image,
#pun-viewforum .user-avatar,
#pun-searchtopics .user-avatar .avatar-imager,
#pun-searchtopics .user-avatar {
  width: 28px !important;
  height: 28px !important;
  margin-left: 10px !important;
}

#pun-viewforum .user-avatar .avatar-image,
#pun-viewforum .user-avatar,
#pun-searchtopics .user-avatar .avatar-imager,
#pun-searchtopics .user-avatar {
  float: right !important;
}

#pun-index .user-avatar,
#pun-index .user-avatar .avatar-image {
  height: 28px !important;
  width: 28px !important;
}

#pun-index .user-avatar .avatar-image {
  margin: 0 !important;
  position: relative;
  opacity: 0.5 !important;
}

.punbb .user-avatar .isonline {
  background: var(--accent-color1) !important;
  top: -2px !important;
  right: -2px !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  z-index: 4 !important;
}

#pun-index .user-avatar .isonline {
  top: -2px !important;
  right: -2px !important;
}

/* Таблица на index + подфорумы
-------------------------------------------------------------*/
#pun-index .main .tcl {
  text-align: left;
  width: calc(var(--body-width) * 0.62 - 12px - 20px);
  height: auto;
  padding: 0;
  vertical-align: top;
}

#pun-index .main thead .tcl {
  height: 0;
}

#pun-index .main thead {
  display: none;
}

.container table:not(div#form-buttons table, #pun-profile table, .fs-box .container table) {
  padding: 0 0;
}

#pun-index .container table {
  padding: 0 !important;
  border-spacing: 0;
  margin: 0;
}

#pun-index .main td.tcr {
  text-align: center;
  width: calc(var(--body-width) * 0.38 - 12px - 20px);
  padding: 40px 0 0 0;
  box-sizing: border-box;
  line-height: 14px;
  min-height: 30px;
  vertical-align: middle;
}

#pun-index .main td.tcl .intd {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
}

#pun-index .main .tcr a.lastpost-link {
  box-sizing: border-box;
  font-family: var(--helvetica-bold);
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.4px;
  color: var(--accent-color1);
  width: auto;
  max-width: calc(var(--body-width) * 0.38 - var(--body-padding) * 3);
  height: 12px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: -20px 0 0 !important;
  padding: 0;
  text-align: center;
  line-height: 1 !important;
  text-transform: lowercase;
  display: inline-block;
  position: relative;
  z-index: 2;
}

#pun-index .main .tcr a.lastpost-link:hover {
  color: var(--accent-color2);
}

#pun-index .main .tcr .lastpost {
  line-height: 140%;
  box-sizing: border-box;
  font-family: var(--helvetica-regular);
  display: inline-block;
  width: auto;
  max-width: calc(var(--body-width) * 0.38 - var(--body-padding) * 3);
  font-weight: 400 !important;
  font-size: 7px;
  color: var(--text-color);
  text-transform: uppercase;
  text-align: center;
  margin: 0px !important;
  padding: 0 0 0 1px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#pun-index .main .tcr span.datetime {
  margin-right: 2px;
}

#pun-index .main .tcr span.byuser {
  margin-left: 2px;
}

#pun-index .main tbody.hasicon {
  position: relative;
}

#pun-index td .tclcon {
  box-sizing: border-box;
  height: auto;
  width: calc(var(--body-width) * 0.62 - var(--body-padding) * 2);
  border-radius: 0;
  color: var(--grey);
  font-weight: 400 !important;
  font-size: 9px;
  font-family: var(--helvetica-regular);
  letter-spacing: 1px;
  line-height: 140%;
  text-transform: lowercase;
  padding: 0;
  margin: 0;
  text-align: justify;
}

#pun-index .main td.tcl h3 {
  font-size: 18px;
  letter-spacing: 0;
  font-weight: 400 !important;
  text-transform: uppercase;
  height: auto;
  width: auto;
  max-width: calc(var(--body-width) * 0.62 - 358px - 20px - 100px);
  box-sizing: border-box;
  margin: 0;
  color: var(--accent-color1);
  font-family: "Gill Sans";
  text-align: center;
  padding: 10px 0 10px;
}

#pun-index .main td.tcl h3 a {
  color: var(--accent-color1);
}

#pun-index .main td.tcl h3 a:hover {
  color: var(--accent-color2);
}

#pun-index div.category .container {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#pun-index .container table tr {
  position: relative;
  display: block;
  margin: 0 calc(var(--body-padding) + 15px);
  border-radius: 0;
  padding: var(--pun-padding) 0 0;
}

#pun-index td .tclcon .tclcon-links {
  display: inline-flex;
  margin: 0 10px 0 0 !important;
  height: auto;
  text-transform: lowercase;
  width: 25%;
  text-align: center;
  justify-content: start;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
  float: left;
}

#pun-index td .tclcon .tclcon-links a {
  letter-spacing: 0.8px;
  color: var(--pun-color) !important;
  padding: 1px 6px 3px;
  box-sizing: border-box;
  line-height: 1;
  font-family: Gill Sans;
  font-size: 9px;
  margin: 2px 0;
  width: 100%;
  min-width: 114px;
  text-align: center;
  font-weight: 400;
  cursor: pointer;
  background: var(--accent-color2);
}

#pun-index td .tclcon .tclcon-links a:hover {
  color: var(--accent-color2) !important;
  background: var(--accent-color1);
}

/* Таблица на searchtopics и viewforum
-------------------------------------------------------------*/
#pun-searchtopics,
#pun-viewforum,
#pun-messages td,
#pun-respect,
#pun-positive,
#pun-online,
#pun-statistic {
  letter-spacing: 0.2px;
  text-transform: lowercase;
  font-family: var(--helvetica-regular) !important;
  font-weight: 400 !important;
}

#pun-statistic.punbb #pun-main h1 {
  font-size: 12px !important;
  padding: 30px 0 0;
  letter-spacing: 1px;
  justify-content: flex-start;
  text-align: right !important;
}

#pun-messages th,
.multipage th {
  letter-spacing: 0.2px;
  font-size: 0.8em !important;
  text-transform: lowercase;
  font-family: var(--helvetica-bold) !important;
  font-weight: 400 !important;
}

#pun-searchtopics .tclcon strong,
#pun-viewforum .tclcon strong,
#pun-online a.registered-user {
  font-family: var(--helvetica-bold) !important;
  font-weight: 400 !important;
}

#pun-searchtopics td .tclcon,
.multipage td .tclcon {
  margin-left: 20px;
}

#pun-searchtopics td.tcl,
.multipage td.tcl {
  text-align: left;
}

#pun-searchtopics td .tc3,
#pun-searchtopics td .tc2 {
  font-size: 0.9em !important;
  text-align: center;
}

#pun-searchtopics th.tc2,
#pun-searchtopics th.tc3 {
  font-size: 0.8em !important;
}

#pun-searchtopics .tcr {
  text-align: right;
}

#pun-searchtopics .tcr a {
  display: block;
  font-weight: 400 !important;
  text-transform: lowercase !important;
}

#pun-searchtopics .tcr a:hover {
  color: var(--link-hover) !important;
}

#pun-searchtopics .tc2,
#pun-searchtopics .tc3 {
  text-align: center;
  text-transform: lowercase;
}

#pun-searchtopics .tcl {
  text-align: left;
}

#pun-viewforum td .tclcon,
.multipage td .tclcon {
  margin-left: 20px;
  letter-spacing: 0.4px;
}

#pun-viewforum td.tcl,
.multipage td.tcl {
  text-align: left;
}

#pun-viewforum td.tc3,
#pun-viewforum td.tc2,
.multipage td.tc3,
.multipage td.tc2 {
  text-align: center;
}

#pun-viewforum .tcr,
.multipage .tcr {
  text-align: right;
}

#pun-viewforum .tcr a,
.multipage .tcr a {
  font-weight: 400 !important;
  text-transform: lowercase !important;
}

#pun-viewforum .tcl,
.multipage .tcl {
  text-align: left;
}

#pun-viewforum td a,
.multipage td a,
#pun-searchtopics td a {
  color: var(--text-color);
}

#pun-viewforum td a:hover,
.multipage td a:hover,
#pun-searchtopics td a:hover {
  color: var(--link-color);
}

#pun-viewforum td span,
.multipage td span,
#pun-searchtopics td span {
  color: var(--grey);
}

#pun-online .tcl:not(:first-child) {
  text-align: center;
}

#pun-online .tcl,
#pun-online .tc3 {
  text-transform: lowercase;
}

/* Таблица на userlist
-------------------------------------------------------------*/
#pun-userlist {
  font-weight: 400 !important;
  text-transform: lowercase;
  letter-spacing: 0.4px;
}

#pun-userlist .user-avatar {
  float: left !important;
  margin: 0 10px 0 0 !important;
  width: 28px;
  height: 28px;
}

#pun-userlist .tcl span.usersname {
  display: flex;
  align-items: center;
  height: 25px;
}

#pun-userlist .usersname a {
  color: var(--text-color);
}

#pun-userlist .usersname a:hover {
  color: var(--link-hover);
}

/* Таблица на messages
-------------------------------------------------------------*/
#pun-messages tbody.hasicon td.tcl {
  padding-left: 0;
}

#pun-messages td .tclcon {
  margin-left: 15px;
}

#pun-messages td.tc2,
#pun-messages td.tc3 {
  text-align: center;
  text-transform: lowercase;
}

#pun-messages td.tcl {
  text-align: left;
}

#pun-messages .tcr a {
  font-size: 1em !important;
  font-weight: 400 !important;
  text-transform: lowercase !important;
  letter-spacing: 0.4px !important;
  color: var(--body-color) !important;
}

#pun-messages .tcr {
  text-align: right;
}

#pun-messages .tc2:last-of-type {
  text-align: right;
}

#pun-messages fieldset legend strong {
  text-transform: lowercase;
  font-weight: 400 !important;
  letter-spacing: 0.2px;
  font-size: 1.2em !important;
}

.punbb .post-body {
  margin: 0 0 20px calc(var(--profile-width) + var(--pun-padding)) !important;
}

#pun-messages .post-body {
  margin: 0 calc(0px - var(--pun-padding)) 0 calc(var(--profile-width)) !important;
  padding: var(--pun-padding) var(--pun-padding) var(--pun-padding) var(--pun-padding);
  background-color: var(--pun-color);
  box-sizing: border-box;
  width: calc(var(--body-width) - var(--profile-width) - 13.6em - var(--pun-padding) * 2);
}

#pun-messages .post-box {
  margin: 0;
}

#pun-messages .post-links ul {
  margin: 10px 0 0 0 !important;
}

#pun-messages .post-author ul {
  margin: calc(var(--pun-padding) * 1.5) 0 0;
}

#pun-messages .post h3 span {
  font-size: 9px;
  font-weight: 400 !important;
  height: 100%;
  text-transform: uppercase;
  z-index: 1;
  color: var(--accent-color1);
  padding: 4px 0;
  line-height: 1;
  border-radius: 0px;
  box-sizing: border-box;
  width: auto;
  gap: 10px;
}

#pun-messages .tclcon strong a {
  font-weight: 400 !important;
  color: var(--text-color);
}

#pun-messages dl.post-sig {
  display: none;
}

#pun-messages .pa-avatar.item2 {
  margin: 0 0 3px;
}

.punbb .fs-box a:not(.pl-email a) {
  color: var(--text-color) !important;
  font-weight: 400;
  font-family: var(--helvetica-regular);
}

/* Другие таблицы
-------------------------------------------------------------*/
#pun-multimove .post .container,
#pun-searchposts .post .container {
  padding: 0;
}

#pun-multimove .post-links ul,
#pun-searchposts .post-links ul {
  padding: 0 0 0;
}

#pun-multimove .post h3 span,
#pun-searchposts .post h3 span {
  justify-content: center;
  padding: 0 !important;
  flex-direction: row;
}

#pun-post .post h3 span {
  padding: 0 0 0 calc(170px + var(--pun-padding)) !important;
}

div#pun-multimove .endpost {
  margin-bottom: 70px;
}

#pun-multimove .pl-select {
  line-height: 1 !important;
}

/* Личные сообщения
-------------------------------------------------------------*/
#volSlider {
  background: var(--black-medium) !important;
  width: 100px !important;
  height: 6px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#volSlider .before {
  background: var(--black-medium) !important;
  height: 6px !important;
  border-radius: 0 !important;
  margin-top: 0 !important;
}

#volSlider .thumb {
  background: var(--black-more) !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  position: relative !important;
  margin-bottom: 1px;
}

.FNTslider {
  position: relative;
  z-index: 1000;
  background: var(--black-medium) !important;
  width: 100px !important;
  height: 6px !important;
  margin: 0 auto !important;
  float: right;
}

.FNTslider .before {
  height: 100% !important;
  border: none !important;
  position: absolute !important;
  background: var(--black-medium) !important;
  margin: 0 !important;
}

.FNTslider .thumb {
  width: 1em !important;
  height: 100% !important;
  position: relative;
  top: 0 !important;
  background: var(--black-more) !important;
  cursor: pointer;
}

div#notify-settings {
  font-weight: 400 !important;
  text-transform: lowercase;
  letter-spacing: 0.2px;
  font-size: 0.9em;
  margin: 0 0 20px !important;
}

#pun-messages dl.post-sig {
  display: none;
}

.bubble,
#notify-link .unreads,
#navpm .unreads {
  background: transparent !important;
  color: var(--text-color) !important;
  top: -2px !important;
  right: 0 !important;
  font-weight: 400 !important;
  font-size: 8px !important;
  font-family: var(--helvetica-regular) !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  letter-spacing: 0 !important;
  position: relative !important;
  min-width: auto !important;
  margin-left: 2px !important;
  height: auto !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.bubble:before,
#notify-link .unreads:before,
#navpm .unreads:before {
  content: "( ";
}

.bubble:after,
#notify-link .unreads:after,
#navpm .unreads:after {
  content: " )" !important;
  border-width: 0 !important;
  display: inline !important;
  left: 0 !important;
  position: relative !important;
}

/* Статистика
-------------------------------------------------------------*/
#pun-stats .item1,
#pun-stats .item2,
#pun-stats .item3,
#pun-stats .item4 {
  color: var(--text-color);
  font-size: 10px;
  font-weight: 400 !important;
  line-height: 1;
  text-transform: lowercase;
  letter-spacing: 0.4px;
  font-family: var(--helvetica-regular);
}

#pun-stats li.item1 strong, #pun-stats li.item2 strong { display: block; }
}

#pun-stats li strong {
  font-weight: 400 !important;
}

#pun-stats .item4 a {
  color: var(--link-color);
}

#pun-stats .item4 a:hover {
  color: var(--accent-color2);
  opacity: 0.8;
}

#onlinelist a {
  color: var(--accent-color1);
}

#onlinelist div a:first-child:not(#onlinelist span a:first-child) {
  color: var(--text-color);
}

#onlinelist a:hover {
  color: var(--accent-color2);
}

#onlinelist span,
#onlinelist a {
  font-size: 10px;
  letter-spacing: 0.4px;
}

#pun-stats ul.container {
    background-size: auto; position: relative;
    background-attachment: scroll; background-clip: border-box;
    background-origin: padding-box; background-repeat: no-repeat;
    border-radius: 0px; border: 1px solid #edecee!important;
    background-position: 15px 73px;
    width: 880px; background: var(--quote-color);
    margin: 0px 0px 30px 0px;
    padding: 10px 25px 15px 50px;
    background-image: url(-);}

/* Футер
-------------------------------------------------------------*/
#pun-about p.container {   
  position: absolute;
  background: url(https://forumupload.ru/uploads/001a/f6/b2/2/918390.png) center top no-repeat;
  height: 150px; width: 1000px;
  border-radius: 0px!important;
  font-size: 0!important;
  margin-left: -22px;
}

div#pun-about {
  margin-bottom: 1px; height: 65px;
}

.banners {
  display: block;
  position: absolute;
  overflow-y: auto;
  text-align: center;
  padding: 0;
  margin: 0 47px 0 !important;
  height: 62px;
  width: 60%;
  box-sizing: border-box;
  line-height: 1;
  border-radius: 0;
  bottom: -10px;
}

.banners a:first-child {
  margin-left: 0px;
}

/* Посты
-------------------------------------------------------------*/
#post-form h2 {
  padding: 0 !important;
  margin: 0 !important;
}

#image-area-tinp {
  color: var(--accent-color1);
}

#main-reply {
  border-radius: 0;
}

.punbb input:not(input.button-color),
.punbb select,
.punbb optgroup {
  border-radius: 0;
}

.punbb .post h3 {
  height: auto;
  color: var(--accent-color1);
  width: calc(100% + var(--pun-padding));
  position: relative;
  margin: 0 0 1px calc(0px - var(--pun-padding) * 0.5) !important;
  padding: 0 calc(var(--pun-padding) * 0.75) calc(var(--pun-padding) * 0.75);
}

#pun-multimove .post h3,
#pun-searchposts .post h3 {
  padding: 0 calc(var(--pun-padding) * 0.75) calc(var(--pun-padding) * 0.25) !important;
  box-shadow: none !important;
  width: 100% !important;
  margin: 0 0 1px 0 !important;
}

#pun-multimove .post h3 span em,
#pun-searchposts .post h3 span em {
  padding: 3px 0 4px;
  border-radius: 0px;
  box-sizing: border-box;
  color: var(--accent-color2);
  letter-spacing: 0;
  display: flex;
  width: auto;
  height: auto;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-weight: 400 !important;
  font-family: var(--helvetica-regular);
}

.punbb .post h3 span {
  padding: 0 0 0 calc(var(--profile-width) + var(--pun-padding));
  font-size: 8px;
  height: 9px;
  text-transform: uppercase;
  z-index: 1;
  font-family: var(--helvetica-bold);
  font-weight: 400;
  letter-spacing: 0.4px;
}

.punbb .post h3 strong {
  width: auto;
  float: right;
  font-weight: 400 !important;
  text-align: right;
  color: var(--accent-color1) !important;
  padding: 0 0 0 8px;
  line-height: 9px;
  border-radius: 0px;
  box-sizing: border-box;
}

#pun-multimove .post h3 strong,
#pun-searchposts .post h3 strong,
#pun-post .post h3 strong {
  padding: 3px 0 4px 8px !important;
}

.punbb .post h3 span a {
  color: var(--accent-color1);
  padding: 0;
  line-height: 9px;
  border-radius: 0px;
  box-sizing: border-box;
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.punbb .post h3 span a:hover {
  opacity: 0.5;
}

.punbb .post h3 span em {
  margin: 0 0px;
}

.pun-modal.move_posts_form h2,
.punbb fieldset legend span {
  padding: 5px 0 !important;
  text-align: center;
  color: var(--text-color);
  font-size: 1.2em !important;
  letter-spacing: 0.2px;
  line-height: 1;
  font-weight: 400 !important;
  text-transform: lowercase !important;
  list-style: upper-alpha;
  margin: 0 !important;
  display: block;
}

#mask_dialog .inner .hv-mask-dialog-title {
  display: none !important;
}

.punbb #pun-main h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
  height: auto;
  background: transparent;
  box-sizing: border-box;
  padding: 0;
  font-weight: 400 !important;
  color: var(--text-color);
  text-transform: lowercase !important;
  line-height: 1;
  letter-spacing: 0;
  margin: 0 !important;
  font-family: var(--helvetica-regular);
}

.punbb #pun-main h1:not(.editBookmark h1) {
  font-size: 0 !important;
}

/*обрамление кода*/
.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
    background-clip: padding-box;
    position: relative;
    padding-bottom: 5px !important;
    color: var(--text-color);
    border: 1px solid var(--border-color) !important;
    border-radius: 0px;
}

/*надпись скопировал и тд*/
.punbb .quote-box cite, .punbb .code-box strong.legend{
    display: block;
    padding: 10px;
    margin-bottom: 3px;
    margin-left: 0px;
    text-align: left;
    font-style: normal;
    font-size: 10px!important;
    font-weight: 400;
    color: var(--white);
    letter-spacing: 0.5px;
    background: var(--quote);
    text-transform: uppercase;
    border-radius: 0 0 10px 10px;
    font-family: Gill Sans !important;
}

.punbb .quote-box cite {
  text-align: left;
}

.post-content .spoiler-box > div.visible {
  border-radius: 0 !important;
}

.punbb .post-content .spoiler-box > div {
  background-image: none !important;
  background: var(--pun-color);
  color: var(--text-color);
}

.punbb .post-content .spoiler-box > blockquote.visible {
  padding: 5px 12px 10px !important;
  background: var(--pun-color);
  border: none !important;
  color: var(--text-color);
}

.post-content .spoiler-box > div:before,
.post-content .spoiler-box > div.visible:before {
  width: auto;
  margin-right: 10px !important;
  font-family: var(--mso);
  color: var(--accent-color2);
  font-weight: 300;
}

.post-content .spoiler-box > div:before {
  content: "\e5cf";
}

.post-content .spoiler-box > div.visible:before {
  content: "\e5ce";
}

a.qc-post-link:before {
  margin: 0 !important;
  content: "\e8b6";
  display: inline-block;
  color: var(--pun-color);
  font-family: var(--mso);
  position: absolute;
  font-weight: 300;
}

a.qc-post-link:hover:before {
  color: var(--pun-color) !important;
}

.punbb .datafield span.input {
  font-weight: 400;
}

.punbb .info .container {
  text-transform: lowercase;
}

.punbb .post-sig dt {
  border-top: 1px solid var(--border-color) !important;
}

em.bbuline {
  border-bottom: 1px solid var(--accent-color2) !important;
}

del {
  opacity: 0.45;
}

hr {
  border: 1px solid var(--border-color) !important;
}

abbr {
  cursor: help;
  border-bottom: 1px dotted var(--accent-color2) !important;
}

.post-content .spoiler-box > div:before,
.post-content .spoiler-box > div.visible:before {
  width: auto;
  margin-right: 10px !important;
  font-family: var(--mso);
  color: var(--accent-color2);
  font-weight: 300;
}

.post-content .spoiler-box > div:before {
  content: "\e5cf";
}

.post-content .spoiler-box > div.visible:before {
  content: "\e5ce";
}

.post-content .highlight-text {
  background-color: var(--button-color) !important;
  color: var(--button-text-color) !important;
}

.punbb .post-links:not(#pun-messages .post-links) {
  margin: 0 0 0px;
  position: relative;
  width: calc(var(--body-width) - var(--pun-padding));
  height: 9px;
  padding: 0 calc(var(--pun-padding)) 0 var(--pun-padding);
}

.punbb .endpost .post-links:not(#pun-messages .post-links) {
  width: var(--body-width);
  padding: 0 var(--pun-padding);
}

#pun-multimove .post-links {
  margin: 0;
  position: relative;
  width: 100%;
}

#pun-viewtopic .post-links li {
  padding: 0 !important;
}

#pun-messages .post-links li {
  font-size: 0.9em;
}

.punbb .post-links a {
  text-transform: uppercase;
  font-weight: 400 !important;
  font-size: 8px;
  padding: 0;
  line-height: 9px;
  border-radius: 0;
  font-family: var(--helvetica-bold);
  letter-spacing: 0.4px;
}

.punbb .post-links li.pl-delete a,
.punbb .post-links li.pl-edit a,
.punbb .post-links li.pl-quote a,
.punbb .post-links li.pl-reports a {
  color: var(--accent-color1) !important;
  font-family: var(--helvetica-bold);
  margin-right: auto;
}

.punbb .post-links li.pl-email.profile a,
.punbb .post-links li.pl-email.pm a,
.punbb .post-links li.pl-email.email a {
  color: var(--accent-color2) !important;
}

.punbb .post-links a:hover {
  opacity: 0.5;
}

.punbb .modmenu .container {
  font-weight: 400 !important;
  text-transform: lowercase;
  z-index: 5;
  position: relative;
  box-sizing: border-box;
  padding: 18px 0 0;
  margin-top: 10px;
}

.punbb .modmenu strong a {
  background: var(--body-color);
  color: var(--text-color);
  padding: 2px 14px 5px;
  line-height: 1;
  border-radius: 0;
  border: 1px solid var(--border-color) !important;
}

.punbb .modmenu strong a:hover,
.punbb .formsubmit a:hover {
  background-color: var(--accent-color1) !important;
  color: var(--button-text-color) !important;
}

div.modmenu {
  margin-bottom: 10px;
}

div#topic-users-in p.container {
  padding: 5px 0 0;
  font-size: 0.9em;
}

.punbb .modmenu .container span {
  font-weight: 400 !important;
}

/* Пагинация и соседние строчки
-------------------------------------------------------------*/
.linkst .postlink,
.linkst .pagelink,
.linksb .pagelink {
  font-weight: 400 !important;
  text-transform: uppercase;
  font-size: 1.1em;
  letter-spacing: 0.4px;
  line-height: 1;
  z-index: 2;
}

.linksb .postlink,
.linksb .subscribelink {
  font-weight: 400 !important;
  text-transform: uppercase;
  font-size: 1.1em;
  letter-spacing: 0.4px;
  line-height: 1;
  z-index: 2;
  margin-left: 30px !important;
}

#pun-viewtopic .linksb .postlink {
  position: relative !important;
  right: 0 !important;
}

.pagelink strong {
  font-weight: 400 !important;
  color: var(--text-color) !important;
  padding: 0 2px;
  letter-spacing: 0;
  line-height: 1;
  font-family: var(--helvetica-bold);
}

.pagelink a {
  font-weight: 400 !important;
  background: transparent;
  padding: 0 3px;
  letter-spacing: 0;
  line-height: 1;
}

.pagelink a:hover {
  background: var(--text-color) !important;
  color: var(--pun-color) !important;
}

.linksb,
.linkst {
  font-weight: 400 !important;
  text-transform: uppercase;
  font-size: 0.7em !important;
  letter-spacing: 0.2px !important;
}

.linksb .postlink a,
.linksb .subscribelink a {
  color: var(--link-hover);
}

.linksb .postlink a:hover,
.linksb .subscribelink a:hover {
  color: var(--grey);
}

.linksb:not(#messages .linksb),
.linkst:not(#messages .linkst) {
  box-sizing: border-box;
}

#pun-viewtopic .linkst,
.multipage .linkst {
  width: var(--body-width) !important;
  margin: 0 0 20px calc(0px - var(--pun-padding));
  padding: 10px var(--pun-padding) !important;
  color: var(--text-color);
}

#pun-viewtopic .linksb,
.multipage .linksb {
  width: var(--body-width) !important;
  margin: 0 0 0 calc(0px - var(--pun-padding));
  padding: 10px var(--pun-padding) 15px !important;
  color: var(--text-color);
}

#pun-viewtopic .linksb .pagelink strong,
#pun-viewtopic .linkst .pagelink strong,
.multipage .linksb .pagelink strong,
.multipage .linkst .pagelink strong {
  box-shadow: 0 0px 0 0 var(--grey);
  color: var(--text-color);
}

/* профиль в постах
-------------------------------------------------------------*/
.punbb .post .post-author {
    width: var(--profile-width);
    height: auto;
    padding: 0 0 50px;
    margin-top: -30px !important;
}

.punbb .post .post-author ul {
  border-radius: 0 !important;
  padding: 0 0 0 !important;
  position: relative;
  margin: calc(var(--pun-padding) * 1.5) 0 0 var(--pun-padding);
}

#pun-viewtopic .post-body {
  margin: 0 !important;
  padding: calc(var(--pun-padding) * 0.75) var(--pun-padding) var(--pun-padding);
  width: calc(var(--body-width) - var(--profile-width) - var(--pun-padding));
  background-color: var(--pun-color);
  box-sizing: border-box;
}

#pun-viewtopic .post .post-author ul {
  width: var(--profile-width);
  background: url(https://forumupload.ru/uploads/001b/e8/ … 464527.png) top center no-repeat, var(--select-text-color);
  border-bottom: 5px solid var(--grey) !important;
}

.punbb .post .post-author ul li {
  z-index: 2;
}

.pa-author {
    height: 22px;
    box-sizing: border-box;
    width: var(--profile-width);
    padding: 0 0 0 0 !important;
    text-align: center;
    font-family: 'Gill Sans', sans-serif;
    font-size: 11px;
    line-height: 17px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0px;
    text-shadow: none;
    margin: 0 0 6px 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--pun-color);
}

.pa-author a {
  color: var(--accent-color1) !important;
  background: var(--pun-color);
  flex-shrink: 0;
  padding: 0 10px;
}

.pa-author a:hover {
  color: var(--accent-color2) !important;
}

.pa-title {
  font-size: 7px;
  letter-spacing: 1px;
  width: 180px;
  height: 17px;
  text-align: center;
  padding: 3px 10px 3px !important;
  color: var(--grey);
  font-weight: 400 !important;
  font-family: var(--helvetica-regular);
  position: relative;
  margin: 0px 0 10px !important;
  text-transform: lowercase;
  line-height: 1;
  background: var(--pun-color);
  display: flex;
  justify-content: center;
  align-items: center;
}

.pa-avatar.item2 {
  margin: 0 0 20px !important;
  padding: 0 !important;
  border-radius: 0;
  position: relative;
}

.pa-avatar.item2 img,
#profile-left #pa-avatar img {
  border-radius: 0;
}

.pa-avatar.item2 img,
#profile-left #pa-avatar img {
outline: 3px solid #f4f4f4;
}

.pa-online {
  font-size: 0.7em;
  text-transform: uppercase;
  color: var(--pun-color);
  letter-spacing: 0.6px;
  width: 100%;
  padding: 10px 0 12px !important;
  line-height: 1;
  text-align: center;
}

#pun-viewtopic .pa-online,
#pun-viewtopic .pa-last-visit {
  position: absolute;
  display: block;
  left: 5px;
  top: 32px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  padding: 0 !important;
  margin: 0;
  font-size: 0;
  z-index: 9;
}

#pun-viewtopic .pa-online {
  background: var(--pun-color);
  box-shadow: 0 0 0 1px var(--pun-color);
}

#pun-viewtopic .pa-last-visit {
  background: var(--grey);
  box-shadow: 0 0 0 1px var(--grey);
}

.pa-online strong {
  font-weight: 400 !important;
}

#pun-messages .pa-author {
  text-align: center;
  order: 1;
}

#pun-messages .pa-author a,
#pun-messages .pa-author {
  color: var(--accent-color1) !important;
  font-family: var(--helvetica-bold) !important;
}

#pun-messages .pa-title {
  order: 0;
}

#pun-messages .pa-avatar.item2 {
  order: 2;
}

#pun-messages .pa-online {
  color: var(--text-color);
  letter-spacing: 1px;
  order: 3;
}

#pun-messages .pa-online strong {
  font-weight: 400 !important;
}

#pun-messages .pa-avatar.item2 {
  margin: 0 0 10px 0 !important;
}

.pa-respect,
.pa-posts, .pa-fld1 {
    text-align: center;
    font-family: 'Helvetica Regular', sans-serif;
    font-size: 7px;
    line-height: 7px;
    letter-spacing: 1.4px;
    text-transform: lowercase;
    font-weight: normal;
    color: var(--grey);
}

.pa-posts span.fld-name,
.pa-posts a,
.pa-respect span.fld-name,
.post-author .pa-fld1:before {
  font-weight: 400;
  margin: -10px 0 5px;
  text-transform: lowercase;
  font-size: 12px !important;
  letter-spacing: 0.2px;
  width: 100%;
  display: block;
  padding: 0;
  box-sizing: border-box;
  line-height: 1;
  font-family: var(--helvetica-bold);
}

.pa-respect span a:before {
  content: "likes";
  font-size: 12px !important;
}

.pa-respect img {
    -webkit-filter: hue-rotate(-210deg);
    filter: hue-rotate(-210deg);
    width: 8px;
    height: 8px;
}

.pa-posts a {
    margin-right: 2px;
    color: #e8e8e8 !important;
    letter-spacing: 1.4px;
}

.pa-posts:hover,
.pa-respect:hover {
    opacity: 0.8 !important;
}

#pun.isguest .pa-respect span.fld-name:before {
  content: "likes:";
  font-size: 12px !important;
}

.pa-posts span.fld-name:before {
  content: "mess:";
  font-size: 12px !important;
}

.post-author .pa-fld1:before {
  content: "money:";
}

.pa-respect a,
.pa-posts a,
.pa-respect span.fld-name,
.pa-posts span.fld-name,
.post-author .pa-fld1:before {
  color: var(--accent-color1) !important;
}

.pa-respect a,
.pa-posts span.fld-name,
#pun.isguest .pa-respect span.fld-name {
  font-size: 0px !important;
  display: inline-flex;
  flex-direction: column;
}

.post-author .pa-fld4 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  position: absolute;
  z-index: 3 !important;
  margin-top: 5px;
  right: -10px;
  top: 25px;
}

.post-author .pa-fld4 img {
  max-width: 24px;
  max-height: 24px;
  min-width: 16px;
  min-height: 16px;
}

.post-author .pa-fld2 {
  display: flex;
  width: var(--profile-width);
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: -10px auto 18px;
}

.post-author .pa-fld3 {
  position: absolute;
  display: block;
  width: 100%;
  padding: 0 10px !important;
  font-size: 9px;
  line-height: 120%;
  font-family: var(--helvetica-regular);
  font-weight: 400;
  letter-spacing: 0.5px;
  margin: -10px auto 0 !important;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}

.post-author .pa-fld3 a {
  color: var(--accent-color1) !important;
}

.post-author .pa-fld3 a:hover {
  color: var(--accent-color2) !important;
}

#pun-viewtopic .post div.container:not(.editBookmark div.container) {
  display: flex;
  flex-direction: row;
  margin: 0 0 0 calc(0px - var(--pun-padding));
  width: var(--body-width);
  flex-wrap: wrap;
}

#pun-viewtopic .post .post-author {
  width: calc(var(--profile-width) + var(--pun-padding));
}

/* Поиск по постам юзера
-------------------------------------------------------------*/
#pun-searchposts .post-author,
#pun-multimove .post-author,
#pun-post .post-author {
  padding: 0 !important;
  margin: 0 auto !important;
  width: 100%;
  height: auto;
}

#pun-searchposts .post-body,
#pun-multimove .post-body,
#pun-post .post-body {
  margin: 0 !important;
}

#pun-searchposts .post-author ul,
#pun-multimove .post-author ul,
#pun-post .pa-author {
  margin: 0 auto !important;
  padding: 7px 20px 6px !important;
  box-sizing: border-box;
  box-shadow: 0 0 0 0px var(--border-color);
}

#pun-searchposts .pa-author,
#pun-multimove .pa-author {
  text-shadow: none;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 !important;
  position: relative;
  font-size: 13px;
  text-transform: lowercase;
  line-height: 1.3;
  color: var(--accent-color1);
  background: transparent;
  padding: 0 !important;
  word-break: break-word;
  height: auto;
}

#pun-post .pa-author {
  text-shadow: none;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  font-size: 13px;
  text-transform: lowercase;
  line-height: 1.3;
  color: var(--accent-color1);
  word-break: break-word;
  height: auto;
}

#pun-searchposts .pa-author a,
#pun-multimove .pa-author a,
#pun-post .pa-author a {
  text-align: left;
  align-items: center;
  justify-content: flex-start;
  color: var(--link-hover) !important;
}

#pun-searchposts .pa-author strong,
#pun-multimove .pa-author strong,
#pun-post .pa-author strong {
  font-weight: 400 !important;
  font-family: var(--helvetica-bold) !important;
}

/* Страница профиля
-------------------------------------------------------------*/
#viewprofile .container {
  padding: 0 !important;
  margin: 0;
}

div#viewprofile-next {
  margin: 30px 0 0;
}

#pun-profile #pun-main h1 {
  display: none;
}

#profile-left {
  background: var(--quote-color);
  padding: 10px !important;
}

#profile-left #profile-name {
  box-sizing: border-box;
  height: auto;
  padding: 0 0 0 !important;
  margin: 30px 0 10px !important;
  text-align: center;
  font-size: 14px;
  text-transform: lowercase;
  letter-spacing: 0.4px;
  font-weight: 400 !important;
  text-shadow: none;
  font-family: "Gill Sans";
  color: var(--accent-color1);
  border-radius: 0;
  order: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

#profile-left strong {
  font-weight: 400 !important;
}

#profile-left #profile-name strong {
  font-weight: 400 !important;
  font-size: 14px;
  display: block;
  width: auto;
  padding: 0 10px;
  z-index: 1;
}

#profile-left #profile-title {
  box-sizing: border-box;
  border-radius: 0;
  width: 180px;
  height: 20px;
  font-size: 7px;
  letter-spacing: 1px;
  text-align: center;
  padding: 1px 15px 2px !important;
  color: var(--white);
  font-weight: 400 !important;
  font-family: var(--helvetica-regular);
  position: absolute;
  margin: 0 !important;
  text-transform: lowercase;
  background: var(--quote);
  order: 0;
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#profile-left #profile-title strong {
  font-weight: 400 !important;
}

#profile-left #pa-avatar {
  margin: 5px 0 20px !important;
  padding: 0 !important;
  box-sizing: border-box;
  position: relative;
  order: 2;
}

#profile-left #pa-avatar strong {
  color: var(--pun-color);
  text-transform: lowercase;
  font-weight: 400 !important;
  font-size: 0.8em;
  letter-spacing: 0.2px;
}

#profile-left #pa-avatar div {
  z-index: 1;
}

#profile-left #pa-online {
  color: var(--text-color);
  text-transform: lowercase;
  font-size: 11px;
  letter-spacing: 0.2px;
  margin: 0 !important;
  box-sizing: border-box;
  padding: 0 2px 20px !important;
  line-height: 1;
  text-align: center;
  order: 3;
  font-family: var(--helvetica-regular);
}

#profile-left #pa-online strong {
  font-weight: 400 !important;
}

#profile-left #pa-edit {
  text-align: center;
  font-size: 1em;
  text-transform: lowercase;
  letter-spacing: 0.2px;
  margin: 28px -10px 0;
  padding: 1px 0 3px;
  width: var(--profile-width);
  box-sizing: border-box;
  order: 4;
  background: var(--body-color);
}

#profile-left li:nth-last-child(1),
#profile-left li:nth-last-child(2):not(#pa-avatar, #profile-title, #profile-name) {
  border-radius: 0 !important;
}

#profile-left #pa-edit strong {
  font-weight: 400 !important;
}

#profile-left #pa-edit a {
  color: var(--white);
}

#profile-left #pa-edit:hover a {
  color: var(--text-color);
}

#profile-right {
  background: var(--quote-color);
  padding: 10px !important;
}

#profile-right li strong {
  font-size: 12px;
  text-transform: lowercase;
  letter-spacing: 0.2px;
  font-weight: 400 !important;
  width: 100%;
  text-align: left;
  padding: 0px 170px 8px !important;
  box-sizing: border-box;
  margin-top: -15px;
}

#viewprofile li {
  color: var(--text-color);
}

#viewprofile li strong,
#viewprofile li div {
  background-color: transparent;
  font-weight: 400;
}

#viewprofile li span {
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 400 !important;
  margin-bottom: 0 !important;
  font-family: var(--helvetica-bold);

}

#viewprofile li span a,
#profile-right li span a {
  color: var(--text-color);
}

#viewprofile h2 span {
  background-color: transparent;
  color: var(--body-color);
  text-transform: uppercase;
  font-weight: 400 !important;
  font-size: 1.2em;
}

/* Админка
-------------------------------------------------------------*/
.punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: var(--text-color);
}

#pun-admain fieldset .handle,
#pun-admain fieldset p {
  border: none;
  background: var(--white-medium) !important;
}

#pun-admain label,
div#pun-admain .adlabel {
  font-weight: 400 !important;
  text-transform: uppercase;
}

#pun-adnav a {
  font-weight: 400 !important;
  text-transform: lowercase !important;
}

#pun-admain .isactive a {
  color: var(--accent-color1) !important;
}

#pun-adnav .isactive ul.adsubnav a {
  color: var(--accent-color1) !important;
}

sup.new {
  color: var(--text-color) !important;
  font-weight: 400 !important;
}

sup.new:before {
  content: "(";
}

sup.new:after {
  content: ")";
}

/* Ссылки и переходы
-------------------------------------------------------------*/
.punbb a,
.punbb a:link,
.punbb a:visited,
.punbb-admin #pun-admain a,
.punbb-admin #pun-admain a:link,
.punbb-admin #punbb-admain a:visited {
  color: var(--link-color);
}

.punbb .isactive a,
.punbb .isactive a:link,
.punbb .isactive a:visited {
  box-shadow: 0px 0px 0 0 var(--white-min);
}

.punbb a:hover,
.punbb a:focus,
.punbb a:active,
.punbb-admin #pun-admain .nodefault,
.punbb-admin #pun-admain a:hover,
.punbb-admin #pun-admain a:focus,
.punbb-admin #pun-admain a:active {
  color: var(--link-hover);
}

#pun-pagelinks a:active,
#pun-pagelinks a:focus {
  background-color: var(--body-color);
  color: var(--accent-color1);
}

/* Формы и кнопки
-------------------------------------------------------------*/
.punbb .formsubmit input,
.punbb .formsubmit a,
.punbb .formsubmit span,
input.button,
button.sml,
#mask_dialog .hv-control input {
  background: var(--button-color) !important;
  color: var(--button-text-color) !important;
  font-family: var(--helvetica-regular) !important;
  font-size: 11px !important;
  text-transform: lowercase !important;
  font-weight: 400 !important;
  letter-spacing: 0.2px !important;
  line-height: 1 !important;
  border-radius: 0;
  border: 1px solid var(--border-color) !important;
  padding: 5px 20px 7px !important;
}

.punbb input.button {
  border-radius: 0;
}

input.button:hover,
#mask_dialog .hv-control input:hover {
  background: var(--accent-color1) !important;
  color: var(--pun-color) !important;
}

#profile .formsubmit {
  text-transform: lowercase;
}

#form-buttons {
  margin: 0;
  padding: 4px 0;
}

#form-buttons table {
  backgroung: var(--quote-color);
}

/* Всплывающие уведомления: новое лс и проч.
-------------------------------------------------------------*/
/* Баббл новых лс
-------------------------------------------------------------*/
span.num_msg {
  border-radius: 20px !important;
  margin: 0 0 0 0 !important;
  left: 21px !important;
  top: -5px !important;
  color: var(--button-text-color) !important;
  font-family: var(--helvetica-bold) !important;
  font-size: 9px !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  width: auto !important;
  min-width: 16px !important;
  height: 16px !important;
  position: absolute !important;
  background: var(--text-color) !important;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  padding: 0 !important;
}

span.num_msg:before,
span.num_msg:after {
  content: none !important;
}

#pun-navlinks li#navpm {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Скроллбар
-------------------------------------------------------------*/
::-webkit-scrollbar-thumb {
  background-color: var(--accent-color1);
}

#tags .container::-webkit-scrollbar-thumb {
  background-color: var(--accent-color2) !important;
}

textarea::-webkit-scrollbar-thumb,
.hvStickerPackModalContent::-webkit-scrollbar-thumb {
  background-color: var(--black-max) !important;
}

.scrollbox::-webkit-scrollbar-thumb {
  background-color: var(--black-max) !important;
}

.banners::-webkit-scrollbar-thumb {
  background-color: var(--white-medium);
}

/* Выделение текста
-------------------------------------------------------------*/
::-moz-selection {
  background-color: var(--select-max);
  color: var(--select-text-color) !important;
}

::selection {
  background-color: var(--select-max);
  color: var(--select-text-color) !important;
}

/* Панель в форме ответа
-------------------------------------------------------------*/
#font-area,
#size-area,
#color-area,
#table-area,
#image-area,
#imageup-area,
#imageattach-area,
#keyboard-area,
#video-area,
#addition-area,
#smilies-area,
#video-area,
#spoiler-area,
#float {
  background: var(--body-color);
  color: var(--text-color);
  border-radius: 0;
  border: 1px solid var(--white-min) !important;
}

#tags .container {
  text-transform: lowercase;
  font-size: 0.9em;
  letter-spacing: 0.2px;
  font-weight: 400;
}

#tags .container a {
  color: var(--link-color);
}

#tags .container a:hover {
  color: var(--pun-color) !important;
}

#color-area td:hover {
  backgroung: var(--quote-color);
}

#tags .container strong,
div#video-area-thd,
div#image-area-thd,
div#float strong {
  font-weight: 400 !important;
  text-transform: lowercase !important;
  letter-spacing: 0.2px;
  color: var(--text-color) !important;
  font-size: 11px;
  font-family: var(--helvetica-bold);
}

#imageupload-left input[type=button] {
  width: auto !important;
  color: var(--button-text-color) !important;
  font-family: var(--helvetica-regular) !important;
  font-weight: 400 !important;
  border-radius: 0;
  box-shadow: none;
  background: var(--button-color) !important;
  border-style: none !important;
}

#imageupload-left input[type=button]:hover {
  background: var(--accent-color1) !important;
}

#addition-area div:hover,
#font-area div:hover,
#size-area div:hover {
  background: rgba(255, 255, 255, 0.3) !important;
  border-radius: 0;
}

#keyboard-span input {
  background: rgba(255, 255, 255, 0.4) !important;
  color: var(--text-color) !important;
  border-radius: 30px;
  backgroung: var(--quote-color);
}

#keyboard-span input:hover {
  background-color: var(--body-color) !important;
  color: var(--accent-color1) !important;
}

.uploadQueueItem .cancel a {
  font-weight: 400 !important;
  color: var(--accent-color1) !important;
}

#uploaded-images img {
  border: 1px solid var(--border-color) !important;
}

#form-buttons td {
  color: var(--text-color) !important;
  font-weight: 300 !important;
  font-size: 1.2em !important;
  height: 20px;
  border-radius: 0;
}

#form-buttons td:hover {
  opacity: 0.4;
}

#button-image p {
  color: var(--pun-color) !important;
}

.punbb #post .tabs .active a,
.punbb #post .tabs li a:hover {
  background: #686868 !important;
}

.punbb #post .tabs li a {
  background: #3c3c3c !important;
}

.hvStickerPackModal {
  border-radius: 0 !important;
  background: var(--pun-color) !important;
  border-bottom: 2px solid var(--accent-color1) !important;
  border-right: 2px solid var(--accent-color1) !important;
  border-left: 2px solid var(--accent-color2) !important;
  border-top: 2px solid var(--accent-color2) !important;
  box-shadow: none !important;
  padding: 10px !important;
}

.hvStickerPackModalContent {
  padding: 0 6px !important;
}

.hvStickerPackModalTab {
  padding: 6px 12px !important;
  border-radius: 0 !important;
  background: rgba(0, 0, 0, 0.1) !important;
  font-size: 10px !important;
  letter-spacing: 0.4px !important;
  font-family: var(--helvetica-bold) !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  color: #222 !important;
}

.hvStickerPackModalInput,
.hvStickerPackModalAddButton {
  border-radius: 0 !important;
}

#font-area {
  width: 500px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  line-height: 1.4;
}

#font-area div:not(div.font_cyrillic, div.font_latin) {
  width: calc(33.3333333333% - 10px);
  text-align: center;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#font-area div.font_cyrillic,
#font-area div.font_latin {
  font-size: 0;
  width: 100%;
  margin: 1px 0 0 !important;
  cursor: default !important;
}

#font-area div.font_cyrillic:before,
#font-area div.font_latin:before {
  font-size: 11px;
  font-weight: 400;
  font-family: var(--helvetica-bold);
  letter-spacing: 0.6px;
  text-transform: uppercase;
  line-height: 1;
  background: var(--accent-color2);
  color: var(--body-color) !important;
  display: block;
  width: calc(100% + 10px);
  height: auto;
  box-sizing: border-box;
  padding: 6px 4px;
  position: relative;
  margin: 0 0 0 -5px;
  text-align: center;
}

#font-area div.font_cyrillic:before {
  content: "кириллица";
}

#font-area div.font_latin:before {
  content: "латиница";
}

#font-area div.font_cyrillic:hover,
#font-area div.font_latin:hover {
  background: transparent !important;
}

#symbol-counter {
  width: 100px;
  height: 20px;
  margin: 0;
  float: left;
  text-transform: uppercase;
  font-size: 8px;
  font-family: var(--helvetica-regular);
  font-weight: 400;
  letter-spacing: 0.4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  background: var(--accent-color1);
  color: var(--pun-color);
  box-sizing: border-box;
}

/* Новости */
.fb-ns {
  display: block;
  align: justify;
  padding: 24px;
  box-sizing: border-box;
  background: url(https://forumupload.ru/uploads/001a/f6/b2/2/574182.png) top center no-repeat, var(--quote-color);
  width: 584px;
  height: auto;
  margin: 0 auto 20px !important;
  border: 1px solid var(--border-color) !important;
  position: relative;
}

.ns-ava {
  position: absolute;
  top: 20px;
  left: calc(50% - 35px);
  z-index: 50;
  text-align: center;
  width: 70px;
  height: 70px;
  border-radius: 70px;
  box-shadow: 0 0 0 1px var(--accent-color1);
  margin: 0 auto !important;
  background: var(--accent-color2);
}

.ns-ava img {
  border-radius: 70px;
  width: 70px;
  height: 70px;
  filter: grayscale(1);
  mix-blend-mode: soft-light;
}

.ns-nn {
  top: 0;
  display: block;
  position: relative;
  width: 100%;
  height: 20px;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--accent-color1);
  font-family: Gill Sans;
  font-size: 12px;
  text-align: center;
  margin: 130px 180px 20px !important;
}

.ns-who {
  display: block;
  top: 200px;
  left: -320px;
  position: absolute;
  line-height: 25px;
  text-transform: uppercase;
  text-align: center;
  color: var(--accent-color1);
  font-family: Gill Sans;
  font-size: 14px;
  letter-spacing: 1px;
  box-sizing: border-box;
  padding: 0 4px 0 340px;
}

.ns-text {
  box-sizing: border-box;
  height: auto;
  font-size: 11px;
  font-family: var(--helvetica-regular);
  line-height: 20px;
  color: var(--text-color);
  letter-spacing: 0.3px;
  position: relative;
  display: block;
  width: 100%;
  margin: 0px auto !important;
}

.ns-text span:first-child {
    position: absolute;
    font-style: normal !important;
    display: block;
    top: -80px;
    left: -24px;
    width: 584px;
    text-transform: uppercase;
    text-align: center;
    color: var(--white);
    font-family: Gill Sans;
    font-size: 10px;
    letter-spacing: 0.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: var(--accent-color2);
}

.fb-ns a {
  font-weight: 400 !important;
  font-family: var(--helvetica-regular);
}

.block-aktiv a,
.b-para a {
  color: var(--pun-color) !important;
}

.fb-ns a:hover {
  opacity: 0.5;
}

.block-aktiv {
  width: 100%;
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  bottom: 0px;
  z-index: 1;
  left: 0;
  margin: 0px auto !important;
}

.left-aktiv,
.right-aktiv {
  display: flex;
  position: absolute;
  justify-content: space-between;
  align-items: center;
  width: 126px;
  text-align: center;
  bottom: -15px;
}

.left-aktiv {
  left: 140px;
}

.right-aktiv {
  right: 140px;
}

.left-aktiv img,
.right-aktiv img {
  border-radius: 50%;
  max-width: 30px;
  max-height: 30px;
  filter: grayscale(1);
  mix-blend-mode: soft-light;
}

.left-aktiv span,
.right-aktiv span {
  background: var(--accent-color1);
  border-radius: 50%;
}

.ep-aktiv {
  text-transform: lowercase;
  font-size: 10px;
  letter-spacing: 0.4px;
  display: flex;
  width: 95px;
  height: 64px;
  padding: 0 10px;
  box-sizing: border-box;
  color: var(--pun-color);
  font-family: var(--helvetica-regular);
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  line-height: 1;
  position: absolute;
  left: 0;
  bottom: 21px;
}

.post-para {
  display: flex;
  justify-content: space-between;
  align-items: center;
  bottom: -25px;
  left: -24px;
  position: relative;
  width: 582px;
  height: 100px;
  background: var(--quote);
  box-sizing: border-box;
  padding: 10px 4px 16px 120px;
}

.b-post {
  text-align: justify;
  text-transform: lowercase;
  font-size: 9px;
  width: 360px;
  height: 64px;
  line-height: 12px;
  letter-spacing: 0.4px;
  color: var(--text-color);
  font-family: var(--helvetica-regular);
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0 5px;
}

.b-post::-webkit-scrollbar {
  width: 3px !important;
  height: 0;
}

.b-post::-webkit-scrollbar-thumb {
  background: var(--white-medium) !important;
}

.b-post a {
  color: var(--text-color) !important;
  font-family: var(--helvetica-bold) !important;
}

.b-para {
  display: flex;
  width: 95px;
  height: 64px;
  padding: 0;
  box-sizing: border-box;
  color: var(--pun-color);
  font-family: var(--helvetica-regular);
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  line-height: 1.4;
  overflow: hidden;
  bottom: 0;
}

.b-para img {
  filter: grayscale(1);
  mix-blend-mode: soft-light;
}

/* Магазин, банк */
#tmh-magaz {
  position: relative;
  width: 600px;
  height: auto;
  display: flex;
  flex-direction: column;
  margin: 30px auto 0;
}

#tmh-magaz input.hidden {
  display: none;
}

#tmh-magaz .tabs {
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  position: relative;
  overflow: auto;
  margin: 0 0 0px;
  border-radius: 0 0 10px 10px;
  border-top: 1px solid var(--border-color) !important;
  border-left: 1px solid var(--border-color) !important;
  border-right: 1px solid var(--border-color) !important;
}

#tmh-magaz #tab-1:checked ~ .tabs label[for=tab-1],
#tmh-magaz #tab-2:checked ~ .tabs label[for=tab-2],
#tmh-magaz #tab-3:checked ~ .tabs label[for=tab-3],
#tmh-magaz #tab-4:checked ~ .tabs label[for=tab-4],
#tmh-magaz #tab-5:checked ~ .tabs label[for=tab-5] {
  background: var(--accent-color1);
  color: var(--white);
}

#tmh-magaz label {
  background: var(--quote);
  color: var(--white);
  margin: 0;
  padding: 6px 10px;
  width: 150px;
  text-align: center;
  transition: 150ms ease-in-out;
  z-index: 1;
  position: relative;
  font-size: 10px;
  font-family: Gill Sans;
  text-transform: uppercase;
}

#tmh-magaz .tab-holder {
  position: relative;
  height: 270px;
  z-index: 1;
  width: 100%;
  margin: 0 auto !important;
  box-sizing: border-box;
  padding: 0px;
}

#tmh-magaz #tab-1:checked ~ .tab-holder #tab-1,
#tmh-magaz #tab-2:checked ~ .tab-holder #tab-2,
#tmh-magaz #tab-3:checked ~ .tab-holder #tab-3,
#tmh-magaz #tab-4:checked ~ .tab-holder #tab-4,
#tmh-magaz #tab-5:checked ~ .tab-holder #tab-5 {
  opacity: 1;
  z-index: 1;
}

#tmh-magaz .tab {
  opacity: 0;
  position: absolute;
  transition: opacity 150ms;
  height: 270px;
  width: 600px;
  overflow: auto;
  background: var(--quote-color);
  box-sizing: border-box;
  padding: 20px 20px;
  margin: 0 !important;
  left: 0;
  top: -10px;
  font-size: 14px;
  border-bottom: 1px solid var(--border-color) !important;
  border-left: 1px solid var(--border-color) !important;
  border-right: 1px solid var(--border-color) !important;
}

#tmh-magaz .tab-content {
  margin-top: 10px;
  text-align: left;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-family: var(--helvetica-regular);
  font-weight: 400;
  font-size: 11px;
}

.bank-category {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
}

.bank-category.full {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.bank-category.full .bank-item {
  width: 100%;
}

.bank-item {
  margin: 0 0 10px;
  width: 49%;
}

.bank-price {
  font-weight: 400;
  font-family: Gill Sans;
}

.tab-content ul {
  padding: 0 !important;
}

.tab-content ul img {
  margin: 4px;
}

#tmh-magaz .tab::-webkit-scrollbar {
  width: 3px !important;
  height: 0;
}

/* это интересно */
#pun-live-rusff {
z-index: 4 !important;
width: 440px;
height: 20px;
margin: auto 60px 3px auto !important;
background: transparent;
text-align: right;
position: relative;
line-height: 17px !important;
text-transform: lowercase; }

.cool1 {
width: 80px !important;
padding: 0px 8px 2px 8px !important;
background: var(--one4) !important;
color: var(--one3) !important;
font-size: 10px !important;
font-family: var(--font4) !important;
border-radius: 15px;
box-shadow: none !important;
margin: 10px -11px 3px 0 !important;
z-index: 4 !important;
}
.cool1:hover, .cool3:hover {background: #B8CCCC!important; color:#333!important; text-shadow: none!important;}
.cool2, .cooltext {display:none!important;}
.cool3 {
border-radius: 15px;
background: var(--one4) !important;
box-shadow: none !important;
margin: 10px -50px 3px 0 !important;
z-index: 4 !important;
}

/*кнопки ответить удалить в лс
-------------------------------------------------------------*/
li.pl-quote.pl-reply {left: -120px;}

/* инста (новая)
-------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@200&display=swap');
.insta {
width: 500px;
height: 300px;
background: #fff;
border-radius: 20px;
margin: 0 auto;
position: relative;
border: 1px solid var(--border-color) !important;
}

.insta-bb {
  width: auto;
padding: 10px 10px 7px 10px;
}
.insta-nick11 {
font-size: 14px;
  position: absolute;
font-weight: 700;
top: 20px;
left: 350px;
  font-family: 'Archivo', sans-serif;
  color: #696969;
}
.insta-name11 {
  width: 180px;
  position: absolute;
font-size: 14px;
font-weight: 700;
top: 120px;
right: 320px;
  font-family: 'Archivo', sans-serif;
  color: #696969;
}
 
img.ava11 {
position: absolute;
width: 70px;
height: 70px;
margin-top: 20px;
margin-left: -195px;
border-radius: 100%;
z-index:1;
}
.insta-ps {
  width: 180px;
  position: absolute;
font-size: 12px;
font-weight: 400;
top: 150px;
left: -20px;
  color: #696969;
  font-family: 'Archivo', sans-serif;
}
.insta-flr {
  width: 180px;
  position: absolute;
font-size: 12px;
font-weight: 400;
  color: #696969;
top: 165px;
left: -30px;
  font-family: 'Archivo', sans-serif;
}
.insta-flg {
  width: 180px;
  position: absolute;
font-size: 12px;
font-weight: 400;
  color: #696969;
top: 180px;
left: -30px;
  font-family: 'Archivo', sans-serif;
}
.insta-date {
  width: 120px;
  position: absolute;
font-size: 9px;
font-weight: 400;
top: 200px;
left: 30px;
  text-align: justify;
  font-family: 'Archivo', sans-serif;
  color: #696969;
}
.insta-ps .dt {
  top: 0px;
  left: 37px;
color: #cecece;
}
.insta .ps:before {
content: "posts";
}
.insta-flr .dt {
  top: 0px;
  left: 47px;
color: #cecece;
}
.insta  .flr:before {
content: "followers";
}
.insta-flg .dt {
  top: 0px;
  left: 47px;
color: #cecece;
}
.insta  .flg:before {
content: "following";
}
img.foto1 {
position: absolute;
width: 90px;
height: 90px;
margin-top: 40px;
margin-left: -70px;
border-radius: 10px;
z-index:10;
}
img.foto2 {
position: absolute;
width: 90px;
height: 90px;
margin-top: 40px;
margin-left: 30px;
border-radius: 10px;
z-index:10;
}
img.foto3 {
position: absolute;
width: 90px;
height: 90px;
margin-top: 40px;
margin-left: 130px;
border-radius: 10px;100px;
z-index:10;
}
img.foto4 {
position: absolute;
width: 90px;
height: 90px;
margin-top: 150px;
margin-left: -70px;
border-radius: 10px;
z-index:10;
}
img.foto5 {
position: absolute;
width: 90px;
height: 90px;
margin-top: 150px;
margin-left: 30px;
border-radius: 10px;
z-index:10;
}
img.foto6 {
position: absolute;
width: 90px;
height: 90px;
margin-top: 150px;
margin-left: 130px;
border-radius: 10px;
z-index:10;
}

/* инста (новая) пост
-------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@200&display=swap');
.insta-post11 {
width: 400px;
height: 500px;
background: #fff;
border-radius: 20px;
margin: 0 auto;
position: relative;
border: 1px solid var(--border-color) !important;
}

.insta-bb11 {
  width: auto;
padding: 10px 10px 7px 10px;
}
.insta-nick11-post {
font-size: 14px;
  position: absolute;
font-weight: 700;
top: 20px;
left: 230px;
  font-family: 'Archivo', sans-serif;
  color: #696969;
}
img.ava11-post {
position: absolute;
width: 40px;
height: 40px;
margin-top: 0px;
margin-left: -180px;
border-radius: 100%;
z-index:1;
}
img.foto-osn {
position: absolute;
width: 300px;
height: 300px;
margin-top: 60px;
margin-left: -150px;
border-radius: 20px;
z-index:10;
}
.insta-date-post {
  width: 350px;
  position: absolute;
font-size: 10px;
font-weight: 400;
top: 420px;
left: 35px;
  text-align: justify;
  font-family: 'Archivo', sans-serif;
  color: #696969;
}
.insta-like11 {
  width: 180px;
  position: absolute;
font-size: 12px;
font-weight: 400;
top: 400px;
left: -40px;
  color: #696969;
  font-family: 'Archivo', sans-serif;
}
.insta-like11 .dt {
  top: 0px;
  left: 37px;
color: #cecece;
}
.insta-like11 .like11:before {
content: "likes";
}

/* инста (новая) комм
-------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@200&display=swap');
.insta-comm11 {
width: 400px;
height: 100px;
background: #fff;
border-radius: 20px;
margin: 0 auto;
position: relative;
border: 1px solid var(--border-color) !important;
}

.insta-bb11 {
  width: auto;
padding: 10px 10px 7px 10px;
}
img.ava11-comm {
position: absolute;
width: 40px;
height: 40px;
margin-top: 0px;
margin-left: -180px;
border-radius: 100%;
z-index:1;
}
.insta-date-comm11 {
  width: 300px;
  position: absolute;
font-size: 10px;
font-weight: 400;
top: 20px;
left: 70px;
  text-align: justify;
  font-family: 'Archivo', sans-serif;
  color: #696969;
}
.insta-comm-like {
  width: 180px;
  position: absolute;
font-size: 12px;
font-weight: 400;
top: 70px;
left: -10px;
  color: #696969;
  font-family: 'Archivo', sans-serif;
}
.insta-comm-like .dt {
  top: 0px;
  left: 37px;
color: #cecece;
}
.insta-comm-like .comm12:before {
content: "likes";
}

/* инста (новая) подписка
-------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@200&display=swap');
.insta-podp {
width: 400px;
height: 70px;
background: #fff;
border-radius: 20px;
margin: 0 auto;
position: relative;
border: 1px solid var(--border-color) !important;
}

.insta-bb111 {
  width: auto;
padding: 10px 10px 7px 10px;
}
img.ava11-podp {
position: absolute;
width: 40px;
height: 40px;
margin-top: 0px;
margin-left: -180px;
border-radius: 100%;
z-index:1;
}
.insta-date-podp {
  width: 300px;
  position: absolute;
font-size: 10px;
font-weight: 400;
top: 25px;
left: 70px;
  text-align: justify;
  font-family: 'Archivo', sans-serif;
  color: #696969;
}

/* обсуждения книги
-------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@200&display=swap');
.kniga {
width: 600px;
height: 400px;
background: #fff;
margin: 0 auto;
position: relative;
border: 1px solid var(--border-color) !important;
}

.kniga-bb {
  width: auto;
padding: 10px 10px 7px 10px;
}

img.obl {
position: absolute;
width: 100px;
height: 151px;
margin-top: 10px;
margin-left: -265px;
  z-index:1;
}

.nazv-nz {
  width: 300px;
  position: absolute;
font-size: 14px;
font-weight: 400;
top: 50px;
left: 200px;
  color: #000;
  font-family: 'Istok Web', sans-serif;
}

.nazv-nz .dt {
top: 0px;
left: -167px;
color: #696969;
font-size: 14px;
font-family: 'Istok Web', sans-serif;
}

.nazv-nz .nz:before {
content: "название:";
}

.autor {
  width: 300px;
  position: absolute;
font-size: 14px;
font-weight: 400;
top: 70px;
left: 117px;
  color: #000;
  font-family: 'Istok Web', sans-serif;
}

.autor .dt {
top: 0px;
left: -95px;
color: #696969;
font-size: 14px;
font-family: 'Istok Web', sans-serif;
}

.autor .au:before {
content: "автор:";
}

.genre {
  width: 300px;
  position: absolute;
font-size: 14px;
font-weight: 400;
top: 90px;
left: 126px;
  color: #000;
  font-family: 'Istok Web', sans-serif;
}

.genre .dt {
top: 0px;
left: -105px;
color: #696969;
font-size: 14px;
font-family: 'Istok Web', sans-serif;
}

.genre .gr:before {
content: "жанр:";
}

.grade {
  width: 200px;
  position: absolute;
font-size: 14px;
font-weight: 400;
top: 110px;
left: 156px;
  color: #000;
  font-family: 'Istok Web', sans-serif;
}

.grade .dt {
top: 0px;
left: -80px;
color: #696969;
font-size: 14px;
font-family: 'Istok Web', sans-serif;
}

.grade .gd:before {
content: "оценка:";
}

.obsuj {
  width: 200px;
  position: absolute;
font-size: 14px;
font-weight: 400;
top: 130px;
left: 167px;
  color: #000;
  font-family: 'Istok Web', sans-serif;
}

.obsuj .dt {
top: 0px;
left: -75px;
color: #696969;
font-size: 14px;
font-family: 'Istok Web', sans-serif;
}

.obsuj .oj:before {
content: "обсуждения:";
}

.words {
width: 540px;
height: 160px;
top: 200px;
left: 20px;
font-size: 12px;
position: absolute;
padding: 10px;
font-family: 'Istok Web', sans-serif;
text-align: justify;
overflow-y: auto;
}

/*************************************************************

@hagalnaud&nothingale for dead blonde
MESSENGER STYLES

**************************************************************/

/*************************************************************
main color messenger
**************************************************************/

:root {--color: #e1d6ea;}

/*************************************************************
fonts messenger
**************************************************************/

@font-face {
    font-family: 'IBMPlexSans';
    src: url('https://forumstatic.ru/files/001b/9b/e5/60634.eot');
    src: url('https://forumstatic.ru/files/001b/9b/e5/60634.eot?#iefix') format('embedded-opentype'),
        url('https://forumstatic.ru/files/001b/9b/e5/78111.woff2') format('woff2'),
        url('https://forumstatic.ru/files/001b/9b/e5/72018.woff') format('woff'),
        url('https://forumstatic.ru/files/001b/9b/e5/80978.ttf') format('truetype'),
        url('https://forumstatic.ru/files/001b/9b/e5/44792.svg') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
}
@font-face {
    font-family: fa-solid;
    src: url("https://forumstatic.ru/files/001b/73/d1/43250.ttf?v=1") format("truetype");
}
@font-face {
    font-family: fa-regular;
    src: url("https://forumstatic.ru/files/001b/73/d1/37687.ttf?v=1") format("truetype");
}

/*************************************************************
base messenger
**************************************************************/

.messenger {
    width: 500px;
    height: auto;
    margin: 10px!important;
    /* outline: 1px solid red; */
    font-family: 'IBMPlexSans';
}

.head {
    display: inline-flex;
    gap: 10px;
    width: 460px;
    background: var(--color);
    padding: 3px 20px;
    border-radius: 20px 20px 0px 0px;
    /* outline: 1px solid red; */
    height: 37px;
    align-items: center;
}

.head p {
    padding: 4px 0 0!important;
    color: white;
    text-transform: uppercase;
    line-height: 9px!important;
    font-size: 7px;
    width: 343px;
    text-align: left;
}

.head p strong {
    font-size: 12px;
}

.mess1 {
    width: 500px;
    display: inline-flex;
    /* outline: 1px solid red; */
    background: #f8f8f8;
    flex-direction: column;
    align-items: center;
    padding: 10px 0px;
}

.mess1 span.emoji {
    border: none;
}

.mess1 span.emoji img {
    max-width: 30px;
}

.mess1 span.emoji mark {
    margin-top: 34px;
}

img.ava {
    border-radius: 100%;
    width: 27px;
cursor: pointer;}

.mess1 span {
    padding: 7px 6px;
    border: 1px solid #e1e1e1 !important;
    border-radius: 10px;
    max-width: 192px;
    font-size: 9px;
    color: #acacac;
    letter-spacing: 0.7px;
    text-align: left;
}

.send {
    width: 500px;
    height: 37px;
    display: inline-flex;
    background: #e7e7e7;
    border-radius: 0px 0px 20px 20px;
    /* outline: 1px solid red; */
    justify-content: center;
    gap: 10px;
    align-items: center;
}

.send span {
    display: inline-flex;
    background: #f0f0f0;
    height: 19px;
    border-radius: 13px;
    width: 350px;
    align-items: center;
    padding: 1px 10px;
    justify-content: space-between;
    color: #919191;
    font-size: 9px;
}

.answer {
    display: block;
    border-left: 3px solid var(--color) !important;
    padding-left: 6px;
    margin-left: 10px;
    text-align: left;
}

.mess1 span img {
    max-width: 190px;
    border-radius: 5px;
}

.mess1 mark {
    background: none;
    display: block;
    float: right;
    margin-left: -13px;
    margin-top: 16px;
    font-size: 6px;
    color: #919191cf;
}

.left, .right {
    width: 480px;
    /* outline: 1px solid red; */
    padding: 9px 10px;
    display: inline-flex;
    align-items: flex-end;
    gap: 7px;
}

.left {
    justify-content: flex-start;
}

.right {
    justify-content: flex-end;
}

/*************************************************************
icons messenger
**************************************************************/

.taps {
    display: inline-flex;
    gap: 5px;
}

.tap:before {
    font-family: 'fa-solid';
    position: relative;
    color: #ffffff;
    background-image: none!important;
    font-size: 13px;
    cursor: pointer;
}

.tap.back:before {
    content: "\f053";
    padding-right: 7px;
}

.tap.video:before {
    content: "\f03d";
}

.tap.call:before {
    content: "\f095";
}

.tap.options:before {
    content: "\f142";
}

.tap.smile:before {
    content: "\f118";
    padding: 4px;
    font-family: fa-regular;
    background: #f2f2f2;
    border-radius: 100%;
    color: #919191;
}

.tap.add:before {
    content: "\f0c6";
    color: #919191;
}

.tap.photo:before {
    content: "\f030";
    color: #919191;
}

.tap.mic:before {
    content: "\f130";
    display: inline-flex;
    width: 20px;
    height: 20px;
    color: white!important;
    background: var(--color);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
}
/*************************************************************
spoiler messenger
**************************************************************/

summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;}
summary {
    width: 200px;
    padding: 0.3em 0.6em 0.3em 1.7em!important;
    display: inline-block;
    cursor: pointer;
    position: relative;
    font-size: 9px;
    font-weight: bold;
    letter-spacing: 0px;
    margin-top: 25px!important;
    text-transform: uppercase;
    font-family: 'IBMPlexSans';
}
summary:before {
    left: 0.3em;
    top: 0.4em;
    color: transparent;
    background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz48L3N2Zz4=) no-repeat 47% 47% / 2em 2em;
    opacity: 0.6;
    width: 1em;
    height: 1em;
    content: "";
    position: absolute;
    transition: transform .5s;
}
details[open] > summary:before {
  transform: rotateZ(90deg);
}
summary ~ * {
   padding:0 1em 0 1em;
}
details[open] summary ~ *{
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}
summary:focus {
  outline:0;
}
details {
    display: block;
    margin-bottom: 0.5rem;
    background: url(https://forumstatic.ru/files/001b/d5/6a/62216.png) no-repeat left top;
}

/*************************************************************

@hagalnaud&nothingale for dead blonde
MESSENGER STYLES

**************************************************************/

/* личная страница*/
#ppage, #ppage1 {
    position: relative;
}

.ppage {
    background: url(https://forumupload.ru/uploads/001a/f6/b2/2/429448.png) no-repeat;
    width: 700px;
    height: 500px;
    margin-left: 125px!important;
    margin-top: 10px!important;
    z-index: 1;
}

.ppage1 {
    width: 700px;
    height: 160px;
    margin-left: 120px!important;
    margin-top: 10px!important;
    z-index: 2;
}

.ppage pic {
   position: relative;
   left: 555px;
   top: -40px;
}

.ppage pic img {
   max-width: 60px;
   max-height: 60px;
   border: 6px solid var(--white) !important;
}

.ppage name {
    position: absolute;
    display: block;
    height: auto;
    width: 200px;
    margin-left: 490px;
    margin-top: -30px;
    color: var(--accent-color1);
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    line-height: 15px;
    font-family: Gill Sans;
    font-size: 12px;
    text-transform: uppercase;
}
.ppage music {
   position: relative;
    display: block;
    height: auto;
    width: 200px;
    font-family: var(--helvetica-regular);
    font-size: 10px;
    color: var(--text-color);
    padding: 0 5px;
    margin-top: 230px;
    margin-left: 480px;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.ppage insta {
    position: relative;
    top: 0px;
    left: 530px;
}

.ppage insta img {
    position: absolute;
    display: block;
    width: 200px;
    max-width: 20px;
    max-height: 20px;
}

.ppage prof {
   position: relative;
    display: block;
    width: 200px;
    height: auto;
    margin-top: -240px;
    margin-left: 490px;
    color: var(--accent-color2);
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 15px;
    font-family: Gill Sans;
    font-size: 8px;
    text-transform: lowercase;
}

.ppage love {
   position: relative;
    display: block;
    width: 200px;
    height: auto;
    margin-top: 0px;
    margin-left: 485px;
    color: var(--accent-color1);
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 15px;
    font-family: Gill Sans;
    font-size: 9px;
    text-transform: uppercase;
}

.ppage zz {
   position: relative;
    display: block;
    width: 200px;
    height: auto;
    margin-top: 30px;
    margin-left: 490px;
    color: var(--grey);
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 15px;
    font-family: Gill Sans;
    font-size: 12px;
    font-stile: bold;
    text-transform: uppercase;
}

.ppage temp {
   position: relative;
    display: block;
    width: 200px;
    height: auto;
    margin-top: 20px;
    margin-left: 490px;
    color: var(--grey);
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 15px;
    font-family: Gill Sans;
    font-size: 12px;
    font-stile: bold;
    text-transform: uppercase;
}

.ppage mbti {
   position: relative;
    display: block;
    width: 200px;
    height: auto;
    margin-top: 20px;
    margin-left: 490px;
    color: var(--grey);
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 15px;
    font-family: Gill Sans;
    font-size: 12px;
    font-stile: bold;
    text-transform: uppercase;
}

.tabs #two-tab {margin-top: 10px;}

#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel{
  display:block;
}

#one:checked ~ .panels #one-panel {
background-image: url(https://forumupload.ru/uploads/001a/f6/b2/2/84537.png);
    width: 426px;
    height: 301px;
}

#two:checked ~ .panels #two-panel {
background-image: url(https://forumupload.ru/uploads/001a/f6/b2/2/934660.png);
    width: 426px;
    height: 301px;
    margin-top: 140px;
    margin-left: -30px;
}

.ppage .tab{
    cursor: pointer;
    background-image: url(https://forumupload.ru/uploads/001a/f6/b2/2/487123.png);
    width: 30px;
    height: 20px;
    display: block;
    margin-top: -100px;
    margin-left: 480px;
    color: transparent;
}

#one:checked ~ .tabs #one-tab, #two:checked ~ .tabs #two-tab {
    background-image: url(https://forumupload.ru/uploads/001a/f6/b2/2/670020.png);
    background-repeat: no-repeat;
    color: transparent;
    transition: 0.5s;
}

.panel {
  display: none;
  animation: fadein .8s;
}

.panels {
    max-height: 301px;
    max-width: 426px;
    position: relative;
    top: -140px;
    left: 30px;
}

.panel block1{
    position: absolute;
    width: 406px;
    height: 50px;
    margin-left: 10px;
    margin-top: 7px;
}

.panel block1 icon {
    height: 50px !important;
    width: 406px;
    overflow-y: auto;
    text-align: center;
    display: block;
    justify-content: start;
    align-items: center;
    gap: 10px;
    line-height: 1;
    width: 100%;
}

.panel block2 {
    position: absolute;
    width: 416px;
    height: 190px;
    margin-top: 95px;
}

.panel block2 plash {
    height: 190px;
    overflow-y: auto;
    gap: 10px;
    display: block;
    align-items: center;
    width: 100%;
    line-height: 1;
    gap: 10px;
    text-align: center;
}

.panel block3 {
    position: absolute;
    width: 406px;
    height: 100px;
    margin-top: 7px;
    margin-left: 10px;
}

.panel block3 dost {
    height: 100px !important;
    width: 406px;
    overflow-y: auto;
    text-align: left;
    display: block;
    justify-content: start;
    align-items: center;
    gap: 10px;
    line-height: 1;
    width: 100%;
}

.panel block4 {
    position: absolute;
    width: 426px;
    height: 160px;
    margin-top: 140px;
    margin-left: 0px;
}

.panel block4 cup {
    height: 160px !important;
    width: 426px;
    text-align: center;
    display: block;
    justify-content: start;
    align-items: center;
    gap: 10px;
    line-height: 1;
    width: 100%;
}

.panel block1 icon::-webkit-scrollbar {width: 4px !important; height: 0;}
.panel block2 plash::-webkit-scrollbar { width: 4px !important; height: 0;}
.panel block3 dost::-webkit-scrollbar { width: 4px !important; height: 0;}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.radio{
  display:none;
}

/*чб градиент на картинку*/
   .grayscale {
    filter: grayscale(100%);
   }

/*************** sns СТАРОЕ****************/
/***************** автор https://hangang.ru/profile.php?id=5 *****************/

.tmh-sns {
    margin: 0 auto!important;
    width: 349px;
    min-height: 91px;
    padding: 0 0 46px!important;
    box-sizing: border-box;
    border: 1px solid var(--two1)!important;
    background: url(https://forumstatic.ru/files/001b/ae/0f/15924.png) no-repeat top, url(https://forumstatic.ru/files/001b/ae/0f/78114.png) no-repeat bottom #ab9c8f;
    border-radius: 30px;
}

.tmh-sns .username {
    font-family: var(--font6);
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    height: 12px;
    width: 180px;
    margin: 10px 0 0 75px!important;
    text-align: left;
    overflow: hidden;
}

.tmh-sns .userpic {
    margin: 7px 0 0 36px!important;
    position: absolute;
}

.tmh-sns .avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #e6e6e9!important;
    object-fit: cover;
    filter: grayscale(30%);
    opacity: .9;
}

.tmh-sns .main {
    background: #f9f6f6;
    padding: 15px!important;
    width: 100%;
    margin: 20px 0 0!important;
    box-sizing: border-box;
    max-height: 520px;
    overflow-y: auto;
}

.tmh-sns .main::-webkit-scrollbar {
    width: 3px;
    background: rgb(248, 248, 248);
}

.tmh-sns .main::-webkit-scrollbar-thumb {
    width: 3px;
    background: #c8c8c8;
}

.tmh-sns .msg {
    font-size: 10px;
    color: var(--three1);
    display: flex;
    font-weight: 600;
}

.tmh-sns .msg:not(:first-child) {
    margin-top: 15px!important;
}

.tmh-sns-right .msg {
    flex-direction: row-reverse;
}

.tmh-sns-left .msg__content {
    display: flex;
    flex-wrap: wrap;
}

.tmh-sns-right .msg__content {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: end;
    -webkit-justify-content: end;
    width: 90%;
}

.tmh-sns .msg__content>*:not(:first-child) {
    margin-top: 7px!important;
}

.tmh-sns-left .msg__userpic {
    margin: 0 10px 0 0!important;
}

.tmh-sns-right .msg__userpic {
    margin: 0 0 0 10px!important;
}

.tmh-sns .msg__text,
.tmh-sns .msg__voice {
    background: var(--one2);
    border: 1px solid #e2e2e2!important;
    border-radius: 10px;
    padding: 10px!important;
    width: fit-content;
}

.tmh-sns .msg__text img {
    max-width: 11px !important;
    max-height: 11px !important;
}

.tmh-sns .last-call .msg__text {
    padding-right: 25px!important;
    text-transform: uppercase;
    position: relative;
}

.tmh-sns .last-call .msg__text::after {
    content: '\f095';
    position: absolute;
    margin: -1px 0 0 4px!important;
    font-family: 'Font Awesome 6 Free';
    font-size: 14px;
}

.tmh-sns .voice .msg__text::before {
    content: '';
    background: url(https://forumstatic.ru/files/001b/ae/0f/84534.png) left repeat-x;
    display: block;
    height: 25px;
    width: 200px;
    opacity: .7;
}

.tmh-sns details {
    width: 200px;
    margin: 3px 0 0!important;
}

.tmh-sns details[open] summary {
    margin: 0 0 3px!important;
}

.tmh-sns details summary {
    text-transform: uppercase;
}

.tmh-sns .msg__time {
    text-align: left;
    width: 100%;
    margin: 2px 0 0 5px !important;
    position: relative;
}

.tmh-sns-right .msg__time {
    text-align: right;
    width: 100%;
    margin: 2px 17px 0 0 !important;
}

.tmh-sns .msg__time::after {
    content: '\f560';
    width: 10px;
    height: 10px;
    position: absolute;
    margin: 1px 0 0 3px!important;
    font-family: 'Font Awesome 6 Free';
    color: var(--one1);
}

.tmh-sns .last-call .msg__time::after {
    content: '\f060';
    rotate: -45deg;
    margin: 3px 0 0 3px!important;
}

.tmh-sns .msg__picture {
    width: 100%;
}

.tmh-sns-right .msg__picture {
    text-align: right;
}

.tmh-sns .msg__picture img {
    max-width: 80%;
    border-radius: 7px;
    grid-area: pic;
    border: 1px solid #e6e6e9!important;
}

/*РАЗМЫТИЕ ЗАЧЕРКНУТОГО ТЕСТА*/
del {
   filter: blur(2px) opacity(100%);
   color: #1f1f1f;
   text-decoration: none;

}

del:hover {
   filter: none;
   color: #333438;
}

#pun-announcement .container .html-box a {
    min-width: 180px;
    text-align: center;
    height: 40px;
    font-size: 12px;
    background: #ddba3a url(https://forumstatic.ru/files/001b/f2/38/88624.jpg?v=1);
    margin: 10px 15px;
    border-radius: 0;
    text-decoration: none;
    color: #292623;
    border: 1px solid #b0a27d4a;
    overflow: hidden;
    box-shadow: 0px 0px 10px #b3aa9459;
    transition-duration: 1s;
outline: 1px solid #a5a5a5;
}

#pun-announcement .container .html-box {
    display: flex;
    justify-content: center;
}
#pun-announcement .container .html-box a img {
    height: 40px;
    width: 40px;
    float: left;
}

#pun-announcement .container .html-box a p.one {
    font-size: 16px;
    color: #b64e27;
    margin-top: 5px;
    font-family: bezpredmetizm;
    text-transform: uppercase;
}

#pun-announcement .container .html-box a p.two {
    font-size: 10px;
    color: #2e2317;
    margin-top: 1px;
    font-family: 'Bellota Text';
}

#pun-announcement .container .html-box a:hover {
    min-width: 180px;
    text-align: center;
    height: 40px;
    font-size: 12px;
    background: #d4ceb8 url(https://forumstatic.ru/files/001b/f2/38/88624.jpg?v=1);
    margin: 10px 15px;
    border-radius: 0;
    text-decoration: none;
    color: #898853;
    border: 1px solid #c9c1a6;
    overflow: hidden;
    box-shadow: 0px 0px 10px #6c6c6329;
    transform: scale(.91);
    filter: sepia(.1);
    transition-duration: 1s;
border-radius: 10px;
}