/*************************************************************
КОДЫ И ГРАФИКА BLANCHE v.2022.0
у нас есть мастерская на рено, обращайтесь <З
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
части кодов можно свободно брать в личное пользование, если вы оставите мое копи в стиле вашего диза
давайте уважать труды, да и просто друг друга <З
**************************************************************

 I. ШАПКА, ФУТЕР
-------------------------------------------------------------*/
/* шапка */
#pun-title {   background: url(http://forumstatic.ru/files/0019/e8/8d/58263.jpg);    border-radius: 7px;    position: relative;    box-shadow: 0 0 0 1px inset #c8d3ae, 0 0 0 2px inset #718480, 0 0 0 1px #424e4e, 0 0 20px inset #778989, 0 0 10px #455353;}
#pun-announcement {    top: 15px;    position: absolute;}
#pun-title, #pun-announcement {    width: 948px;    height: 170px;    margin-top: 14px;    z-index: 1;}

/* футер */
#pun-about {    width: 0px;     height: 40px;    margin: 90px 0 -120px 0;   background: url() center top;} 
#pun-about .item1 {    display: block;}
#pun-about .item1, #pun-about .item1 a {color: rgba(var(--accent-d1),.5) !important;}
#pun-about .item1 a:hover {color: rgba(var(--accent-d1)) !important;}

/* ДЖУДА */
.jud #pun-title, .jud #pun-announcement {    position: absolute;    margin-top: 0;    top: -145px;    left: 246px;}
.jud #pun-title, .jud #pun-announcement, .jud #pun-title, .jud #pun-announcement .html-box, .jud #pun-announcement .container:after {width: 753px; height: 162px;}
.jud #pun-title {    background: none;    box-shadow: none;}
.jud #pun-announcement .container:after {   background: var(--jud-accent1);}
.jud #pun-announcement .html-box, .jud #pun-announcement .container:after {     transition: var(--trans1);    transform: translateY(-170px);}
.jud #pun-announcement:hover .html-box, .jud #pun-announcement:hover .container:after {  transform: translateY(0px); }
.jud #pun-announcement:before {    content: '';    background: url(https://forumstatic.ru/files/001b/7c/28/58953.png);    width: 754px;    height: 162px;    position: absolute;    z-index: 1;   transition: var(--trans1); opacity: 0;    left: -1px;}
.jud #pun-announcement:hover:before {opacity: 1;}
.jud #pun-announcement .container:after {    content: '';    position: absolute;    top: 0;    z-index: -1;}
.jud #pun-announcement .html-box {    z-index: 1;    position: relative;}
.jud #pun-announcement .container:before {    content: '';    background: url(https://forumstatic.ru/files/001b/7c/28/21870.png);    width: 38px;    height: 47px;    position: absolute;    left: -162px;    top: 63px;    transition: var(--trans1);}
.jud #pun-announcement:after {    content: '';    background: url(https://forumstatic.ru/files/001b/7c/28/89077.png);    width: 499px;    height: 125px;    position: absolute;    top: 10px;    right: 65px;    transition: var(--trans1);}
.jud #pun-announcement:hover .container:before, .jud #pun-announcement:hover:after {    transform: rotateX(180deg);}

.jud #pun-about {    height: 0;    margin: 0;}
.jud #pun-about .item1 {    margin-top: -35px;    position: absolute;    text-align: left;    left: 20px;    font-family: var(--jud-font);}
.jud #pun-about .item1, .jud #pun-about .item1 a {    color: var(--jud-accent1) !important;    -webkit-text-stroke: 0.5px;    font-size: 6px;}





/* II. КАТЕГОРИИ
-------------------------------------------------------------*/
#pun-index .category h2 {  margin: 0 0 0 0;     text-align: center;
    background: url(https://forumstatic.ru/files/001b/7c/28/14405.png) no-repeat 0px 10px;}

#pun-index .category h2 span, #post-form h2 span {     font-family: Iglets !important;    text-transform: uppercase;    color: rgba(var(--basic-l1));    font-size: 50px;    letter-spacing: 2px !important;    display: block;    padding-top: 14px;    transition: var(--trans1);    position: relative;    z-index: 1;    margin: -10px 0 -30px 0;    filter: blur(.7px);}

/* ДЛИННЫЙ ТЕКСТ В КАТЕГОРИИ © blanche. брать можно только с копирайтом */
#pun-category2.category h2:after{ content:"trust the vibes you get, energy doesn't lie"}
#pun-category3.category h2:after{ content:"vibe speak louder than words"}
#pun-category4.category h2:after{ content:"'be such a good soul that people crave your vibes"}
#pun-category5.category h2:after{ content:"life is way too short for bad vibes"}

#pun-index .category h2:after, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, #pun-stats li.item4 a {font-size: 7px;font-family: helvetica neue medium;letter-spacing: 1px; text-transform: uppercase;transition: var(--trans1)}
#pun-index .category h2:after {position: absolute;width: 100%;left: 0px;margin-top: -17px;z-index: 1;}

/* НАВЕДЕНИЕ КАТЕГОРИЙ © blanche. брать можно только с копирайтом */
#pun-index .category:hover h2 span {filter: none}
#pun-index .category:hover h2:after {filter: blur(2px); opacity: 0;transform: scale(1.3);}



/* ДЖУДА */
#pun-index .category h2 {background: transparent}
.jud #pun-index .category h2 span, .jud #post-form h2 span {    font-family: frankie friends !important;    color: var(--jud-accent1);    filter: none;    margin: 0px 0 0 245px;    font-size: 45px;    overflow: hidden;    height: 32px;    -webkit-text-stroke: 0.5px; text-transform: lowercase;}
.jud #pun-index .category h2:after {    color: var(--jud-basic1);    left: 245px;    width: calc(100% - 245px);    font-family: var(--jud-font);    -webkit-text-stroke: 0.3px;    letter-spacing: 2px;    margin-top: -15px;}
.jud #pun-index .category:hover h2 span {    transform: rotateX(180deg);}
.jud #pun-index .category:hover h2:after {    filter: none;    transform: none;    opacity: 1;}
.jud #post-form h2 span {    overflow: inherit;    -webkit-text-stroke: 0;}





/* III. ИКОНКИ
-------------------------------------------------------------*/
/* на главной */
#pun-index table Div.icon {      float: left;  margin: -9px 10px -3px -6px; }
#pun-index table Div.icon:after {    content: '\273B';    font-size: 40px; color: rgba(var(--basic1), .2)}
#pun-index TR.inew Div.icon:after {    color: rgba(var(--accent-d1));    width: 18px;    overflow: hidden;    display: block;    margin-right: 18px;}
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {    font-size: 17px !important;    background: transparent !important;    color: rgba(var(--basic-l1)) !important;    margin: 21px 0 0 20px !important;    font-weight: normal !important;    font-family: qalisso !important;}

/* в подфорумах */
#pun-viewforum table .icon, #pun-messages table Div.icon {    float: left;    background: none;    margin: 0 10px 0 0px;}
#pun-viewforum .icon:before, #pun-messages .intd Div.icon:before {    margin: 0px 0px 0px 0px;    font-family: var(--basicfont);    text-transform: uppercase !important;    display: inline-block;    width: 70px;    font-size: 8px;    letter-spacing: 1px; opacity: .5}

#pun-viewforum .icon:before, #pun-messages .intd .icon:before {content: 'old message';}
#pun-viewforum .icon.icon-new:before, #pun-messages .intd .icon.inew:before {content: 'new message';}
#pun-viewforum tr.iclosed .icon:before {content: 'cls message';}
#pun-viewforum tr.isticky .icon:before {content: 'imp message';}
#pun-viewforum .icon.icon-new:before, #pun-viewforum tr.isticky .icon:before, #pun-messages .icon.inew:before {color:  rgba(var(--accent-d1)); opacity: 1 !important}



/* ДЖУДА */
.jud #pun-index table Div.icon {    background: url(https://forumstatic.ru/files/001b/7c/28/79268.png);    width: 124px;    height: 41px;    margin: 0;    order: 1;    z-index: 1;}
.jud #pun-index TR.inew Div.icon {background: url(https://forumstatic.ru/files/001b/7c/28/37647.png)}
.jud #pun-index table Div.icon:after, .jud #pun-index TR.inew Div.icon:after, .jud .icon[data-new-topics]:before {display: none;}

.jud #pun-viewforum table .icon, .jud #pun-messages table Div.icon {    margin: -8px 0 -16px -121px;text-align: right;}
.jud #pun-viewforum .icon:before, .jud #pun-messages .intd Div.icon:before, .jud .newtext a {    font-family: var(--jud-font1) bold;    color: var(--jud-basic2);    text-transform: lowercase !important;    width: 80px;    font-size: 24px;}
.jud #pun-viewforum .icon:before, .jud #pun-messages .intd .icon:before {    content: 'old';    opacity: .15;}
.jud #pun-viewforum .icon.icon-new:before, .jud #pun-messages .intd .icon.inew:before, .jud .newtext a:before {content: '\2726 new';color: var(--jud-accent1);    font-size: 24px;}
.jud #pun-viewforum tr.iclosed .icon:before {content: 'cls';}
.jud #pun-viewforum tr.isticky .icon:before {content: '\2726 imp';color: var(--jud-accent1);}





/* IV. ТАБЛИЦА
-------------------------------------------------------------*/
#stylelist {    position: absolute;    z-index: 1000;    top: 20px;    left: 999px;    margin: 0;    padding: 0;    list-style-type: none;    transition: var(--trans1);} 
#stylelist a {    display: block;    width: 5px;    height: 15px;    margin-bottom: 8px;    border-radius: 0 5px 5px 0;    outline: none;    font-family: var(--basicfont);
    letter-spacing: .5px;}
#stylelist [data="bl"] a {    border: 1px solid rgba(var(--accent-d1));    color: rgba(var(--accent-d1),0);}
#stylelist [data="jud"] a {    background: rgba(var(--accent-d1));    border: 1px solid rgba(var(--accent-d1));    color: rgba(var(--basic-d2),0);}
#stylelist [data="bl"] a:hover {width: 45px; color: rgba(var(--accent-d1),1); padding-left: 5px;}
#stylelist [data="jud"] a:hover {width: 55px; color: rgba(var(--basic-d2),1); padding-left: 5px;}

#pun-announcement vbname {    color: var(--basic-l2);    font-family: 'Iglets';    font-size: 260px;   position: absolute;    top: 20px;left: 287px;    letter-spacing: -28px;    height: 148px;    overflow: hidden; transition: var(--trans1);width: 330px;    text-shadow: 0 0px 1px #cad1d0;}
#pun-announcement vbname3 {    position: absolute;    top: 52px;    left: 445px;    font-size: 45px;    color: var(--accent-l2);    transition: var(--trans1);}

#pun-announcement vbplay iframe, .nov vbplay iframe {    width: 100% !important;    height: 20px !important;} #pun-announcement vbplay vbplay1, .nov vbplay vbplay1 {display: inline-block;    width: 21px;transition: var(--trans1);}
#pun-announcement vbplay {z-index: 3; position: absolute; top: 90px; left: 350px; transition: var(--trans1); opacity: 0; filter: blur(5px);}
#pun-announcement vbplay, .nov vbplay, .nov vbplay3 {color: var(--basic-l3); display: flex; align-items: center; column-gap: 5px; font-size: 8px; letter-spacing: 1px; font-family: var(--basicfont);}

#pun-announcement:hover vbname {    filter: blur(20px); opacity: 0; }
#pun-announcement:hover vbname3 {   transform: scale(1.7) rotate(52deg) translateX(5px) translateY(-25px);}

#pun-announcement:hover vbplay {    opacity: 1;    transform: translateX(15px);    filter: none;}
#pun-announcement:hover vbplay vbplay1:hover {transform: scale(1.2)}

#pun-announcement vbname1 {    background: url(https://forumstatic.ru/files/001b/7c/28/33779.png);    width: 49px;    height: 64px;    position: absolute;    top: 69px;    left: 321px;}
#pun-announcement vbname2 {    background: url(https://forumstatic.ru/files/001b/7c/28/26633.png);    width: 61px;    height: 19px;    position: absolute;    top: 39px;    right: 356px;}

#pun-announcement pl {position: absolute; text-align: right; font-family: var(--basicfont); font-size: 9px; text-transform: lowercase; letter-spacing: 1px; width: 154px; height: 60px; overflow: auto;    padding-right: 2px;
    top: 23px;
    right: 145px;}
#pun-announcement pl a {color: var(--basic-l3) !important; display: block; position: relative; margin-bottom: 1px;}
#pun-announcement pl a.new {color: rgba(var(--basic1)) !important;} #pun-announcement pl a.new:before {content: '\2726'; display: inline-block; vertical-align: super; margin: -3px 3px 0 0px; color: #dbecb6}

#pun-announcement akt {    position: absolute;    width: 100px;    display: flex;    justify-content: space-between;
    right: 23px;
    top: 23px;}
#pun-announcement akt:before {    content: '';    position: absolute;    width: 1px;    height: 26px;    background: rgba(var(--basic1),.3);    margin-left: -12px;}
#pun-announcement akt a, #pun-announcement par span, .status_userava, .nov akt a, .nov .akt a, .nov par span, .nov .par span {    background: rgba(var(--basic-l1)) !important;    box-shadow: 0 0 0 1px #ffffff54;    display: inline-block;    transition: var(--trans1);}
#pun-announcement akt a, #pun-announcement akt a img, .nov akt a img, .nov akt a, .nov .akt a img, .nov .akt a {border-radius: 5px;    width: 25px;    height: 25px;     opacity: .8;}
#pun-announcement akt a:hover, #pun-announcement par:hover span, #pun-status:hover span.status_userava {    background: rgba(var(--accent1)) !important; opacity: 1;}
#pun-announcement akt a img, #pun-announcement par span img, .status_userava img, .nov akt a img, .nov .akt a img, .nov par span img, .nov .par span img {    filter: grayscale(1);    mix-blend-mode: soft-light;}
#pun-announcement par {    position: absolute;    top: 0px;    left: 23px;    display: flex;    align-items: center;    height: 70px;}
#pun-announcement par span img, #pun-announcement par span, .nov par span img, .nov par span, .nov .par span img, .nov .par span {border-radius: 5px !important; height: 25px; width: 70px;}
#pun-announcement par b {    color: var(--basic-l3);  transition: var(--trans1);   font-weight: normal;    line-height: 12px;}
#pun-announcement par i, .nov par i {    font-family: bigilla;    font-size: 60px;    color: var(--accent-l2);    font-style: normal;    margin-left: -14px;    z-index: 1;}

#pun-announcement pos span {    position: absolute;    text-align: justify;    width: 188px;    padding-right: 10px;    overflow: auto;    height: 40px;    line-height: 13px;
    bottom: 20px;
    left: 20px;}
#pun-announcement pos a {color: rgba(var(--basic1)) !important; 
    bottom: 70px;
    left: 20px;}
#pun-announcement pos a, #pun-status .item1 {width: 190px;    position: absolute; }
#pun-announcement pos a b, #pun-status .item1 strong {    font-weight: normal;    font-family: 'Iglets';    display: block;    font-size: 22px;    border-bottom: 1px solid rgba(var(--basic1),.3);    overflow: hidden;    height: 14px;    margin-top: 3px;line-height: 25px;    -webkit-text-stroke: 0.2px;}
#pun-announcement pos:hover a, #pun-announcement par:hover b, #pun-status:hover .item1 {letter-spacing: 2px;} #pun-announcement pos a:hover {color: rgba(var(--accent1));}

.ban {    position: absolute;    margin-top: 27px;    width: calc(100% - 40px);    left: 20px;    height: 50px;}
.ban a:hover {opacity: 1}
#horizontal-scroller, .mood m4, .mood m6 {white-space: nowrap; overflow: auto;    padding-bottom: 7px;}
.ban a {vertical-align: bottom; background:#485352; display: inline-block; width: 88px; height: 31px; margin-right: 6px;} .ban a:last-child {margin-right: 0px;}
.ban img {filter: grayscale(1); opacity: .2; transition: var(--trans1);} .ban a:hover img {filter: none; opacity: 1;}



/* ДЖУДА */
.jud #pun-announcement vbname, .jud #pun-announcement vbname3, .jud #pun-announcement vbname1, .jud #pun-announcement vbname2, .jud #pun-announcement akt:before {display: none;}
.jud #pun-announcement vbplay {    top: 10px;    left: 10px; opacity: 1; filter: none;} .jud #pun-announcement:hover vbplay {transform: none;}
.jud #pun-announcement akt {    top: 10px;    right: 380px;    width: 130px;}
.jud #pun-announcement akt a, .jud #pun-announcement par span, .jud .nov akt a, .jud .nov .akt a, .jud .nov par span, .jud .nov .par span {    background: #666161 !important;    box-shadow: 0 0 0 1px #202020;}
.jud #pun-announcement akt a, .jud #pun-announcement akt a img {    border-radius: 50%; opacity: 1;}
.jud #stylelist [data="bl"] a {    border: 2px solid #df918b;}
.jud #stylelist [data="jud"] a {    background: #df918b;    border: 2px solid #df918b;}
.jud #stylelist a:hover {    color: var(--jud-basic1);}
.jud #stylelist {    margin-left: -1px;}
.jud #stylelist a {    font-family: var(--jud-font);    font-size: 10px;}
.jud .ban {    margin-top: 0px;    left: 260px;    width: calc(100% - 320px);    height: 80px;}
.jud .ban:before {    content: 'friends';    font-family: 'Frankie Friends';    color: var(--jud-accent1);    font-size: 40px;    position: absolute;    left: -245px;    margin-top: -9px;    -webkit-text-stroke: 0.2px; transition: var(--trans1)}
.jud .ban:hover:before {    transform: rotateX(180deg);}
.jud .ban a {    background: #c5c5c5;}

.jud #pun-announcement vbplay iframe {    filter: invert(1);}

.jud #pun-announcement pos a {    bottom: auto;    top: 45px;    left: 289px;    width: auto;    background: var(--jud-basic1);    color: var(--jud-accent1) !important;    padding: 2px 4px;    font-size: 6px !important;}
.jud #pun-announcement pos a b {    position: absolute;    overflow: inherit !important;    height: auto !important;    line-height: 17px;    color: var(--jud-basic1);    width: 200px;    border: none;    font-family: var(--jud-font1);    text-transform: lowercase;    font-size: 16px;    margin-left: -75px;    text-align: center;}
.jud #pun-announcement pos {    font-family: var(--jud-font);    font-size: 8px;    letter-spacing: 1px;    -webkit-text-stroke: 0.1px;}
.jud #pun-announcement pos span {    width: 250px;    top: 78px;    left: 180px;    height: 30px;    line-height: 11px;}
.jud #pun-announcement par {    bottom: 0;    top: auto;    left: 240px;}
.jud #pun-announcement par span img, .jud #pun-announcement par span {    border-radius: 0 !important;}
.jud #pun-announcement par i, .jud .nov par i {    font-family: var(--jud-font1);    color: var(--jud-basic1);    font-size: 44px;}
.jud #pun-announcement par b, .jud .nov par b, .jud .nov .par b {    font-family: var(--jud-font1);    text-transform: lowercase;    font-size: 12px;    letter-spacing: 1px !important;}
.jud #pun-announcement pl a:after {    display: none;}
.jud #pun-announcement pl {    right: -2px;    top: 10px;    height: 130px;    font-family: var(--jud-font1);    font-size: 10px;    width: 200px;     display: flex;    flex-wrap: nowrap;    align-items: flex-end;    flex-direction: column;}
.jud #pun-announcement pl a {    color: var(--jud-basic2) !important;    padding: 4px 10px 4px 10px;    width: auto !important;}
.jud #pun-announcement pl a.new {    background: var(--jud-basic1);}
.jud #pun-announcement pl a.new:before {    color: var(--jud-basic2);    margin: 0 0 0 0;    font-size: 14px;    position: absolute;    left: -6px;    top: 0px;}
.jud #pun-announcement pos:hover a {letter-spacing: inherit;}





/* V. ВВОД ТЕКСТА, КНОПКИ
-------------------------------------------------------------*/
/*  ввод текста */
.punbb textarea {overflow: auto;padding: 7px !important;font: 11px arial !important;line-height: 15px !important; outline: none !important}
#main-reply {border-radius: 0 0 7px 7px}
.punbb textarea, .pun-modal .modal-inner, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {border: none !important;}



/* КНОПКИ И ФОРМЫ ЗАПОЛНЕНИЯ © blanche. брать можно только с копирайтом */
/* формы заполнения*/
.punbb select, .punbb option {font-family: Arial!important;text-transform: lowercase !important;font-size: 10px !important;padding: 4px !important;}
.checkbox {width: auto !important;}
.punbb input, .punbb select, .hvStickerPackModalTab, .hvStickerPackModalInput, .hvStickerPackModalAddButton {cursor: pointer; font-size: 10px; padding: 4px; font-family: Arial; border-radius: 6px !important; border: none; outline: none; text-align: center; 
    background: transparent;
    box-shadow: 0 0 0 1px inset #8e987687, 3px 3px 10px #455051, -3px -3px 10px #717d7f, 3px 3px 5px #737c7d inset, -5px -3px 5px #495253 inset;
    color: #a9b48e;
    text-shadow: 0 0 3px #6a7256, 1px 1px 0 #384242;}
.punbb option {background-color: #545c5e !important; color: var(--accent-l1) !important} /* модерское */
input[type="checkbox"], input[type="radio"] {    box-shadow: 0 0 7px inset rgba(var(--basic-l1)), 0 0 0 1px inset rgba(var(--basic-l1)) !important;}

/* кнопки в загрузке изображений */
#tags .container input, #tags .container select {    box-shadow: 0 0 0 1px inset #98a18d, 3px 3px 10px #a4ad9e, -3px -3px 10px #d5ddc3, 3px 3px 5px #d4dfc9 inset, -5px -3px 5px #a1ad9a inset;
    color: rgba(var(--basic1));
    text-shadow: 0 0 3px rgba(var(--basic1)), 1px 1px 0 #ffffff96;}

/* до наведения */
.button, .hashelp center div a button, input#sub4, select#page-select, .hvStickerPackModalTab {padding: 8px 10px !important;    font-family: var(--basicfont) !important;    font-size: 8px !important;    letter-spacing: 1px !important;    text-transform: uppercase !important;    min-width: 100px;    margin: 0 3px;transition: var(--trans1); }

/* кнопки после наведения */
.button:hover, .hvStickerPackModalTab:hover, .hvStickerPackModalTab.active, .hvStickerPackModalAddButton {    color: var(--basic-l3) !important;
    text-shadow: 0 0 3px #76825d, 1px 1px 0 #717b5d !important;
    background: #9da788 !important;
    box-shadow: 0 0 0 1px inset #c4d3a287, 3px 3px 10px #455051, -3px -3px 10px #717d7f, 3px 3px 5px #b2bd9a inset, -5px -3px 5px #858f6f inset;}
    
    
/* ДЖУДА */
.jud .punbb textarea {    background: var(--jud-basic2);    box-shadow: none;    border: 1px solid var(--jud-basic1) !important;margin-left: -21px;    border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important;    width: calc(100% + 20px) !important;    color: var(--jud-basic1);}
.jud .punbb input, .jud .punbb select, .jud #tags .container input, .jud #tags .container select {    box-shadow: 0 0 0 1px var(--jud-basic1);    text-shadow: none;    color: var(--jud-basic1);    font-family: var(--jud-font) !important;}
.jud .button:hover {    text-shadow: none !important;    background: var(--jud-basic1) !important;}
.jud .punbb option {background-color: var(--jud-basic2) !important; color: var(--jud-basic1) !important}




/* IV. ЦИТАТЫ © blanche. брать можно только с копирайтом
-------------------------------------------------------------*/
/* цитаты, спойлер, выделить код */
.punbb .post-content .quote-box, .punbb .post-content .code-box {margin: 10px 20px 25px 20px; position: relative;    overflow: hidden;}
.punbb .post-content .blockcode, .punbb .post-content blockquote {margin: 0px;    width: 99%;    overflow: hidden;}
.punbb .post-content .scrollbox {width: 100%;overflow: auto;font-size: 11px;} pre {    font-family: var(--basicfont);    line-height: 150%;}
.punbb .post-content .quote-box, .punbb .post-content .code-box, .pun-modal .modal-inner, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {padding: 10px;font-size: 11px!important;    font-family: var(--basicfont) !important;}
.punbb .post-content .quote-box, .punbb .post-content .code-box {border-radius: 10px; padding: 15px !important;
    background: #e4e7e6;
    color: #849693;
    box-shadow: 5px 5px 10px #ccd3d1, -5px -5px 7px #dee3e2, 10px 10px 15px #e6eaea inset, -10px -10px 30px #d1d6d5 inset;
    border: 1px solid #bcc8c8;
}
.punbb .quote-box cite:before, .punbb .code-box strong.legend:before, .post-content .spoiler-box > div:before {    content: '"';    font-family: doppelganger;    font-size: 160px;    position: absolute;    left: 25px;height: 30px;overflow: hidden;}

/* написал и выделить код */
.punbb .quote-box cite, .punbb .code-box strong.legend, .post-content .spoiler-box > div {    font-style: normal;    padding: 7px 10px;    display: block;    text-transform: uppercase;    font-family: var(--basicfont);    letter-spacing: 1px;    font-size: 9px;    text-align: right;    margin: -10px 7px 15px 50px; font-weight: normal;
border-bottom: 1px solid #d4dcdc;
    text-shadow: 0 0 3px #b1bf91, 1px 1px #ffffffbf;
}
.post-content .spoiler-box > div {background: no-repeat 10px !important;    margin-bottom: 0px;}
.punbb .quote-box cite, .punbb .code-box strong.legend, .punbb .code-box strong.legend a, .post-content .spoiler-box > div {    color: #929e75;}

/* СПОЙЛЕР Ч.2 © blanche. брать можно только с копирайтом */
.post-content .spoiler-box > div:after {    content: '\f067';    font-family: var(--fawe);    font-size: 12px;    float: right;    margin: 12px -20px 0 0px;    transition: all .5s; font-weight: 900;}
.post-content .spoiler-box > div.transform:after {  transform: rotate(45deg);}

/* ДЖУДА */
.jud .punbb .post-content .quote-box, .jud .punbb .post-content .code-box {    background: var(--jud-basic2);    box-shadow: none;    border: 1px solid var(--jud-basic1);    color: var(--jud-basic1);}
.jud .punbb .quote-box cite, .jud .punbb .code-box strong.legend, .jud .post-content .spoiler-box > div {    background: var(--jud-basic1) !important;    margin: -15px -15px 10px -15px;    text-shadow: none;    border-bottom: none;}
.jud .punbb .quote-box cite, .jud .punbb .code-box strong.legend, .jud .punbb .code-box strong.legend a, .jud .post-content .spoiler-box > div {    color: var(--jud-basic2);}
.jud .punbb .quote-box cite:before, .jud .punbb .code-box strong.legend:before, .jud .post-content .spoiler-box > div:before {    content: '\2726' !important;    color: var(--jud-accent1);    font-size: 40px;    left: 10px;    margin-top: -12px;    transition: var(--trans1);}
.jud .punbb .quote-box:hover cite:before, .jud .punbb .code-box:hover strong.legend:before, .jud .post-content .spoiler-box:hover > div:before {    transform: rotate(45deg);}
.jud .post-content .spoiler-box > div:after {content: '\2726' !important;color: var(--jud-accent1);margin: 2px 0px 0px 0;font-size: 20px;}




/* III. ПРОФИЛЬ
-------------------------------------------------------------*/
/* фиксация профиля при прокрутке (с) идея max, the murderer */
.punbb .post .post-author {float: left; overflow: hidden; width: 220px; min-height: 50px; margin: 0 0 42px 0; position: sticky; top: 30px;}
.punbb .post .post-author, #viewprofile-next {border-radius: 10px;    box-shadow: 0 0 0 1px inset #5d6767, 0 0 0 1px #3c4545, 0 0 10px #455353;}
.punbb .post .post-author, #viewprofile-next, .pa-fld2:before, .pa-fld4 span:after {background: #262c2c4d;}

.punbb .post .post-author ul {display: flex;flex-wrap: wrap;text-align: center;justify-content: space-around;    width: 192px;    margin: 0px 15px 10px 15px;}
.punbb .post-body {margin-left: 243px; }

#pun-viewtopic .post-author:before {content: ''; background: url(https://forumstatic.ru/files/001b/7c/28/31424.png);  width: 218px;  height: 172px;  position: absolute;  top: 1px;  left: 1px;}
#pun-viewtopic .post-author ul:before { content: '';  background: url(https://forumstatic.ru/files/001b/7c/28/75919.png) no-repeat; width: 152px; height: 98px; position: absolute; margin: 2px; left: 55px; transition: var(--trans1);}
#pun-viewtopic .post-author:hover ul:before {background: url(https://forumstatic.ru/files/001b/7c/28/85418.gif)}


/* цвета текста */
.pa-fld1 a, .pa-fld2, .pa-fld4 a {color: var(--accent-l1) !important;}
.indOnline:before, .pa-fld4 span:after, .pa-respect span:last-child:before {color: rgba(var(--accent-d1)) !important;}
.pa-author, .pa-author a, .indOffline:before, .pa-posts, .pa-fld5, .pa-fld4, .pa-respect, .pa-respect a, .pa-fld4 a:hover { color: rgba(var(--basic-l1)) !important}
.pa-fld3 a {color: #cfd6d5 !important}

/* шрифт ника */
.pa-author {    font-size: 12px;    font-family: 'Lighthaus';    text-transform: lowercase;    width: inherit;    margin: 2px 0px -20px 20px;    z-index: 1;    text-align: left;}
.pa-author a:hover {color: rgba(var(--accent1)) !important;}
.pa-author:first-letter {font-family: 'Iglets'; font-size: 45px; vertical-align: -webkit-baseline-middle; margin: 0 5px 0px 0px; font-style: italic;}

/* аватар */
.pa-avatar {margin-bottom: -2px;    width: auto;    margin: 7px 50%;    padding: 6px !important;    z-index: 2; border-radius: 4px; position: relative; border: 1px solid;    display: flex;    justify-content: center;}
.pa-avatar, .pa-avatar img, #pun-profile .fs-box .avatardemo, #pun-messages img.avatardemo, #profile-left #pa-avatar img, .pa-fld2 {
border-color: rgba(var(--accent-d1), .7) !important}
.pa-avatar, .pa-avatar img, #pun-profile .fs-box .avatardemo, #pun-messages img.avatardemo, #profile-left #pa-avatar img {  max-width: 180px; border-radius: 4px; border: 1px solid;}

/* ай-пи */
li.pa-ip {position: absolute;display:none;}

/* сообщения, посты, репутация */
.pa-posts, .pa-fld5, .pa-respect {    font-family: qalisso;    font-size: 12px;    letter-spacing: 3px;    font-weight: bold;    width: 64px;    line-height: 16px;transition: var(--trans3); z-index: 2; opacity: .8;}
.pa-posts .fld-name, .pa-fld5 .fld-name, .pa-respect .fld-name {    display: block;    font-family: 'Helvetica Neue Medium';    text-transform: uppercase;    font-size: 7px; font-weight: normal;letter-spacing: 1px;}
.pa-respect a {transition: var(--trans3) !important;}
.pa-posts:hover, .pa-fld5:hover, .pa-respect:hover, .pa-respect:hover a, .pa-respect:hover span:last-child:before {color: var(--accent-l1) !important; cursor: pointer;}

.pa-respect span:last-child:before {     content: '\2726';    width: 9px;    height: 6px;    display: inline-flex;    margin: 3px 0px 0px -2px;    z-index: 1;    position: absolute;    border-radius: 20px;    padding: 3px;    font-size: 10px;    justify-content: center;    align-items: center;transition: var(--trans3)}
.pa-respect a img {    opacity: 0;    z-index: 2;    position: absolute;    width: 100%;    left: 0px;    top: 15px;    height: 20px;}
.pa-respect {    position: relative;}

/* поля */
.pa-fld1, .pa-fld2 {    font-family: var(--basicfont);    text-transform: uppercase;    font-size: 7px;    letter-spacing: 1px;}
.pa-fld1 {z-index: 1;    margin-left: 47px;    width: inherit;    text-align: left;}

.pa-fld2 {    position: relative;    width: inherit;     z-index: 2;    transition: var(--trans1);    border: 1px solid;    border-top: none;    border-radius: 0 0 4px 4px;    padding: 8px 6px !important;    background: var(--pun-bg);    margin: -13px -1px 6px -1px;    text-align: right;}
.pa-fld2:hover, .pa-fld1:hover {    letter-spacing: 1.5px;}
.pa-fld2:before {    content: '';    width: 100%;    height: 100%;    position: absolute;    left: 0;    top: 0;    z-index: -1;}

.pa-fld3 {z-index: 2; width: inherit; font-family: var(--basicfont); margin: 7px 0; font-size: 9px; letter-spacing: .5px; position: relative;}
.pa-fld3:before, .pa-fld3:after {  font-family: var(--fawe);    position: absolute; color: rgba(var(--accent1));    font-weight: 700;}
.pa-fld3:before {    content: '\f04b \f04c';    margin-top: 11px;    left: 0px;    font-size: 8px;    letter-spacing: 2px;}
.pa-fld3:after {    content: '\f04e';   right: 0;    margin-top: -17px;    font-size: 9px;}
.pa-fld3 b {     display: block;    border-bottom: 1px solid rgba(var(--basic-l1), .3);    text-transform: uppercase;    font-weight: normal;    padding-bottom: 5px;    margin: 0 19px 5px 24px;    padding-right: 4px;    font-size: 8px;    letter-spacing: 1px;}
.pa-fld3 i {    display: block;    margin: 0 19px;    font-style: normal;    text-transform: lowercase;font-size: 7px;    letter-spacing: 1px;}
.pa-fld3 b:before {    content: '';    background: rgba(var(--accent-d1));    width: 30px;    height: 3px;    left: 23px;    position: absolute;    border-radius: 3px;    margin-top: 13px;    transition: all 2s linear;}
.pa-fld3:hover b:before {    width: 147px;transition: all 20s linear;}

.pa-fld4 {    font-family: var(--basicfont);    text-transform: lowercase;    font-size: 9.5px;    letter-spacing: 1px;    line-height: 14px;    text-align: center;    margin: 10px 0 15px 0;     position: relative;    z-index: 1;
background: url() bottom no-repeat, url() top no-repeat, url() top repeat-y;    width: 222px;}
.pa-fld4:before {    background: url();    content: '';    position: absolute;    width: 222px;    height: 224px;    left: 0px;    margin-top: -110px;    z-index: -1;}
.pa-fld4 span a {     position: absolute;    width: 30px;    height: 10px;bottom: -5px;    left: 74px;    z-index: 9999;}
.pa-fld4 span {    display: block;    width: 100%;    height: 1px;    background: rgba(var(--basic-l1), .3);    position: relative;    margin-top: 15px;}
.pa-fld4 span:before, .pa-fld4 span:after {position: absolute; margin: 0px 0 0 -15px; width: 30px; height: 1px;}
.pa-fld4 span:before {content: ''; background: var(--pun-bg);}
.pa-fld4 span:after {content: '\273B'; line-height: 1px; font-size: 14px;}

.pa-fld4 a {position: relative; padding: 0 2px; margin: 0 -2px;}
.pa-fld4 a:before {position: absolute; background: rgba(var(--basic-l1),.3); width: 0%; height: 15px; content: ''; left: 0px; transition: all 1s; border-radius: 3px;}
.pa-fld4 a:hover:before {width: 100%;}

.pa-fld4 emoji {margin: -8px 0 8px 0;    display: flex;    justify-content: center;    gap: 5px;}



/* ДЖУДА */
.jud .pa-author, .jud .pa-author a, .jud .indOnline:before {    color: var(--jud-accent1) !important;}
.jud .indOffline:before {    color: var(--jud-basic2) !important;   opacity: .15;}
.jud .pa-fld1 a {    color: var(--jud-basic2) !important;    opacity: .65;}

.jud .punbb .post-body {    margin-left: 245px;    position: relative;}
.jud .punbb .post-body:before {    content: '';    position: absolute;    top: 0px;    left: 0;    height: 100%;    width: 1px;    background: var(--jud-basic1);    z-index: 9;}
.jud .punbb .post .post-author {    background: transparent;    box-shadow: none;    width: 246px;    border-radius: 0;}
.jud .punbb .post .post-author ul {    width: 100%;    margin: 0;    position: relative;}
.jud #pun-viewtopic .post-author:before, .jud #pun-viewtopic .post-author ul:before {display: none}
.jud .pa-author {    margin: 0 0 -10px 0;    text-align: center;}
.jud .pa-author, .jud .pa-author:first-letter {    font-family: var(--jud-font1) !important;    font-size: 17px;    font-style: normal;    vertical-align: inherit;    margin: 0 0 -10px 0;    letter-spacing: .5px;    -webkit-text-stroke: 0.3px;}
.jud .pa-fld1 {    margin: 20px 0 -4px 0;    text-align: center;    font-family: var(--jud-font);    font-size: 6px;    letter-spacing: 2px;    -webkit-text-stroke: 0.1px;}
.jud .pa-fld1 a:before, .jud .pa-fld1 a:after {    content: '—';    margin: 0 5px;}

.jud .pa-fld2 {    width: auto;    background: var(--jud-accent1);    border: none;    border-radius: 0;    color: var(--jud-basic1) !important;    font-family: var(--jud-font);    -webkit-text-stroke: 0.3px;    padding: 3px 10px !important;    margin-top: -5px;    font-size: 6px;    letter-spacing: 2px;}
.jud .pa-fld2:before {    display: none;}
.jud .pa-fld3 {    margin: 5px 25px;}
.jud .pa-fld3:before, .jud .pa-fld3:after {    color: var(--jud-accent1);}
.jud .pa-fld3 b:before {    background: var(--jud-accent1);}
.jud .pa-fld4 {    font-family: var(--jud-font);    font-size: 8px;    letter-spacing: 2px;}
.jud .pa-fld4 a {    color: var(--jud-accent1) !important;    -webkit-text-stroke: 0.7px;    display: inline-block;}
.jud .pa-fld4 a:before {    display: none;}
.jud .pa-fld4 a:hover {    transform: rotateX(180deg) translateY(-2px);}
.jud .pa-posts, .jud .pa-fld5, .jud .pa-respect {    width: 82px;    opacity: 1;    font-weight: normal;}
.jud .pa-posts .fld-name, .jud .pa-fld5 .fld-name, .jud .pa-respect .fld-name {    font-family: var(--jud-font);      font-size: 8px;    letter-spacing: 1.5px;    -webkit-text-stroke: 0.1px;    text-transform: lowercase;    padding-bottom: 2px;    margin-bottom: 7px;}
.jud .pa-posts, .jud .pa-fld5, .jud .pa-respect, .jud .pa-respect a, .jud .pa-fld4 {    color: var(--jud-basic2) !important;}
.jud .pa-respect span:last-child:before {    color: var(--jud-accent1) !important;    font-size: 16px;}
.jud .pa-fld4 span {    background: transparent;    margin: 10px 0 -7px 0;}
.jud .pa-fld4 span:before {    display: none;}
.jud .pa-fld4 span:after {    color: var(--jud-accent1) !important;    content: '\2726';    font-size: 25px;    overflow: hidden;    height: 10px;    line-height: 18px;    background: transparent;}
.jud .pa-fld4 span a {    left: 95px;    bottom: -9px;}

.jud .pa-avatar {    border: none;}
.jud .pa-avatar img, .jud #pun-profile .fs-box .avatardemo, .jud #pun-messages img.avatardemo, .jud #profile-left #pa-avatar img {    border: 2px solid var(--jud-basic2) !important;}
.jud .pa-posts:after {    content: '';    width: 100%;    height: 19px;    background: var(--jud-accent1);    border-radius: 0 !important;    bottom: 22px;    position: absolute;    left: 0;    z-index: -1;}
.jud .pa-fld3 b {    border-color: #ffffff1f;}

/* СМЕНА АВАТАРОВ ПРИ ПЕРЕКЛЮЧЕНИИ СТИЛЯ Ч.2. брать можно только с копирайтом.
гость (с) deff */
body.bl  #pa-avatar img[alt][src$="/G5fqcRz/1.png"],
body.bl  .pa-avatar img[alt][src$="/G5fqcRz/1.png"]{
  background: url('https://forumstatic.ru/files/001b/7c/28/72467.jpg') no-repeat center;
}
body.jud  #pa-avatar img[alt][src$="/G5fqcRz/1.png"],
body.jud .pa-avatar img[alt][src$="/G5fqcRz/1.png"]{
  background: url('https://forumstatic.ru/files/001b/7c/28/60060.png') no-repeat center;
}
.avatar-image[style*="default_avatar.jpg"]{       background-image:url(https://forumstatic.ru/files/001b/7c/28/72467.jpg)!important;    }
.jud .avatar-image[style*="default_avatar.jpg"]{       background-image:url(https://forumstatic.ru/files/001b/7c/28/60060.png)!important;    }

/* профили (с) blanche*/
.jud [data-user-id="2"] .pa-avatar img, .jud [data-user-id="7"] .pa-avatar img {    display: block;    -moz-box-sizing: border-box;    box-sizing: border-box;    width: 180px;    height: 80px;    padding-left: 180px;}
.jud [data-user-id="2"] .pa-avatar img {background: url(https://forumstatic.ru/files/001b/7c/28/36165.png) no-repeat;}
.jud [data-user-id="7"] .pa-avatar img {background: url(https://forumstatic.ru/files/001b/7c/28/18866.png) no-repeat;}







/* V. ДОПОЛНИТЕЛЬНЫЕ ЭЛЕМЕНТЫ
-------------------------------------------------------------*/
/* общий стиль */
#MyBookmarks, .jGrowl-notification, .editBookmark, #mask_dialog .inner, #pun-navlinks #form-login, #List-UserNames, .pun-modal .modal-inner, .hvStickerPackModal {font-family: var(--basicfont) !important;
    background: url(https://forumstatic.ru/files/001b/7c/28/74526.jpg) no-repeat center top !important;
    box-shadow: 0 0 15px #425051 inset, 0 0 0 1px #435151 inset, 0 0 20px #242b2a8a !important;}
    #MyBookmarks, .jGrowl-notification, .editBookmark, #mask_dialog .inner, #mask_dialog .hv-add-template:hover, .hv-storage-count, #pun-navlinks #form-login, #List-UserNames, #pun-navlinks #form-login .Rega, #pun-navlinks #form-login .Forgot {color: rgba(var(--basic-l1)) !important;}
.editBookmark input, #mask_dialog .inner input, #pun-navlinks #form-login input, #List-UserNames input, .hvStickerPackModalTab, .hvStickerPackModalInput {box-shadow: 0 0 0 1px inset #8e987642, 3px 3px 10px #333d3d, -3px -3px 10px #485353, 3px 3px 5px #596767 inset, -5px -3px 5px #343d3d inset !important;}
.jGrowl-notification, .editBookmark, #mask_dialog .inner, #pun-navlinks #form-login, #List-UserNames, .pun-modal .modal-inner, .hvStickerPackModal {background-attachment: fixed !important; background-size: cover !important; border-radius: 10px !important;}
#MyBookmarks, .editBookmark, #mask_dialog .inner {padding: 10px;}

/* закладки */
#BookmCntToggle.default-style {background: transparent !important; height: 35px !important; width: 35px !important; box-shadow: none !important; border-left: none !important; opacity: 1 !important; overflow: hidden;}
#BookmCntToggle.default-style:before {content: '\273B' !important; background: transparent !important; color: rgba(var(--accent-d1)); font-size: 40px; margin: -14px 0 0 -17px !important; transition: var(--trans1);}
#BookmCntToggle.default-style:hover:before {margin-left: 0px !important}

#MyBookmarks h2 span {margin-top: 0px !important; text-align: center; display: block;}
#MyBookmarks li.BookmarkL>span.last_click, #MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b, .punbb #List-UserNames li {box-shadow: none !important; background: rgba(var(--basic-d2), .3) !important; border-radius: 5px; transition: var(--trans1)}
.punbb #List-UserNames li:hover {background: rgba(var(--basic-d2), .6) !important;}
#MyBookmarks li.BookmarkL>span.last_click:hover, #MyBookmarks span.scrl.t:hover, #MyBookmarks span.scrl.b:hover {background: rgba(var(--basic-d2), .6) !important;}
#MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b {width: 115px; text-shadow: none;}
#MyBookmarks span.scrl.b {left: 125px;}
#MyBookmarks li span strong {color: var(--basic-l1) !important;}
#MyBookmarks span.scrl span:before {content: '\f0de' !important; font-family: var(--fawe); font-size: 21px; display: block;}
#MyBookmarks span.scrl.t span:before {margin: 3px 0 -3px 0; font-weight: 900}
#MyBookmarks span.scrl.b span:before {margin: -6px 0 6px 0; font-weight: 900}
#MyBookmarks li.BookmarkL {margin-top: 10px;}

.editBookmark {margin: 40px 50px 0 0;}
#pun-main .editBookmark h1 {font-size: 9px !important; letter-spacing: 1px; display: block !important; text-transform: uppercase; text-align: center; font-weight: normal;}
#pun-main .editBookmark h1 span.delBookmark {font-size: 20px !important; margin: -7px 20px 0 0;}
.editBookmark .inputfield {font-weight: normal!important;text-transform:lowercase;}

.post .bookmark {width: 0px !important; right: 20px !important;}
.post .bookmark.ncnfrm {color: rgba(var(--basic-l1)) !important;} .post .bookmark {color: var(--basic1)!important;}
.post .bookmark:before {    content: '\f005' !important;    font-family: var(--fawe);    font-size: 16px;    cursor: pointer; border: none !important; font-weight: 900}


/* новое соо, уведомления */
.jGrowl-notification, .jGrowl .messag_theme, #messages-list a.Author {    text-shadow: none!important;    font-weight: normal !important;}
span.num_msg {    width: 7px !important;    padding: 0px !important;    height: 7px !important;    border-radius: 50% !important;    margin: -31px 0 0 15px !important;    z-index: 999999999;    font-size: 0px !important;animation: msg 1s infinite;background: var(--basic-d1) !important;}
@keyframes msg {    50% {opacity: 0;}}

.bubble {position: relative !important; top: 0px !important; right: -4px !important; font-family: var(--basicfont) !important; font-size: 8px !important; margin-top: -1px !important; text-shadow: none!important; box-shadow: none !important; height: 10px; padding: 0 1px 0 3px !important; background: rgba(var(--accent-d1)) !important; color: rgba(var(--basic2)) !important; min-width: 10px !important;}

.styl1 {    text-transform: uppercase;    font-size: 8px !important;    letter-spacing: 1px;}
#closet {    background: rgba(var(--accent1)) !important;    border: none !important;    text-transform: uppercase;    font-size: 8px !important;    padding: 5px 10px !important;    letter-spacing: 1px;    color: var(--basic-d1) !important; font-weight: bold;}

#messanger1 {    min-height: 30px;} .messag_theme .jGrowl-close {    margin: 0 0 0 0 !important;}

/* маска */
#mask_dialog .hv-form-block {max-height: 380px; padding: 0 10px;}
#mask_dialog .hv-add-template {border: none !important; border-radius: 6px; background: none !important; box-shadow: none !important; padding: 0px !important;}
#mask_dialog .hv-form-block label {margin-bottom: 7px;}
#mask_dialog .hv-control {margin-top: 10px;}
#mask_dialog .inner label b {font-weight: normal; text-transform: uppercase; font-size: 9px; letter-spacing: 1px;}
#mask_dialog .inner label .description {text-transform: lowercase; font-size: 9px; letter-spacing: 1px; margin-top: -10px; text-align: right;}
#mask_dialog .hv-masks-storage {padding-top: 0px !important; margin-top: 0px !important; letter-spacing: 1px; text-transform: lowercase;}

/* смайлы */
.hvStickerPackModal, .hvStickerPackModalInput {border: none !important;}
.hvStickerPackModalContent {    border: none !important;    padding: 0 10px 0 0 !important;    justify-content: space-between !important;}
.hvStickerPackItem {    border-radius: 4px;    transition: var(--trans1);    display: flex;    align-items: center;}
.hvStickerPackItem:hover {    background: rgba(var(--basic2),.7);    box-shadow: 0 0 0 1px inset rgba(var(--basic2));}
.hvStickerPackModalTab:hover, .hvStickerPackModalTab.active {    box-shadow: 0 0 0 1px inset #c4d3a287, 3px 3px 10px #333d3d, -3px -3px 10px #485353, 3px 3px 5px #b2bd9a inset, -5px -3px 5px #858f6f inset !important;}
.hvStickerPackModalInput::placeholder {color: #a9b48e}
.hvStickerPackModalAddButton {    line-height: 0px !important;    height: 18px;    width: 18px;}
.hvStickerPackModalAdd {    display: flex;    align-items: center;}



/* стрелки */
.go-up, .go-down {cursor: pointer; display: none; margin-left: 974px; position: fixed; opacity: 1; z-index: 9999; width: 15px; background: rgba(var(--basic-d2), .5); height: 200px; border: 1px solid rgba(var(--basic-d2)); border-radius: 0 10px 10px 0;}
.go-up {top: 7%;} .go-down {bottom: 7%;} 
.go-up:before, .go-down:before {font-family: var(--fawe); font-size: 17px; padding-left: 2px; color: rgba(var(--accent-d1),.7); -webkit-transition: var(--trans1); font-weight: 900}
.go-up:before {content: '\f0d8';} .go-down:before {content: '\f0d7'; margin-top: 180px; display: block;}

.go-up:hover, .go-down:hover {background: rgba(var(--basic-d2), .8);}
.go-up:hover:before, .go-down:hover:before {color: rgba(var(--accent-d1),1);}

/* онлайн */
.indOnline, .indOffline {    cursor: pointer;    margin-top: -6px;    position: absolute;    left: 19px;    clip-path: polygon(0% 0, 48% 0%, 60% 100%, 0% 100%);    transform: rotate(21deg);}
.indOnline:before, .indOffline:before {     content: '\273B';    font-size: 35px; }



/* ДЖУДА */
.jud .go-up:before, .jud .go-down:before {display: none;}
.jud .go-up {    background: url(https://forumstatic.ru/files/001b/7c/28/97241.png);    width: 28px;    height: 28px;    border: none;    margin-left: 1060px;    top: auto;    bottom: 53%; transition: var(--trans1)}
.jud .go-down {    background: url(https://forumstatic.ru/files/001b/7c/28/96379.png);    width: 61px;    height: 61px;    margin-left: 1070px;    bottom: 47%;    border: none;transition: var(--trans1)}
.jud .go-up:hover, .jud .go-down:hover {    transform: rotate(45deg);}
.jud .indOnline, .jud .indOffline {    position: relative;    clip-path: none;    transform: none;    display: inline-block;    vertical-align: super;    left: 0;    margin-top: 0px;    margin-right: -15px;}
.jud .indOnline:before, .jud .indOffline:before {    content: '\2726';    font-size: 16px;}

.jud #MyBookmarks, .jud .jGrowl-notification, .jud .editBookmark, .jud #mask_dialog .inner {    box-shadow: none !important;font-family: var(--jud-font) !important;}
.jud .jGrowl-notification, .jud #mask_dialog .inner, .jud .editBookmark, .jud .pun-modal .modal-inner {    background: var(--jud-basic1) !important;color: var(--jud-basic2) !important;}
.jud .pun-modal .modal-inner {    box-shadow: none !important;}
.jud #MyBookmarks {    background: var(--jud-basic2) !important;    color: var(--jud-basic1) !important;}
.jud #MyBookmarks span.scrl.t, .jud  #MyBookmarks span.scrl.b {    color: var(--jud-basic2) !important;    background: var(--jud-basic1) !important;}
.jud #MyBookmarks li.BookmarkL>span.last_click, .jud .punbb #List-UserNames li {    background: var(--jud-accent1) !important;}
.jud .punbb #List-UserNames li:hover {opacity: .5}
.jud #MyBookmarks li.BookmarkL>span.last_click, .jud #MyBookmarks li.BookmarkL>span.last_click a, .jud #pun-navlinks #form-login, .jud #pun-navlinks #form-login .Rega, .jud #pun-navlinks #form-login .Forgot, .jud #List-UserNames li>b {color: var(--jud-basic2) !important}
.jud #MyBookmarks h2 {    margin: 0 !important;}
.jud .editBookmark input, .jud #mask_dialog .inner input, .jud #pun-navlinks #form-login input, .jud #List-UserNames input, .jud .pun-modal .modal-inner input,  .jud .pun-modal .modal-inner select {    box-shadow: 0 0 0 1px #ffffff36 !important;    color: var(--jud-basic2) !important;}
.jud .post .bookmark.ncnfrm {    color: var(--jud-accent1) !important;}
.jud .post .bookmark:before {    font-weight: 400;}
.jud #MyBookmarks span.scrl.t span:before, .jud #MyBookmarks span.scrl.b span:before {font-weight: 100}

.jud span.num_msg {    background: var(--jud-basic2) !important;    margin: -39px 0px 0 29px !important;}
.jud .bubble {    background: var(--jud-basic1) !important;    color: var(--jud-basic2) !important;}

.jud #BookmCntToggle.default-style:before {display: none;}
.jud #BookmCntToggle.default-style {    background: url(https://forumstatic.ru/files/001b/7c/28/96379.png) !important;    width: 30px !important;    height: 30px !important;    background-size: contain !important;    transition: var(--trans1) !important;}
.jud #BookmCntToggle.default-style:hover {    transform: rotate(45deg);}

.jud #pun-navlinks #form-login {    background: var(--jud-basic1) !important;    left: 17px;}
.jud #List-UserNames {    background: var(--jud-basic2) !important; color: var(--jud-basic1) !important}
.jud #pun-navlinks #form-login, .jud #List-UserNames {    box-shadow: none !important;}
.jud #navlogout #form-login:before {    background: var(--jud-accent1);    color: var(--jud-basic2);}






/* VI. ТЕМЫ
-------------------------------------------------------------*/
.ep p {text-align: center !important;}
.ep img {box-shadow: 0 0 0 2px rgba(var(--basic1)), 0 0 0 3px var(--accent-l2), 0 0 10px rgba(var(--basic1),.7); margin: 0px 3px !important;}

.punbb .post-content .faq .quote-box {border: none !important; box-shadow: none !important;    background: none !important;    margin: 0 -15px !important; border-radius: 0 !important; padding: 0 !important}
.punbb .post-content .faq .quote-box:first-of-type {border-radius: 7px 7px 0 0 !important; margin-top: -15px !important;}
.punbb .post-content .faq .quote-box:last-of-type {border-radius: 0 0 20px 20px !important; margin-bottom: -15px !important}
.faq .spoiler-box > div:before {display: none;}
.faq .spoiler-box > div:after {    margin: 0 -5px 0 5px;    opacity: .4;}
.faq blockquote {width: 100% !important}
.faq p {margin: 0 12px !important;}
.faq .quote-box.spoiler-box:nth-child(2n) > div {    text-align: left !important;    padding-left: 35px !important;}
.faq .quote-box.spoiler-box:nth-child(2n) > div:after {margin: 0 510px 0 -510px !important;}

.ank, .tem, .ep, .nov, .if, .gost, .twin, .faq {    width: 520px;    margin: auto;    border-radius: 7px 7px 20px 20px;    padding: 15px;    z-index: 1;    position: relative;    font-family: var(--basicfont);    font-size: 11px;    letter-spacing: .5px; 
    box-shadow: 0 0 0 1px #f5f9f869 inset, 0 0 0 1px #c9d3d1, 0 0 10px #b3c7c385, 0 0 10px inset #ffffff4a;
    background-color: hsla(167,6%,84%,1);
    background-image: radial-gradient(at 53% 44%, hsl(158deg 7% 81%) 0px, transparent 50%),
radial-gradient(at 17% 91%, hsl(69deg 21% 84% / 46%) 0px, transparent 50%),
radial-gradient(at 97% 26%, hsl(159deg 12% 74% / 32%) 0px, transparent 50%),
radial-gradient(at 0% 0%, hsl(162deg 3% 93% / 48%) 0px, transparent 50%);
}
.ank2 p, .ep1 p, .tem tem1, .nov nov2, .if if2, .gost gost1, .twin twin1, .tem1, .faq .spoiler-box > div {    font-family: lighthaus;    font-size: 15px;    text-align: right !important;    height: 60px;    line-height: 36px !important;   padding: 0 15px 0 0 !important;    margin: -14px -14px 15px -14px !important;
    background: linear-gradient(0deg, #afbbb642, #e5e9db91) !important;
    border-bottom: 1px solid #afbdb89e !important;}
    .faq .spoiler-box > div {    margin: 0 !important;    border: none !important;    text-shadow: none !important;    text-transform: lowercase;}
.ank1 {    position: absolute;    margin: -25px 0 0 -34px;}
.ank1 p, .ank1 p img {    border-radius: 50px;    width: 80px;    height: 80px;    object-fit: cover;}
.ank1 p {    padding: 0px !important;
    background: linear-gradient(0deg, #c0cbc5, #dbe1d8);
    box-shadow: 0 0 0 1px #ffffff61, 0 0 0 1px rgba(var(--basic1),.1) inset, 0 0 10px #ffffffbf inset, 0 0 10px rgba(var(--basic1),.1);}
.ank1 p img {    filter: grayscale(1);    mix-blend-mode: soft-light;    margin: 0px !important;}
.ank3p, .ep2 p {text-align: left !important;}
.ank .spoiler-box > div {border-bottom: 1px solid var(--basic-l2);}

.ank1 p, .ank3, .ank .quote-box, .tem, .ep1 p, .ep2, .faq, .nov, .nov par b, .nov .par b, .if, .if a, .gost, .twin, .twin twin3 a, .faq .spoiler-box > div, .nov vbplay, .nov vbplay3 {color: rgba(var(--basic1)) !important}

.ank3, .ep2, .twin twin2 {    margin-top: -43px;    text-transform: uppercase;        font-size: 7.5px;    letter-spacing: 1px;   padding: 8px 0 0 0px;    border-top: 1px solid rgba(var(--basic-l1),.3);    color: rgba(var(--basic1),.7);}
.ank3 {margin-left: 60px;     width: 460px;}
.ep2 {width: 520px;}
.ep2, .ank3 {margin-bottom: 25px;    height: 10px;    overflow: hidden;}

.tem, .gost {line-height: 16px;} 
.tem span.tema, .nov span, .gost span, .if span.tema {display: block; padding: 0 12px;    text-indent: 40px; text-transform: lowercase; position: relative;}
.tem span.tema p, .gost span p:first-child, .gost span p:last-child, .twin twin3 span, .if if1 span, .ank .quote-box, .nov .pos, .nov pos, .nov span p, .faq p {    background: linear-gradient(0deg, #0000, #ffffff2b) !important;    border-radius: 10px !important;    border-top: 1px solid #ffffff52 !important;    padding: 13px 20px !important;margin-bottom: 10px !important;}
.ank .quote-box {box-shadow: none !important; border-left: none !important; border-right: none !important; border-bottom: none !important}
.twin twin3 span, .if if1 span, .nov .pos, .nov pos {padding: 10px;}
.tem span.tema p:last-child, .gost span p {margin-bottom: 0 !important;}
.tem tem1, .nov nov2, .gost gost1, .tem1, .if if2, .faq .spoiler-box > div {display: block;height: 40px !important;}
.tem tem1:before, .tem1:before {    content: '';      background: #ffffff87;    width: 549px;    height: 1px;    display: block;    margin-left: 0px;}
.tem tem3, .gost gost2 {    display: block;    font-size: 10px;    margin: 0px 80px; text-align: center;}
.tem img.t {    margin: 10px;    box-shadow: 0 0 0 5px #b7ced1, 0 0 0 6px #e5f2f7;}

.tem span.tema:before, .tem span.tema:after, .gost span:before, .gost span:after, .if span.tema:before, .if span.tema:after, .nov span:before, .nov span:after {    content: '';    width: 5px;    height: 100%;    position: absolute;}
.tem span.tema:before, .gost span:before, .if span.tema:before, .nov span:before {    left: -5px;    top: 0;    background: linear-gradient(180deg, #bec9c57a, #fff0);}
.tem span.tema:after, .gost span:after, .if span.tema:after, .nov span:after {    right: -5px;    bottom: 0;    background: linear-gradient(0deg, #ffffff45, #fff0);}

.tem1 p {    text-align: right !important;    padding: 0px !important;    line-height: 36px !important;}

.tem span.tema b, .gost span b, .if span b, .twin twin3 span a:first-child, .nov b, .if if1 span:before, .nov .pos a, .nov pos a, .faq strong, .nov vbplay4 {font-size: 12px;    font-family: 'Lighthaus';    font-weight: normal;}
.tem span.tema b, .gost span b, .if if1 b, .twin twin3 span a:first-child, .if if1 span a i, .if span i, .nov b, .if if1 span:before, .nov par i, .faq strong, .nov .pos a, .nov pos a, .nov vbplay4 {    color: rgba(var(--accent-d1)) !important;}
.tem abbr, .if abbr {border-bottom: 1px dashed var(--basic1);}

.nuz {    margin: 0px 0 -24px 95px;    font-family: var(--accentfont);    font-size: 27px;    color: rgba(var(--accent-d1));    overflow: hidden;    white-space: nowrap;    z-index: 1;    position: relative;}

/* активисты */
.nov nov3 {    display: grid;    grid-template-columns: 2fr 1fr;    column-gap: 20px;}
.nov .pos, .nov pos {    grid-row: 1/3;    display: flex;    flex-wrap: wrap;    justify-content: flex-end;}
.nov .pos span, .nov pos span {    text-indent: 0;    padding: 0 10px 0 0;    height: 40px;    overflow: auto;    order: 1;}
.nov .pos a, .nov pos a {    width: 100%;}
.nov pos a b {    font-size: inherit;}
.nov .akt, .nov akt {    display: flex;    width: 100%;    justify-content: flex-start;    column-gap: 10px; order: 1;}
.nov .par, .nov par {    display: flex;    align-items: center;    width: 100%;    margin-top: -10px; order: 2;}
.nov .par span b {    position: absolute;    width: 100%;    margin-left: 10px;    height: 100%;    display: inline-flex;    align-items: center;}
.nov .par span, .nov par span {    text-indent: 0;    padding: 0;}
.nov pos span:before, .nov pos span:after, .nov .pos span:before, .nov .pos span:after {display: none}
.nov vbplay {    order: 5;} .nov vbplay3 {    order: 4;    font-size: 9px;    text-align: right;    letter-spacing: .5px; justify-content: right;}
.nov vbplay4 {    order: 3;    grid-column: 3/1;    font-size: 14px !important;    text-align: left !important;    padding-left: 50px;    margin-bottom: 12px !important;}


.if span p:before, .if if1 span a:before, .twin twin3 span div a:before {    content: '>>';    font-family: alter biom;    margin: 0 7px 0 5px;}
.if if2, .twin twin1, .twin twin2 {    display: block; }
.if if1 span a, .twin twin3 a {display: block;} .if if1 span, .twin twin3 span {    line-height: 17px; text-transform: lowercase;}
.twin twin3 span a:first-child, .if if1 span:before, .nov .pos a, .nov pos a, .nov vbplay4 {display: block;text-align: right;border-bottom: 1px solid;margin-bottom: 5px;padding-right: 5px;letter-spacing: 2px;font-size: 10px;}
.if if1 span b {text-transform: uppercase;}
.twin twin3 span a:first-child, .if if1 span:before, .nov .pos a, .nov pos a, .nov vbplay4 {    letter-spacing: 1px;    padding-bottom: 3px;    text-transform: lowercase;    margin-top: -5px;}
.if if1 span div, .twin twin3 span div {max-height: 170px;overflow: auto;}
.if if1 span a i, .if span i {    font-style: normal;    vertical-align: text-bottom;    font-size: 10px;}

.if if1, .twin twin3 {    display: grid;    grid-template-columns: repeat(3, 1fr);column-gap: 17px;}
.if if1 b {grid-column: 1 / 4;    text-align: center;    font-family: 'Iglets';    font-size: 50px;    overflow: hidden;    font-style: italic;    font-weight: normal;    -webkit-text-stroke: 0.2px;    height: 31px;     letter-spacing: 50px;    padding-left: 50px; margin-top: 10px;} .if if1 b:first-of-type {margin-top: 0}
.if if1 span.w:before {content: 'женские имена';}
.if if1 span.m:before {content: 'мужские имена';}
.if if1 span.f:before {content: 'фамилии';}

#vibecod, #vibecod2 {cursor: pointer;}
#vibecod, #vibecod2, .tem tem2, .tem priz1 {font-family: 'Lighthaus';    text-align: center;    margin-top: 15px;    font-size: 14px;    letter-spacing: 2px;}
#vibecod1, #vibecod3 {display: none; white-space: break-spaces;}
#vibecod:before, #vibecod:after, .tem tem2:before, .tem tem2:after, .tem priz1:before, .tem priz1:after {    content: '\2726';    font-size: 10px;    margin: 0 10px;    vertical-align: middle;    opacity: .7;}

.gost {    margin-top: 35px;}
.gost:before {    content: 'vibe';    position: absolute;    margin: -36px 0 0 -20px;    text-overflow: clip;    overflow: hidden;    height: 62px;    display: block; font-family: 'Iglets';    text-transform: uppercase;    font-style: italic;    font-size: 125px;    line-height: 114px;    color: rgba(var(--accent-d1));    width: 240px;    letter-spacing: 0;}
.gost span {    margin-top: 17px;} .gost gost1 {    font-size: 12px;    line-height: 40px !important;}

.tem priz1 {display: block;} .tem priz1 {    font-size: 10px;}
.tem priz3 span, .tem priz4 span, .punbb #List-UserNames li, .tem tem4 {padding: 10px 5px;border-radius: 10px;text-align: center; background: #ffffff38; box-shadow: 0 0 0 1px #08080814;}

.twin twin3 span a:first-child, .if if1 span:before, .nov .pos a, .nov pos a, .nov vbplay4 {border-color: rgba(var(--basic-l1),.3)} 
.twin twin3 div a:first-child {    font-family: inherit !important;    letter-spacing: inherit;    border: none;    padding: inherit;    margin: inherit;    font-size: inherit !important;    text-align: inherit;    color: inherit !important;}
.if if1 span a:hover, .twin twin3 a:hover, .twin twin3 div a:hover:first-child {    margin-left: 5px;    letter-spacing: 1.5px;}

.twin twin2 {    margin-bottom: 25px;} 


.tem priz2, .tem priz3 {margin-top:10px;    height: 200px;    width: 100%;    white-space: nowrap;    overflow: auto;    display: block;    overflow-y: hidden;}
.tem priz2 img {    height: 185px;    margin-right: 15px;} .tem priz3 {    height: 50px;}
.tem priz3 span, .tem priz4 span {    margin: 1px 10px 0 1px;    display: inline-block;padding: 5px;} .tem priz3 span img {    margin-right: 5px;}
.tem priz4 {display: flex; column-gap: 10px; width: 100%;} .tem priz4 span {width: inherit; margin: 10px 0;}



/* ДЖУДА */
.jud .ank, .jud .tem, .jud .ep, .jud .nov, .jud .if, .jud .gost, .jud .twin, .jud .faq {    background: transparent;    box-shadow: 0 0 0 1px var(--jud-basic1) inset;}
.jud .ank2 p, .jud .ep1 p, .jud .tem tem1, .jud .nov nov2, .jud .if if2, .jud .gost gost1, .jud .twin twin1, .jud .tem1, .jud .faq .spoiler-box > div {    background: var(--jud-basic1) !important;    border-radius: 6px 6px 0 0;    color: var(--jud-accent1) !important;    font-family: var(--jud-font1);    font-size: 15px;    text-transform: uppercase;}
.jud .ank3, .jud .ep2, .jud .twin twin2 {    border-color: #ffffff14;    color: var(--jud-accent2) !important;    font-family: var(--jud-font);    letter-spacing: .7px;}
.jud .gost:before {font-family: var(--jud-font1) bold;font-size: 92px;text-transform: lowercase;font-style: normal;line-height: 73px;margin-left: -48px;color: var(--jud-basic2);}
.jud .tem span.tema:before, .jud .gost span:before, .jud .if span.tema:before, .jud .nov span:before {    display: none;}
.jud .tem span.tema p, .jud .gost span p:first-child, .jud .gost span p:last-child, .jud .twin twin3 span, .jud .if if1 span, .jud .ank .quote-box, .jud .nov .pos, .jud .nov pos, .jud .nov span p, .jud .tema, .jud .faq p {    background: #ffffff00 !important;    border-top: none !important;}
.jud .ank1 p, .jud .ank .quote-box, .jud .tem, .jud .faq, .jud .nov, .jud .nov par b, .jud .nov .par b, .jud .if, .jud .if a, .jud .gost, .jud .twin, .jud .twin twin3 a, .jud .nov vbplay, .jud .nov vbplay3 {    color: var(--jud-basic1) !important;}
.jud .tem span.tema b, .jud .gost span b, .jud .if span b, .jud .twin twin3 span a:first-child, .jud .nov b, .jud .if if1 span:before, .jud .nov .pos a, .jud .nov pos a, .jud .faq strong {    font-family: var(--jud-font1);    font-size: 13px;}
.jud .colored {--fa-secondary-color: #c7c7c7;    --fa-primary-color:    var(--jud-basic1);}
.jud .tem span.tema b, .jud .gost span b, .jud .if if1 b, .jud .twin twin3 span a:not(.twin twin3 span div a):first-child, .jud .if if1 span a i, .jud .if span i, .jud .nov b, .jud .if if1 span:before, .jud .nov par i, .jud .faq strong, .jud .nov .pos a, .jud .nov pos a, .jud .nov vbplay4 {    color: var(--jud-accent1) !important;    -webkit-text-stroke: 0.2px;}
.jud .twin twin3 span a:first-child, .jud .if if1 span:before, .jud .nov .pos a, .jud .nov pos a {letter-spacing: 0}
.jud .if if1 b {    font-family: var(--jud-font1) bold;    text-transform: lowercase;    overflow: inherit;    height: auto;    font-size: 25px;    letter-spacing: 35px;    -webkit-text-stroke: 0;}
.jud .punbb .post-content .faq .quote-box {    margin-bottom: 11px !important;}
.jud .punbb .post-content .faq .quote-box:last-of-type {    margin-bottom: -15px !important;}
.jud .ank1 p {    background: var(--jud-accent1);    box-shadow: 0 0 0 1px var(--jud-basic1);}
.jud .ep img {    box-shadow: 0 0 0 3px var(--jud-basic2), 0 0 0 4px var(--jud-basic1);}
.jud .nuz {    margin: 0px 0 -26px 125px;    font-family: var(--jud-font1);    font-size: 31px;    color: var(--jud-accent1);}
.jud .nov vbplay4 {    font-family: var(--jud-font1) bold;    font-size: 20px !important;}



/* муд */
.reveal-modal-bg { 	position: fixed; 	height: 100%;	width: 100%;	background: #000;	background: rgba(0,0,0,.8);	z-index: 9999;	display: none;	top: 0;	left: 0; 	}
.reveal-modal {	visibility: hidden;	top: 100px; 	left: 50%;	margin-left: -300px;	width: 520px;	position: absolute;	z-index: 101;	padding: 30px 40px 34px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);	}
.reveal-modal.small     { width: 200px; margin-left: -140px;}
.reveal-modal.medium     { width: 400px; margin-left: -240px;}
.reveal-modal.large     { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge     { width: 900px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {font-size: 16px;    line-height: .5;    position: absolute;    top: 30px;    right: 28px;     font-weight: bold;    cursor: pointer;    text-decoration: none;}
#md {     z-index: 99999 !important;padding: 0px;    left: 50%;    margin-top: -50px;}

.mood, .mmood {    width: 860px; background-color: #101010;    background-image: radial-gradient(at 85% 10%, #2e2e2e 0px, transparent 50%),radial-gradient(at 28% 64%, #181818 0px, transparent 50%),radial-gradient(at 70% 95%, #c2dd6f42 0px, transparent 50%),radial-gradient(at 18% 4%, #c2dd6f38 0px, transparent 50%), radial-gradient(at 50% 3%, #000000 0px, transparent 50%);    border-radius: 20px;    box-shadow: 0 0 5px 5px inset #6f813c29;    padding: 20px;    font-family: var(--basicfont);    position: relative;}
.mood {    height: 453px;}
.mmood {    height: 800px;    margin: auto;}
.mood mood1, .mood mood2, .mmood mmood1, .mmood mmood2 {    position: absolute;    font-size: 75px;    text-transform: uppercase;    font-weight: bold;    letter-spacing: 0px;}
.mood mood1 {   margin-left: 80px;}
.mmood mmood1, .mood mood1, .mmood mmood2 {top: 11px}
.mood mood2, .mmood mmood2 {    text-shadow: 1px 0 1px #686c59, 0 1px 1px #686c59, -1px 0 1px #686c59, 0 -1px 1px #686c59;    width: 230px;    z-index: 1;}
.mood mood2 {margin-left: 83px;    font-size: 33px;    top: 84px;    color: #2e331f;}
.mmood mmood2 { transition: var(--trans1);    margin-left: 247px;color: #1f201b;} .mmood mmood2:hover {text-shadow: none;}
.mood mood2:before {    content: '\40';    font-family: var(--fawe);    text-shadow: none;    position: absolute;    margin: -33px 0 0 -45px;    font-size: 40px;}
.mood mood3 {    position: absolute;    background: #65665f;    border: 2px solid;}
.mood mood3, .mood mood3 img {    border-radius: 50%;    width: 60px;    height: 60px;    object-fit: cover;}
.mood mood3 img {    filter: grayscale(1);    mix-blend-mode: soft-light;}

.mmood mmood3, .mmood mmood4 {    width: 818px;    display: block;}
.mmood mmood3 {top: 101px;}
.mmood mmood4 {top: 505px;}

.mood mood4, .mood mood5, .mmood mmood3, .mmood mmood4  {    position: absolute;    background: #797a741a;    border-radius: 10px;    border: 1px solid #b0b79938;    box-shadow: 0 0 10px inset #b3bf8c1a;    padding: 20px;}
.mood mood4 {     width: 269px;    top: 136px;    height: 294px;}
.mood mood5 { width: 487px; right: 20px;     height: 410px;}

.mood m1, .mood m3, .mood m5, .mmood m1, .mmood m2 {    color: #e1e1e1;    font-size: 13px;    margin-top: 0px;    display: block;    text-transform: uppercase;    letter-spacing: 1px;    padding-bottom: 15px;    border-bottom: 1px solid;}

.mood m1:before, .mood m3:before, .mood m5:before, .mmood m1:before, .mmood m2:before {    font-family: var(--fawe);    font-size: 12px;    vertical-align: baseline;    margin-right: 10px;    content: '\f001';}
.mood m1:before { content: '\f8c9';}
.mood m3:before { content: '\f004';}
.mmood m1:before {    content: '\221E';    font-family: 'Helvetica Neue';    font-size: 19px;    margin-top: -5px;    display: inline-block;}
.mmood m2:before {content: '\f017'}
.mood m5:before {    content: '\f00d';    transform: rotate(45deg);    display: inline-block;}

.mood m2 {    display: block;    height: 248px;    padding-right: 10px;    overflow: auto;    margin-top: 15px;}
.mood mood4 span {    display: block;     margin-bottom: 16px;    transition: var(--trans3);    cursor: pointer;}
.mood mood4 span:last-child {margin-bottom: 0px;}
.mood mood4 span:before {    content: '\f04b';    font-family: var(--fawe);    float: left;    margin-right: 10px;    height: 25px;    display: flex;    align-items: center;    font-size: 10px;     font-weight: 900;}
.mood mood4 span b, .mood album b, .mmood album b, .mood mix2 b, .mmood mix2 b {    display: block;    text-transform: uppercase;    letter-spacing: 1px;    font-family: helvetica neue medium;    font-weight: normal;    font-size: 12px;    position: relative;    z-index: 2;}
.mood mood4 span b, .mood album span b, .mmood album span b, .mood mix2 b, .mmood mix2 b {    margin-bottom: 2px;}
.mood mood4 span i, .mood album i, .mmood album i, .mood mix2 i, .mmood mix2 i {    font-style: normal;    font-size: 11px;    letter-spacing: 0.5px;    text-transform: lowercase;    display: block;    position: relative;    z-index: 2;}
.mood mood4:hover span {    opacity: .3;}
.mood mood4 span:hover {    opacity: 1;}

.mood a.play, .mmood a.play {    display: block;    text-transform: uppercase;    font-family: 'Helvetica Neue Medium';    font-size: 9px;    letter-spacing: .5px;margin: 4px 10px 10px 0px;    color: #c2dd6f !important;    text-align: right;     opacity: .6;}
.mood a.play:before, .mmood a.play:before {    content: '\f04b';    font-family: var(--fawe);    margin-right: 5px;    background: #9eb55a;    color: #242424;    padding: 3px 3px 3px 6px;    border-radius: 4px;    font-weight: 900;}
.mood a.play:hover, .mmood a.play:hover {opacity: 1;}

.mood m4, .mood m6 {    display: block;    margin-top: 15px;} .mood m4 {margin-bottom: 15px;}
.mood album, .mood mix {    display: inline-block;    text-align: center; position: relative;    opacity: .5; transition: var(--trans3);    width: 158px;    margin-right: 10px;height: 140px;    vertical-align: top;    white-space: break-spaces;}
.mood album:last-child, .mood mix:last-child {margin-right: 0;}
.mood album1, .mood mix1 {    filter: grayscale(1);}
.mood album:hover, .mood album.x, .mood mix:hover, .mood mix.x {    opacity: 1;} .mood album.x album1, .mood mix.x mix1 {    filter: none;}
.mood album2 b, .mmood album2 b, .mood mix2 b, .mmood mix2 b { font-size: 11px;    white-space: break-spaces;}
.mood album2 b u, .mmood album2 b u {    text-decoration: none;    margin-right: 5px;}
.mood album1, .mood album2, .mood mix1, .mood mix2 {transition: var(--trans1)}
.mood album2, .mmood album2, .mood mix2, .mmood mix2 {   top: 0px;    position: absolute;   padding-right: 5px;    overflow: auto;    height: 100%;        width: calc(100% - 5px);     text-align: left;    display: flex;    flex-direction: column;}
.mood album2, .mood mix2 {     left: 0px;opacity: 0; }
.mmood mix2, .mmood album2 {    left: 150px;    width: 223px;height: 130px;}
.mood album:hover album1, .mood mix:hover mix1 {    opacity: 0;} .mood album:hover album2, .mood mix:hover mix2 {opacity: 1;}
.mood album2 span, .mood mix2 span {    opacity: .3;} .mood album2 span.x, .mood album2 span:hover, .mood mix2 span.x, .mood mix2 span:hover {opacity: 1}
.mood album2 span, .mmood album2 span, .mood mix2 span, .mmood mix2 span {display: block; padding-bottom: 10px; border-bottom: 1px solid; margin-bottom: 10px; transition: var(--trans3); cursor: pointer;    margin-right: 10px;} .mood album2 span:last-child, .mmood album2 span:last-child, .mood mix2 span:last-child, .mmood mix2 span:last-child {margin-bottom: 0; border: none;}
.mmood mix, .mmood album {    width: 100%;    display: block;    margin-top: 20px; position: relative; transition: var(--trans1);     height: 130px;margin-bottom: 30px;}
.mmood mix:last-child, .mmood album:last-child {margin-bottom: 0px;}
.mmood mmood5 {    display: inline-block;    width: 50%;    vertical-align: top;}

.mmood mmood3:hover mix, .mmood mmood3:hover album, .mmood mmood4:hover mix, .mmood mmood4:hover album {    opacity: .3;}
.mmood mmood3 mix:hover, .mmood mmood3 album:hover, .mmood mmood4 mix:hover, .mmood mmood4 album:hover {    opacity: 1 !important;}

.mood mix mix1, .mmood mix mix1, .mood album album1, .mmood album album1 {    display: flex;    justify-content: center;    align-items: center;    color: #ffffffbf;    text-transform: uppercase;    font-size: 14px;    letter-spacing: 1px;    font-family: 'Helvetica Neue Medium';    background-size: cover !important;    flex-wrap: wrap;    align-content: center; white-space: break-spaces; padding: 7px;text-align: center;    flex-direction: column;width: 116px; height: 116px;border-radius: 10px;}
.mood album album1 img, .mmood album album1 img {width: 130px; height: 130px;    position: absolute;    filter: grayscale(1);    opacity: .2;border-radius: 10px; object-fit: cover;}
.mood mix mix1, .mood album album1 {margin: auto;}
.mood mix2 u, .mmood mix2 u {    text-decoration: none;    display: block;    text-transform: uppercase;    font-size: 9px;    letter-spacing: .5px;}

.mmood v, .mood v {    color: #000000;    background: #efefef6b;    padding: 1px 2px;    border-radius: 2px;}

.mood mood1, .mmood mmood1, .mood m1:before, .mmood m1:before, .mmood m2:before, .mood m3:before, .mood m5:before, .mood mood4 span:before, .mood album2 b u, .mmood album2 b u, .mood mix2 b, .mmood mix2 b, .mood mood2:before, .mmood mmood2:hover, .mmood #vibecod, a.close-reveal-modal {    color: #c2dd6f !important;}
.mood mood4 span, .mood album, .mmood album, .mood mix2, .mmood mix2 {   color: #b3b3b3;}
.mood mood3 {border-color: #c2dd6f}
.mood m1, .mmood m1, .mmood m2, .mood m3, .mood m5, .mood album2 span, .mmood album2 span, .mood mix2 span, .mmood mix2 span {border-color: #b3bf8c2e}
.mood m2::-webkit-scrollbar-thumb, .mood m4::-webkit-scrollbar-thumb, .mood m6::-webkit-scrollbar-thumb, .mood #horizontal-scroller::-webkit-scrollbar-thumb, .mood album2::-webkit-scrollbar-thumb, .mmood album2::-webkit-scrollbar-thumb, .mood mix2::-webkit-scrollbar-thumb, .mmood mix2::-webkit-scrollbar-thumb {    background: #646c48 !important;}
.mood album i, .mmood album i, .mood mix2 i, .mmood mix2 i {font-size: 9px;    white-space: break-spaces;    display: block; }
.mood album2 span i, .mmood album2 span i, .mood mix2 span i, .mmood mix2 span i {    margin-top: 7px;    line-height: 12px;}
.mood ::selection, .mmood ::selection {    color:#212418;    background: #c2dd6f;}
.mood mood4 m2 span b {    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}

.mmood #vibecod, .mmood #vibecod2 {    position: absolute;     font-family: 'Helvetica Neue Medium';    text-transform: uppercase;    letter-spacing: 1px;    width: 860px;}
.mmood #vibecod {   top: 748px;    font-size: 40px;}
.mmood #vibecod2 {   top: 800px;    font-size: 10px; color: #5f6941}
.mmood #vibecod:before {    content: '\f245';    font-family: var(--fawe);    font-size: 25px;    vertical-align: text-top;    color: #1f201b;    text-shadow: 1px 0 1px #686c59, 0 1px 1px #686c59, -1px 0 1px #686c59, 0 -1px 1px #686c59; opacity: 1;}

.lot {    gap: 5px;    display: grid;    grid-template-columns: repeat(5, 1fr);    grid-auto-rows: 90px;}
.lot lot1 {    background: var(--accent4);    text-indent: 0;    display: flex;    justify-content: center;    align-items: center;    border-radius: 5px;    font-family: 'Qalisso';    font-size: 30px;    -webkit-text-stroke: 0.5px;    color: var(--accent3);}
.lot lot1.x {    filter: grayscale(1);    opacity: .3;}

/* иконки */
.fad {    text-indent: 0;}

.colored {    --fa-secondary-color: #bbc5c2;    --fa-primary-color: #7a8f85;    font-size: 18px;    --fa-secondary-opacity: 1;    vertical-align: middle;    margin-right: 5px;    width: 30px;    text-align: center;}


/* ТЕМНАЯ ТЕМА ПОСТА Ч.2 © переработка blanche, основа deff. брать можно только с копирайтом */
.darkvibes .post-box {    background: #2e3638a6;    box-shadow: 0 0 0 1px inset #6d7678, 0 0 0 2px inset #364144, 0 0 0 1px #424e4e, 0 0 20px inset #525e60, 0 0 10px #455353;    color: rgba(var(--basic-l1));}
.darkvibes .quote-box, .darkvibes .code-box {    background: #0000001a !important;    box-shadow: 0 0 10px #00000024, 0 0 10px inset rgba(var(--basic2)) !important;    border: 1px solid rgba(var(--accent-d1),.3) !important;}
.darkvibes .quote-box strong.legend, .darkvibes .code-box strong.legend, .darkvibes .spoiler-box > div {    text-shadow: none !important;    border-color: rgba(var(--basic2),.7);}

.jud .darkvibes .post-box {    background: var(--jud-basic1);    color: var(--jud-basic2);}
.jud .darkvibes .post-links:before {    background: var(--jud-basic1);}
.jud .darkvibes .quote-box, .jud .darkvibes .code-box {    background: var(--jud-accent1) !important;    box-shadow: none !important;}
.jud .hideprofile .post-box:before {    content: '';    width: 246px;    height: 2px;    background: var(--jud-basic1);    position: absolute;    left: 0;    margin-top: -22px;}
.jud .darkvibes del { color: var(--jud-basic2) !important;}


/* правка длинного имени */
[data-user-id="344"] .pa-author {    margin-left: 5px;}
[data-user-id="344"] .indOnline, [data-user-id="344"] .indOffline {    left: 8px;}