:root {
--accent-color: #9f97ca;
--accent-color-hover: #b8b2da;
--font-color: #323232;
--topic-boxes-color: #f8f8f8;
--pun-color: #fff;
--main-grey-border: 1px solid #cbc9c9;
--main-grey-border-style: solid;
--main-grey-border-color: #cbc9c9;
--font-light-color: #5d5d5d;
}

/*Forum scrollbars*/
::-webkit-scrollbar {width:4px; height:4px; background-color: #fff;}
::-webkit-scrollbar-thumb {background:var(--accent-color);}

/* CS1 Backgrounds and font colors*/

/* CS1.1 Main font color */
.punbb .section .container, 
.punbb .post-body, 
.punbb .post-links, 
.punbb td.tc2, 
.punbb td.tc3, 
#pun-navlinks .container,
.punbb .formal fieldset .post-box, 
#viewprofile li strong, 
#viewprofile li div, 
#setmods dd,
.punbb .info-box, 
.punbb #pun-main .info-box .legend, 
.punbb .main .container, 
.punbb .post .container, 
.punbb .post h3, 
.punbb-admin #pun-admain .adcontainer, 
#pun-stats h2, 
.punbb .main h1, 
.punbb .main h2, 
#pun-debug h2, 
.punbb-admin #pun-admain h2, 
#pun-title, 
#pun-title .container, 
.punbb .modmenu .container, 
.punbb legend span, 
#viewprofile h2 span, 
#profilenav h2 span, 
.punbb-admin #pun-admain legend span, 
.punbb .post h3 span, 
.punbb th, 
#viewprofile li, 
#setmods dl, 
#pun-navlinks .container  { 
    background-color: transpanent;
    color: var(--font-color);
    font-weight: normal;
    font-style: normal;
}

/* CS1.4 Pun forum body*/ 
#pun {
    background: var(--pun-color);
border: 1px solid transparent;
background-repeat: repeat-y!important;
margin-top: 200px!important;
margin-bottom: 70px!important;
}

/* CS1.3 Header */
#pun-title table {
background-image : url(http://forumstatic.ru/files/001b/c8/1d/29102.png);
background-size: 1002px 200px;
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 200px;
width: 1002px;
margin-top: -200px;
margin-left: -26px;
}

#pun-title .title-logo {display: none;}

/* CS1.5 Footer */
#pun-about p.container {
background-image: url(http://forumstatic.ru/files/001b/c8/1d/92177.png);
background-size: 1002px 70px; 
background-position: top center; 
background-repeat: no-repeat; 
width: 1002px; 
height: 70px;
margin-bottom: -70px;
margin-left: -27px;
}
div#html-footer {margin: 0;}

/* CS2 Links */

/* CS2.1 General*/
.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, 
.punbb li.isactive a, 
.punbb li.isactive a:link, 
.punbb li.isactive a:visited {
    color: var(--accent-color);
    text-decoration: none;
    font-weight: bold;
    transition:.5s;
}

/* CS2.2 On Hover*/
.punbb a:hover, 
.punbb a:focus, 
.punbb a:active,  
.punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, 
.punbb-admin #punbb-admain a:focus, 
.punbb-admin #punbb-admain a:active {
    color: var(--accent-color-hover); 
    text-decoration: none;

}

#pun-index .tcr a.lastpost-link {
    text-transform: lowercase;
    font-size: 11px;
}


/* CS2.3 
#pun-navlinks a {
    color: var(--accent-color);
    text-decoration: none;

} ------*/

/* CS2.4 
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: #cabbee;
    text-decoration: none;

} -----*/

/* CS3 Old and new topics icons on main */

/* CS3.1 No new messages*/
#pun-index table div.icon {
float: right;
display: block;
position: relative;
  background: url(http://forumstatic.ru/files/001b/c8/1d/24861.png);
  width: 30px;
  height: 40px;
  padding: 0;
right: 63px;
  top: 17px;
  z-index: 50;
}

/* CS3.2 New messages*/
#pun-index tr.inew div.icon {
float: right;
display: block;
  background: url(http://forumstatic.ru/files/001b/c8/1d/10978.png);
  width: 30px;
  height: 40px;
  padding: 0;
right: 63px;
  top: 17px;
  z-index: 50;
}

/* CS3.3 Иконка важных*/
#pun-viewforum TR.isticky Div.icon {
background-image : url(http://forumstatic.ru/files/001b/c8/1d/20712.png);
background-repeat: no-repeat;
background-position: bottom center;
float: inline-start;
        width: 30px;
        height: 30px;
margin-right: 5px;
}

/* CS3.4 Иконка закрытых*/
#pun-viewforum TR.iclosed Div.icon {
background-image : url(http://forumstatic.ru/files/001b/c8/1d/40236.png);
background-repeat: no-repeat;
background-position: bottom center;
float: left;
        width: 30px;
        height: 30px;
margin-right: 5px;
}

/* CS3.5 Иконка обычных тем*/
#pun-viewforum Div.icon {
background-image : url(http://forumstatic.ru/files/001b/c8/1d/80774.png);
background-repeat: no-repeat;
background-position: bottom center;
float: left;
position: relative;
top: -7px;
        width: 30px;
        height: 30px;
margin-right: 5px;
}

/* CS4 Categories imgs */
#pun-category1.category h2 {
    background: url(http://forumstatic.ru/files/001b/c8/1d/96485.png);
    background-repeat: no-repeat;
background-size: 328px 65px;
    height: 65px;
    width: 328px;
    font-size:0 !important;
    display: block;
    margin-left: -26px!important;
margin: 15px 0;
}

#pun-category2.category h2 {
    background: url(http://forumstatic.ru/files/001b/c8/1d/15384.png);
    background-repeat: no-repeat;
background-size: 328px 65px;
    height: 65px;
    width: 328px;
    font-size:0 !important;
    display: block;
    margin-left: -26px!important;
margin: 15px 0;
}

#pun-category3.category h2 {
    background: url(http://forumstatic.ru/files/001b/c8/1d/83834.png);
    background-repeat: no-repeat;
background-size: 328px 65px;
    height: 65px;
    width: 328px;
    font-size:0 !important;
    display: block;
    margin-left: -26px!important;
margin: 15px 0;
}

#pun-category4.category h2 {
    background: url();
    background-repeat: no-repeat;
    height: 48px;
    width: 282px;
    font-size:0 !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* CS5 Other */

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { 
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url(адрес);
    background-origin: padding-box;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-size: auto;
    padding-left: 0px;
    padding-top: 0px;
}

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
    background-attachment: scroll;
    background-clip: border-box;
    height: 10px;
    width: 300px;
    margin: 10px auto;
    background-color: transparent;
    background-image: url(link);
    background-origin: padding-box;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: auto;
    font-size: 0px;
}

/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box { 
    background-image: url("адрес");
    color: var(--font-color);
    border-radius: 15px;
border: 1px solid #cbc9c9;
background-color: var(--topic-boxes-color);
}


/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
    background-color: #fff;
    color: var(--font-color);
border-radius: 10px;
border: var(--main-grey-border);
}

#post-form.formal textarea {
min-height: 220px;
max-width: 856px;
}

#form-buttons {
    background-color: var(--topic-boxes-color);
border-radius: 5px;
border: var(--main-grey-border);
}

/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center;}
#pun-crumbs1 .container { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}
.punbb .post-content {text-align: justify;}

/* скрываем быстрый ответ */
#post-form h2 span {
    font-size: 0px;
}

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
    border-radius: 15px;
background-color: var(--topic-boxes-color);
}

/* поля профиля*/
.punbb .pa-fld1 {
position: absolute;
height: 200px;
writing-mode: vertical-rl;
text-orientation: mixed;
transform: rotate(180deg);
    padding:5px 5px;
    text-transform: uppercase;
    font-size: 12px;
font-weight: 200;
color: var(--accent-color);
    letter-spacing: .7px;
    line-height: 12px;
left: 5px;
text-align: right;
}


/*кнопки под формой ответа*/
#post .button.submit {
    color: var(--font-color);
    text-shadow: none;
    border: var(--main-grey-border); 
    border-radius: 5px;
    background-color: var(--topic-boxes-color);
    text-transform: lowercase;

}
#post .button[name="submit"] {
    color: var(--font-color);
    text-shadow: none;
    border: var(--main-grey-border); 
    border-radius:4px;
    background-color: var(--topic-boxes-color);
    text-transform: lowercase;

}

#post .button.preview {
    color: var(--font-color);
    text-shadow: none;
    border: var(--main-grey-border); 
    border-radius:4px;
    background-color: var(--topic-boxes-color);
    text-transform: lowercase;
}
#post .button[name="preview"] {
    color: var(--font-color);
    text-shadow: none;
    border: var(--main-grey-border); 
    border-radius:4px;
    background-color: var(--topic-boxes-color);
    text-transform: lowercase;
}

#post .button.full {
    color: var(--font-color);
    text-shadow: none;
    border: var(--main-grey-border); 
    border-radius:4px;
    background-color: var(--topic-boxes-color);
    text-transform: lowercase;
}
#post .button[name="full"] {
    color: var(--font-color);
    text-shadow: none;
    border: var(--main-grey-border); 
    border-radius:4px;
    background-color: var(--topic-boxes-color);
    text-transform: lowercase;
}

#post .button.cancel {
    color: var(--font-color);
    text-shadow: none;
    border: var(--main-grey-border); 
    border-radius:4px;
    background-color: var(--topic-boxes-color);
    text-transform: lowercase;
}
#post .button[name="cancel"] {
    color: var(--font-color);
    text-shadow: none;
    border: var(--main-grey-border); 
    border-radius:4px;
    background-color: var(--topic-boxes-color);
    text-transform: lowercase;
}


/*Выравниваем в одну строку число постов и Уважение*/
.pa-posts, .pa-respect {
    text-align:center;
    display:inline-block;
    padding:0 2px ;
    width:76px;
    margin-top: 10px!important;
margin-bottom: 10px!important;
    text-transform: lowercase;
    font-weight: normal;
    font-size:7px;
}

.pa-posts a, .pa-respect a {
    color: var(--font-color)!important;
}

.pa-posts {
    margin-right: 10px!important;
}

.pa-respect img {
height: 6px!important;
width: 6px!important;
}

/*Фон под контейнеры в форме Ответа*/
#pun_wrap #post .container[id$="-area"] {
    border-radius: 10px;
    background-color: var(--topic-boxes-color); /*Можно добавить фон картинкой url(Ccылка на картинку)*/
    padding: 10px;
    font: normal normal 400 11px/normal Verdana;
}

/*User avatar border on main*/
.punbb .user-avatar .avatar-image {
width: 30px!important;
height: 30px!important;
border-radius: 10px!important;
    border: 2px solid;
    border-color: var(--accent-color);
    box-shadow: inset 0 0 999px rgba(167, 158, 211, 0.4)!important;
}

#pun-viewforum .user-avatar .avatar-image {
width: 25px!important;
height: 25px!important;
}

#pun-viewforum em.user-avatar {
width: 25px!important;
height: 25px!important;
top: -7px!important;
}

#pun-viewforum .tcr {
font-size: 11px!important;
bottom: -5px!important;
}

#pun-main #subforums.container {
text-transform: lowercase;
}

.punbb .user-avatar .isonline {
display: none!important;
}

/*User avatar border in topics*/
li.pa-avatar.item2 img {
    border: 2px solid #fff;
    max-width: 180px;
}


/* КАРТИНКИ АМС В ШАПКЕ */
.amspics {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: -100px;
    left: 973px;
    width: 30px;
    height: 65px;
    justify-content: space-around;
}
.adm1 {
    width: 20px;
    height: 20px;
    background: url("https://i.ibb.co/TH6cfCv/icons8-gift-16.png") no-repeat;
    transition: .5s;
    border-radius: 50%;
    }


.adm1:hover {
    background: url("https://i.ibb.co/6PsZPN1/ams-cami.png") no-repeat;
    width: 30px;
    height: 30px;
    margin-left: -5px;
    }

.adm2 {
    width: 20px;
    height: 20px;
    background: url("https://i.ibb.co/T49MZ7T/icons8-winter-16.png") no-repeat;
    transition: .5s;
    border-radius: 50%;
    }

.adm2:hover {
    background: url("https://i.ibb.co/y8B9wf3/ams-maya.png") no-repeat;
    width: 30px;
    height: 30px;
    margin-left: -5px;
    }

/* NAVIGATION in header */
.somelinks {
    position: absolute;
    top: -98px;
    left: -1px;
    height: 250px;
    width: 37px;
}

.somelinks-box {
    width: 37px;
    height: 31px;
    display: flex;
    justify-content: flex-end;
    margin: 5px auto;
}

.somelinksbox-hiddentext {
    min-width: 0px;
    height: 100%;
    background: var(--accent-color);
    color: var(--pun-color);
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;
    line-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 10px 0 0 10px;
    transition: .5s;
}

.somelinksbox-icons {
    min-width: 37px;
    height: 100%;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
}

.somelinksbox-icons i {
    color: var(--accent-color)!important;
    line-height: 31px;
}

.somelinks-box:hover .somelinksbox-icons {
    background: var(--accent-color);
border: none!important;
}
.somelinks-box:hover .somelinksbox-icons i {
    color: var(--pun-color)!important;
}
.somelinks-box:hover .somelinksbox-hiddentext {
    min-width: 100px;
}

/*textarea icons and bckg*/
#form-buttons {
margin-bottom: 10px;
}

#smilies-area.container {
height: 250px;
overflow-y: scroll;
overflow-x: hidden;
}

#smilies-area img {
padding: 2px;
}

#font-area {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#font-area div {
    -webkit-flex-basis: 12em;
    flex-basis: 12em;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

/*reactions button*/
.reactions-container {
justify-content: flex-end;
}

.reaction-picker {
width: 5px!important;
}

.reactions-root button {
font-size: 70%!important;
line-height: 1!important;
}

.reaction-picker-button {
width: 13px!important;
}

.reaction-chip {
height: 13px!important;
border: 1px solid #fff!important;
background-color: var(--pun-color)!important;
}

/*change avatar in topics form bckg*/
.pun-modal .modal-inner {
background-color: var(--pun-color);
}

/*change color in rusf live recomm in topics*/
div#pun-live-rusff {
  text-transform: lowercase;
  font-size: 9px;
}

div#pun-live-rusff .cool1, div#pun-live-rusff .cool2, div#pun-live-rusff .cool3 {
background-color: var(--accent-color)!important;
border-color: transparent!important;
box-shadow: none!important;
text-shadow: none!important;
border-radius: 5px!important;
}

/*change bookmark color*/
#MyBookmarks {
background-color: var(--pun-color);
}

#BookmCntToggle.default-style {
color: var(--accent-color)!important;
}

.post .bookmark {
color: var(--accent-color)!important;
}

#rep_form {
background: var(--pun-color)!important;
}

/* ГОСТЕВАЯ */
.taste-pretty-box {
  background-color: var(--pun-color);
width: 600px;
border-radius: 40px;
padding: 25px;
margin: 0 auto!important;
}

.taste-pretty-box-inner span {
font-size: 46px;
text-transform: uppercase;
font-weight: 100;
font-style: italic;
letter-spacing: 2px;
background-color: var(--pun-color);
color: var(--main-grey-border-color);
position: absolute;
top: -5px;
left: 193px;
}

.taste-pretty-box-inner {
background-color: var(--pun-color);
    border: var(--main-grey-border);
border-radius: 30px;
width: 580px;
margin: 0 auto!important;
padding-top: 20px;
padding-bottom: 20px;
}

.taste-guestroom-field {
width: 600px;
height: 450px;
box-sizing: border-box;
padding: 20px;
}

.taste-guestroom-field img {
margin-left: 50px;
margin-top: 35px;
border-radius: 20px;
width: 170px;
height: 170px;
}

.taste-guestroom-field .text-top {
position: absolute;
color: var(--font-light-color);
font-size: 10px;
width: 465px;
text-align: center;
font-weight: 600;
height: 25px;
left: 100px;
top: 60px;
}

.taste-guestroom-field .text {
position: absolute;
color: var(--font-light-color);
font-size: 10px;
width: 290px;
height: 230px;
right: 70px;
top: 105px;
}

.taste-guestroom-field .guys {
position: absolute;
width: 240px;
height: 200px;
left: 30px;
bottom: 0;
margin: 30px;
padding: 15px;
}

.taste-guestroom-field .girls {
position: absolute;
width: 240px;
height: 200px;
right: 30px;
bottom: 0;
margin: 30px 20px;
padding: 15px;
}

.guys p.guys-legend, .girls p.girls-legend {
  text-align: center;
  font-size: 14px;
  width: 230px;
  color: var(--font-light-color);
  text-transform: uppercase;
}

.guys-roles-box, .girls-roles-box {
  background-color: var(--topic-boxes-color);
  border-radius: 20px;
  width: 230px;
  height: 170px;
  margin: 0 auto;
  padding: 5px 15px;
  box-sizing: border-box;
}

.guys-roles, .girls-roles {
  text-align: center;
  overflow-y: scroll;
  height: 160px;
  width: 100%;
}

.guys-roles::-webkit-scrollbar {width:2px; height:4px; background-color: var(--topic-boxes-color);}
.guys-roles::-webkit-scrollbar-thumb {background:#e5e5e5;}
.girls-roles::-webkit-scrollbar {width:2px; height:4px; background-color: var(--topic-boxes-color);}
.girls-roles::-webkit-scrollbar-thumb {background:#e5e5e5;}

p.date {
  font-size: 8px;
  color: var(--font-light-color);
}

p.role {
  font-size: 10px;
  line-height: 3px!important;
}

/*ANNOUNCEMENT*/

.taste-ann {
width: 930px;
height: 35px;
display: flex;
gap: 20px;
justify-content: center;
align-items: flex-start;
}

.taste-ann-btn {
flex-shrink: 0;
}

/*СНС ПОСТЫ*/
.sns-template { margin: 5px auto!important; width: 330px; font-family: 'Montserrat', sans-serif;}
.sns-body {
box-sizing: border-box;
  background-color: #fff;
  border-left: 1px solid #c9c9c9;
border-right: 1px solid #c9c9c9;
  display: flex;
  flex-direction: column;
  font-size: 11px;
font-weight: regular;
  padding: 1rem 1.5rem;
max-height: 400px;
width: 322px;
overflow-y: scroll;
}
.sns-body::-webkit-scrollbar {width:2px; height:5px; background-color: #fff;}
.sns-body::-webkit-scrollbar-thumb {background:#e5e5e5;}
.sns-body p {
  border-radius: 1.15rem;
  line-height: 1.2!important;
  max-width: 80%;
  padding: 7px 7px 7px 7px!important;
  position: relative;
  word-wrap: break-word;
}
.sns-body p::before,
.sns-body p::after {
  bottom: -0.1rem;
  content: "";
  height: 1rem;
  position: absolute;
z-index: 10;
}
p.message-right {
  align-self: flex-end;
  background-color: #b0b0b0;
  color: #000; 
z-index: 40;
}
p[class^="message-"] {margin: 7px!important;width: fit-content;}
p.message-left {
  align-items: flex-start;
  background-color: #e3e3e3;
  color: #000;
z-index: 50;
}
.sns-body p[class^="message-"].textpic {padding: 0 0 0 0!important; border-radius: 50%;}
.sns-body p[class^="message-"].textpic img {
  max-width: 100px;
  max-height: 100px;
  border-radius: 50%;
}
p[class^="message-right"].voicemsg {
background-image: url(https://i.imgur.com/31dg7dY.png);
background-repeat: no-repeat;
background-position: 50% 5px;
background-size: 230px;
width: 250px;
padding-top: 29px!important;
}
p[class^="message-right"].voicemsg span {
color: #e0e0e0;
font-size: 9px;
line-height: 17px;
padding-left: 25px;
}
p[class^="message-left"].voicemsg span {
color: #b0b0b0;
font-size: 9px;
line-height: 17px;
padding-left: 25px;
}
p[class^="message-left"].voicemsg {
background-image: url(https://i.imgur.com/IIfE98K.png);
background-repeat: no-repeat;
background-position: 50% 5px;
background-size: 230px;
width: 250px;
padding-top: 29px!important;
}
.sns-top {
position: relative;
  background-image: url(https://i.imgur.com/vvbYAaX.png);
width: 320px;
height: 50px;
  border: 1px solid #c9c9c9;
  border-radius: 10px 10px 0 0;
border-bottom: 0px!important;
z-index: 60;
}
.sns-top .continfo-box {
position: absolute;
font-size: 11px;
  color: #919191;
width: 185px;
height: 100%;
margin-left: 50px;
display: flex;
gap: 10px;
align-items: center;
}
.sns-top .continfo-pic img {
max-width: 30px;
max-height: 30px;
border-radius: 50%;
}
.sns-top .continfo-name {
font-weight: 600;
font-size: 12px;
margin-bottom: 0!important;
padding-bottom: 0!important;
}
.sns-top .continfo-seen {
font-weight: 200;
font-size: 10px;
margin-top: 0!important;
padding: 0!important;
}
.sns-btm {
  background-image: url(https://i.imgur.com/glqPa3x.png);
  border: 1px solid #c9c9c9;
  border-radius: 0 0 10px 10px;
border-top: 0px!important;
width: 320px;
height: 40px;
}

/*СОЦ СЕТЬ - ПРОФИЛЬ*/
.profile-template {margin: 5px auto!important; width: 320px; font-family: 'Montserrat', sans-serif;}
.profile-top {
width: 320px;
background-image: url(https://i.imgur.com/7I52Mlr.png);
background-repeat: no-repeat;
border: 1px solid #c9c9c9;
border-bottom: none;
border-radius: 10px 10px 0 0;
text-align: center;
color: #919191;
font-size: 11px;
padding-top: 10px;
}
.profile-top .lg {
max-width: 50px;
max-height: 50px;
border-radius: 50%;
}
.profile-top .profile-name {
font-weight: bold;
margin-top: 7px!important;
}
.profile-top .profile-stats {
width: 320px;
display: flex;
justify-content: center;
gap: 20px;
margin-left: -10px!important;
}
.profile-stats .stat1, .profile-stats .stat2, .profile-stats .stat3 {
line-height: 11px!important;
}
.profile-top .profile-follow {
width: 117px;
height: 23px;
background-color: #919191;
color: #fff;
font-weight: bold;
margin: 0 auto!important;
padding: 5px;
box-sizing: border-box;
}
.profile-top .profile-bio {
font-size: 9px;
font-weight: regular;
padding: 15px!important;
}
.profile-pics {
width: 320px;
height: 216px;
border: 1px solid #c9c9c9;
border-radius: 0 0 10px 10px;
display: flex;
  justify-content: center;
align-content: center;
  flex-wrap: wrap;
row-gap: 4px;
column-gap: 4px;
}
.profile-pics img {
max-width: 100px;
max-height: 100px;
}

/*СОЦ СЕТЬ - ПОСТ ФОТО*/
.profile-top .sm {
max-width: 30px;
max-height: 30px;
border-radius: 50%;
}
.profile-top .post1 {
font-size: 8px;
padding-bottom: 0!important;
padding-top: 5px!important;
}
.profile-top .post2 {
font-size: 9px;
font-weight: bold;
}
.postbody-pic {
width: 320px;
border: 1px solid #c9c9c9;
border-bottom: none;
}
.postbody-pic img {
max-width: 320px;
}
.postbody-btm {
background-image: url(https://i.imgur.com/XkmuPVN.png);
background-repeat: no-repeat;
width: 322px;
padding: 36px 10px 10px 10px;
border: 1px solid #c9c9c9;
border-radius: 0 0 10px 10px;
color: #919191;
font-size: 11px;
box-sizing: border-box;
}

/*СОЦ СЕТЬ - ПОСТ ТЕКСТ*/
.postbody-text-user {
margin-left: 60px!important;
display: flex;
gap: 10px;
align-items: center;
}
.postbody-text-user .user-handle {
text-align: left;
font-size: 8px;
line-height: 5px;
padding-bottom: 0!important;;
}
.postbody-text-user .user-handle strong {font-size: 9px;}
.postbody-text-btm {
background-image: url(https://i.imgur.com/rPjIHQ7.png);
background-repeat: no-repeat;
background-position: bottom center;
width: 322px;
color: #919191;
font-size: 11px;
border: 1px solid #c9c9c9;
border-top: none;
border-radius: 0 0 10px 10px;
padding: 10px 10px 40px;
box-sizing: border-box;
}

/*СОЦ СЕТЬ - КОММЕНТ*/
.comment-template {margin: 5px auto!important; width: 320px; font-family: 'Montserrat', sans-serif;}
.comment-top {
width: 322px;
background-image: url(https://i.imgur.com/cO1X8Eq.png);
background-repeat: no-repeat;
border: 1px solid #c9c9c9;
border-bottom: none;
border-radius: 10px 10px 0 0;
text-align: justify;
color: #919191;
font-size: 11px;
display: flex;
align-items: start;
gap: 10px;
box-sizing: border-box;
padding: 7px 30px 0 15px;
}
.comment-top .sm {
max-width: 30px;
max-height: 30px;
border-radius: 50%;
margin-top: 10px!important;
}
.comment-text strong {
font-size: 9px;
line-height: 25px;
}
.comment-text {
padding-bottom: 0!important;
line-height: 12px!important;
}
.comment-btm {
background-image: url(https://i.imgur.com/A07LsRw.png);
background-repeat: no-repeat;
width: 320px;
height: 35px;
border: 1px solid #c9c9c9;
border-top: none;
border-radius: 0 0 10px 10px;
}

/*AIRDROP*/
.airdrop-template {
box-sizing: border-box;
margin: 5px auto!important; 
width: 322px; 
font-family: 'Montserrat', sans-serif;
border: 1px solid #c9c9c9;
border-radius: 10px;
text-align: center;
color: #919191;
font-size: 9px;
padding: 10px 0 0;
}
.airdrop-template span {
font-size: 8px;
line-height: 20px;
}
.airdrop-template img {
max-width: 320px;
margin-top: 10px!important;
border-top: 1px solid #c9c9c9!important;
border-bottom: 1px solid #c9c9c9!important;
}
.airdrop-btns {
display: flex;
justify-content: center;
}
.airdrop-button1, .airdrop-button2 {
width: 125px;
height: 25px;
border: 1px solid #c9c9c9;
border-radius: 10px;
font-size: 11px;
margin: 15px!important;
padding-bottom: 0!important;
text-align: center;
padding: 5px;
box-sizing: border-box;
}
.airdrop-button2 {font-weight: bold;}

/*ВИДЕО-ЗВОНОК И СТОРИ*/
.videocall-template {margin: 5px auto!important; width: 215px; font-family: 'Montserrat', sans-serif;}
.videocall-top {
width: 215px;
background-image: url(https://i.imgur.com/yCvHBCe.png);
background-repeat: no-repeat;
border: 1px solid #c9c9c9;
border-radius: 10px 10px 0 0;
text-align: center;
color: #919191;
font-size: 9px;
padding: 5px 0 5px;
line-height: 20px;
}
.videocall-pic img {
max-width: 215px;
}
.videocall-pic {
width: 215px;
border-left: 1px solid #c9c9c9;
border-right: 1px solid #c9c9c9;
}
.videocall-btm {
background-image: url(https://i.imgur.com/wglOMzp.png);
background-repeat: no-repeat;
border: 1px solid #c9c9c9;
border-radius: 0 0 10px 10px;
width: 215px;
height: 31px;
}

.story-btm {
background-image: url(https://i.imgur.com/yNHEJiH.png);
background-repeat: no-repeat;
border: 1px solid #c9c9c9;
border-radius: 0 0 10px 10px;
width: 215px;
height: 35px;
}