/*************************************************************
ÊÎÄÛ È ÃÐÀÔÈÊÀ BLANCHE v.2022.0
ó íàñ åñòü ìàñòåðñêàÿ íà ðåíî, îáðàùàéòåñü <Ç
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
÷àñòè êîäîâ ìîæíî ñâîáîäíî áðàòü â ëè÷íîå ïîëüçîâàíèå, åñëè âû îñòàâèòå ìîå êîïè â ñòèëå âàøåãî äèçà
äàâàéòå óâàæàòü òðóäû, äà è ïðîñòî äðóã äðóãà <Ç
**************************************************************

 I. ØÀÏÊÀ, ÔÓÒÅÐ
-------------------------------------------------------------*/
/* øàïêà */
#pun-title table {margin: -230px 0 0 -78px;    position: absolute;
    background: url(https://forumstatic.ru/files/001b/7c/28/64071.png) no-repeat top left;
    width: 1151px;
    height: 415px;}

/* ôóòåð */
#pun-about {    width: 1032px;    height: 306px;    margin: -211px 0 41px -72px;
    background: url(https://forumstatic.ru/files/001b/7c/28/28398.png) center top;} 





/* II. ÊÀÒÅÃÎÐÈÈ
-------------------------------------------------------------*/
#pun-category1.category h2, #pun-stats.section h2 {    font-size: 0px !important; }
#pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-stats.section h2 {    height: 59px;    margin: 20px -29px 0 -29px;     text-align: center;
    background: url(https://forumstatic.ru/files/001b/7c/28/28696.png) no-repeat;}

#pun-category2.category h2 span, #pun-category3.category h2 span, #pun-category4.category h2 span, #pun-category5.category h2 span, #pun-category6.category h2 span, #pun-stats.section h2 span, #post-form h2 span {    font-family: var(--accentfont);    text-transform: uppercase;    color: var(--basic1);    font-size: 40px;    letter-spacing: 2px;    text-shadow: 0 0 10px var(--basic2);    text-overflow: clip;    overflow: hidden;    height: 22px;    display: block;    padding-top: 14px; transition: var(--trans1)}
#pun-stats.section h2 span {font-size: 0px;}

#pun-category2.category h2 span:after{ content:"trust the vibes you get, energy doesn't lie"}
#pun-category3.category h2 span:after{ content:"vibe speak louder than words"}
#pun-category4.category h2 span:after{ content:"'be such a good soul that people crave your vibes"}
#pun-category5.category h2 span:after{ content:"life is way too short for bad vibes"}
#pun-stats.section h2 span:before {content: 'your vibes attracts my soul'; font-size: 40px; transition: var(--trans1); margin-left: 10px}

#pun-category2.category h2 span:after, #pun-category3.category h2 span:after, #pun-category4.category h2 span:after, #pun-category5.category h2 span: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;    color:var(--accent1);    letter-spacing: 1.5px; text-transform: uppercase;transition: var(--trans1)}
#pun-category2.category h2 span:after, #pun-category3.category h2 span:after, #pun-category4.category h2 span:after, #pun-category5.category h2 span:after {    position: absolute;    width: 100%;    left: 0px;    margin-top: 11px;}

/* ÍÀÂÅÄÅÍÈÅ ÊÀÒÅÃÎÐÈÉ BY BLANCHE. ÌÎÆÍÎ ÁÐÀÒÜ, ÍÎ ÎÑÒÀÂËßÅÌ ÊÎÏÈ */
#pun-category2.category h2:hover span, #pun-category3.category h2:hover span, #pun-category4.category h2:hover span, #pun-category5.category h2:hover span, #pun-category6.category h2:hover span, #pun-stats.section h2:hover span:before {    letter-spacing: 6px !important;}
 #pun-category2.category h2:hover span:after,  #pun-category3.category h2:hover span:after,  #pun-category4.category h2:hover span:after,  #pun-category5.category h2:hover span:after,  #pun-category6.category h2:hover span:after {    letter-spacing: 3px !important;}





/* III. ÈÊÎÍÊÈ
-------------------------------------------------------------*/
/* íà ãëàâíîé */
#pun-index table Div.icon { float: left; width: 25px; height: 25px; margin: 18px 0px 0 -35px; border-radius: 20px; background: #d0cfdd;}
/*#pun-index TR.inew Div.icon {}
#pun-index TR.inew Div.icon:after {    content: '';    background: #adc5b3;    width: 13px;    height: 13px;    position: absolute;    border-radius: 20px;    margin: -2px 0 0 -2px;}*/
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {font-family: var(--basicfont) !important; font-size: 10px !important; background: var(--accent4) !important; color: var(--basic1) !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 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-messages Div.icon:before {margin: 13px 0 0 0 !important;}

#pun-viewforum .icon:before, #pun-messages .icon:before {    content: 'old message';}
#pun-viewforum .icon.icon-new:before, #pun-messages .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: var(--accent2); opacity: 1}





/* IV. ÒÀÁËÈÖÀ
-------------------------------------------------------------*/
.ank .quote-box.spoiler-box, .tem span.tema, .nov .pos, .nov span, .if span, .gost span, .twin twin3, .tema {border: none !important;
    background: #fbfbff4a !important;    box-shadow: 0 0 0 1px #bdbad5 !important;}

.pl {position: absolute; text-align: right; font-family: var(--basicfont); font-size: 9px; text-transform: lowercase; letter-spacing: 1px; width: 154px; height: 80px; overflow: auto; padding-right: 2px;
    top: -149px;
    left: -20px;}
.pl a {color: var(--basic1) !important; display: block; position: relative; margin-bottom: 1px;}
.pl a.new {color: var(--accent1) !important;} .pl a.new:before {content: '\2726'; display: inline-block; vertical-align: super; margin: -3px 3px 0 0px;}

.akt { position: absolute; width: 173px; display: flex; justify-content: space-between;
    left: 703px;
    top: -177px;}
.akt a, .par span {background: var(--basic3) !important;   box-shadow: 0 0 0 1px var(--basic2), 0 0 0 1px inset #00000030, 0 0 5px #ffffff91 inset !important; display: inline-block; transition: var(--trans1);}
.akt a {border-radius: 20px;    width: 25px;    height: 25px; }
.akt a:hover, .par:hover span {    background: var(--accent3) !important;    box-shadow: 0 0 0 1px var(--accent3), 0 0 0 1px inset #00000030, 0 0 5px #ffffff91 inset !important;}
span.status_userava {background: var(--basic3) !important;} #pun-status:hover span.status_userava {background: var(--accent3) !important;}
.akt a img, .par span img, span.status_userava img {    filter: grayscale(1);    mix-blend-mode: soft-light;} .akt a img {   border-radius: 20px; }
.par {position: absolute;    top: -102px;    left: 263px;}
.par span img, .par span {border-radius: 5px 0 !important; height: 25px; width: 70px;}
.par span b {color: var(--accent1); position: absolute; font-weight: normal; width: 70px; transition: var(--trans1); text-align: right;
    margin: 10px 0 0 -190px;}

.pos span {position: absolute; text-align: justify; width: 188px; padding-right: 10px; overflow: auto; height: 40px; line-height: 13px;
    top: -149px;
    left: 157px;}
.pos a {color: var(--accent1) !important; position: absolute; width: 190px;
    top: -185px;
    left: 157px;}
.pos:hover a, .par:hover b, #pun-status:hover .item1 {letter-spacing: 1px;} .pos a:hover {color: var(--accent1);}

.ban {position: absolute; height: 45px; white-space: nowrap; overflow: auto;
    margin: -63px 0 0 65px;
    width: 775px;}
.ban a {background:var(--basic4);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;}
.ban a:not(:last-of-type):after {content: ''; width: 10px; height: 1px; display: inline-block; margin-bottom: 16px;
    background: #b3aecb;}





/* V. ÂÂÎÄ ÒÅÊÑÒÀ, ÊÍÎÏÊÈ
-------------------------------------------------------------*/
/*  ââîä òåêñòà */
.punbb textarea {overflow: auto;padding: 7px;font: 11px arial !important;line-height: 15px !important; outline: none !important}
#pun-viewtopic #main-reply {border-radius: 0 0 5px 5px}
.punbb textarea, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #MyBookmarks {    border: none !important;
    background: linear-gradient(0deg, #e0dfeb, #f3f3f7);
    color: #6d6984;
    box-shadow: 0 0 20px #cfcce5 inset, 0 0 0 1px #bcb7d9 inset, 0 0 0 1px #e9e8f1, 0 0 15px #d2cee5de !important;
}



/* ÊÍÎÏÊÈ È ÔÎÐÌÛ ÇÀÏÎËÍÅÍÈß BY 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 {    cursor: pointer;    font-size: 10px;    padding: 4px;    font-family: Arial;    border-radius: 6px;    border: none; outline: none; text-align: center;
    background: #e5e4ed;
    box-shadow: 5px 5px 10px#d2d0dddb, -5px -5px 10px  #f0f0f7db, 3px 3px 5px  #f4f4fb inset, -5px -3px 5px #dbd9e7 inset;
    color: #6d6983;
    text-shadow: 0 0 3px #847ea5, 1px 1px 0 #fff;}
.punbb option {    background-color: #e5e4ed !important;} /* ìîäåðñêîå */

/* äî íàâåäåíèÿ */
.button, .hashelp center div a button, input#sub4 {cursor: pointer;    padding: 8px 10px !important;    font-family: var(--basicfont) !important;    font-size: 8px !important;    letter-spacing: 1px !important;    text-transform: uppercase;    min-width: 100px;    margin: 0 3px;transition: var(--trans1); 
    box-shadow: 5px 5px 10px #d2d0dddb, -5px -5px 10px #f0f0f7db, 3px 3px 5px #f4f4fb inset, -5px -3px 5px #dbd9e7 inset !important;}

/* êíîïêè ïîñëå íàâåäåíèÿ */
.button:hover {color: var(--basic1) !important; text-shadow: 0 0 3px var(--basic1), 1px 1px 0 var(--basic2) !important; background: var(--basic3) !important;
    box-shadow: 5px 5px 10px #d2d0dddb, -10px -10px 10px #f0f0f7db, 5px 5px 5px #9a97af inset, -5px -5px 5px #b6b1cd inset !important;}




/* IV. ÖÈÒÀÒÛ BY 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, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #MyBookmarks {padding: 10px;font-size: 11px!important;    font-family: arial!important;}
.punbb .post-content .quote-box, .punbb .post-content .code-box {    border-radius: 10px;    padding: 20px !important;
    background: #eae9ef;
    color: #88859b;
    box-shadow: 5px 5px 10px #dcdbe5, -5px -5px 7px #e4e3ed, 10px 10px 15px #f0f0f7 inset, -10px -10px 30px #e2e1ef inset;
    border: 1px solid #ceccdf;
}
.punbb .quote-box cite:before, .punbb .code-box strong.legend:before, .post-content .spoiler-box > div:before {    content: '"';    font-family: var(--accentfont);    font-size: 160px;    position: absolute;    left: 25px;}

/* íàïèñàë è âûäåëèòü êîä */
.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: -16px 7px 15px 50px; font-weight: normal;
    border-bottom: 1px solid #ceccdf;
    text-shadow: 0 0 3px #aca7c7, 1px 1px #f5f5ff;
}
.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: #7f7c95;}

/* ÑÏÎÉËÅÐ BY 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;}
.post-content .spoiler-box > div.transform:after {  transform: rotate(45deg);}




/* III. ÏÐÎÔÈËÜ
-------------------------------------------------------------*/
/* ÿ íå çíàþ àâòîðà èäåè ôèêñàöèè ïðîôèëÿ. åñëè ýòî - âû, íàïèøèòå ìíå è ÿ ñ óäîâîëüñòâèåì îòìå÷ó âàø êîïèðàéò <Ç */
.punbb .post .post-author {    float: left;    overflow: hidden;    width: 222px;    min-height: 108px;    margin: -20px 0 70px 0px;    position: sticky;    top: 20px;    border-radius: 0 0 10px 10px;
    background: url(https://forumstatic.ru/files/001b/7c/28/94962.png) bottom no-repeat, url() top no-repeat, url(https://forumstatic.ru/files/001b/7c/28/48237.jpg) top no-repeat;}

.punbb .post.topicpost .post-author, .punbb .post.toppost .post-author {margin-top: 0px;}

.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;    margin-right: 10px; margin-top: 20px;}

/* øðèôò íèêà (ãîñòè) */
.pa-author {    font-size: 18px;    font-family: var(--accentfont);    text-transform: lowercase;    letter-spacing: 1.5px;    background: url();    width: 222px;    height: 53px;    margin: 0 -15px -31px -15px;    padding-top: 8px !important;    z-index: 1;}
.pa-author a, #pun-searchposts .pa-author strong, .indOnline:before { background: linear-gradient(0deg, #000000, #ffffff);    -webkit-background-clip: text;color: #fbf8cbba !important;}
.pa-author a:hover {    color: #2d2a40 !important;    text-shadow: 0 0 3px #47476e, 1px 1px #a5a2bb;}
.pa-author a, #pun-searchposts .pa-author strong, .pa-fld1, .pa-fld1 a, .pa-fld2 {text-shadow: 1px 1px #5e5b7e;}

/* àâàòàð */
.pa-avatar {    width: auto; margin: 7px 50%;   background: url(https://forumstatic.ru/files/001b/7c/28/17517.jpg);    padding: 6px !important;    box-shadow: 0 0 7px #8b8463 inset, 0 0 0 1px #afab98 inset, 0 0 0 1px #b1afcd, 0 0 10px #55526e;    z-index: 1;}
.pa-avatar img, #pun-profile .fs-box .avatardemo, #pun-messages img.avatardemo, #profile-left #pa-avatar img {box-shadow: 0 0 0 1px #a59b7b}
.pa-avatar img {    margin-bottom: -2px; max-width: 180px; max-height: 180px;}

/* àé-ïè */
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-posts, .pa-fld5, .pa-fld4, .pa-respect, .pa-respect a, .pa-fld4 a:hover { color: var(--basic1) !important;}
.pa-posts:hover, .pa-fld5:hover, .pa-respect:hover, .pa-respect:hover a, .pa-respect:hover span:last-child:before {color: var(--accent2) !important; cursor: pointer;}

.pa-respect span:last-child:before {     content: '\2726';     background: #e7e4f0;   width: 10px;    height: 9px;    display: inline-block;    margin: 0px 0px 0px -6px;    z-index: 1;    position: absolute;    border-radius: 20px;    color: var(--basic4);    padding: 3px;    font-size: 9px;}
.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 {    margin-bottom: 3px;    z-index: 1;}
.pa-fld1, .pa-fld1 a {color:#d5d3e3 !important;} .pa-fld1:before, .pa-fld1:after, .pa-fld2:before, .pa-fld2:after {content: '—'; margin: 0 5px;}

.pa-fld2 {    width: inherit; color:var(--accent1);   margin-bottom: 7px;    z-index: 1;transition: var(--trans1);}
.pa-fld2:hover, .pa-fld1:hover {    letter-spacing: 1.5px;}
.pa-fld3 {    width: inherit;    margin-bottom: 8px;    z-index: 1;}

.pa-fld4 {    font-family: var(--basicfont);    text-transform: lowercase;    font-size: 9.5px;    letter-spacing: 1px;    line-height: 14px;    text-align: center;    margin: -107px 0 0 0px;    padding: 134px 20px 0 20px !important;    position: relative;
    background: url() bottom no-repeat, url(https://forumstatic.ru/files/001b/7c/28/62321.png) top no-repeat, url() top repeat-y;
    width: 182px;}
.pa-fld4:after {    content: '';    background: url(https://forumstatic.ru/files/001b/7c/28/61162.png);    width: 222px;height: 112px;    display: block;    margin: -47px 0 -40px -20px;}
.pa-fld4 span a {    position: absolute;    width: 30px;    height: 15px;    bottom: 5px;    left: 100px;}

.pa-fld4 a {    position: relative; color: #a7a174 !important;     padding: 0 2px;    margin: 0 -2px;}
.pa-fld4 a:before {    position: absolute;    background: #aba6d34a;    width: 0%;    height: 15px;    content: '';    left: 0px;    transition: all 1s;    border-radius: 3px;}
.pa-fld4 a:hover:before {    width: 100%;}







/* V. ÇÀÊËÀÄÊÈ, ÓÂÅÄÎÌËÅÍÈß, ÑÒÐÅËÊÈ, ÎÍËÀÉÍ
-------------------------------------------------------------*/
#BookmCntToggle.default-style {    background: url(https://forumstatic.ru/files/001b/7c/28/90084.png) !important;    width: 56px !important;    height: 53px !important;    box-shadow: none !important; border-left: none !important;}
#MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b {box-shadow: none !important;margin-left: 5px !important;width: 114px;text-shadow: none;}
#MyBookmarks li.BookmarkL>span.last_click, #MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b {    background: var(--basic2) !important;}
#MyBookmarks li.BookmarkL>span.last_click {box-shadow: none !important;}
#pun-main .editBookmark h1 {    font-size: 10px !important;    letter-spacing: 2px;    display: block !important;    text-transform: uppercase;    text-align: center;    font-weight: normal;}
#pun-main .editBookmark h1 span.delBookmark {    font-size: 25px !important;    margin: -15px 0px 0 0;}
.editBookmark {font-family: var(--basicfont);    font-size: 9px;    letter-spacing: .5px;    border-radius: 0px !important;    margin: 26px 50px 0 0px !important;}
.editBookmark .inputfield {font-weight: normal!important;text-transform:lowercase;}
#MyBookmarks h2 span {margin-top: 0px !important;}

.post .bookmark {    width: 0px !important;    right: -16px !important;}
.post .bookmark.ncnfrm {color: var(--basic3) !important;} .post .bookmark {color: var(--basic4)!important;}
.post .bookmark:before {    content: '\f005' !important;    font-family: var(--fawe);    font-size: 16px;    cursor: pointer; border: none !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;}
#MyBookmarks span.scrl.b span:before {    margin: -6px 0 6px 0;}
#MyBookmarks li.BookmarkL {    margin-top: 10px;}

/* ìàñêà */
#mask_dialog .hv-form-block {    max-height: 380px;}
#mask_dialog .hv-add-template {    border: none !important; border-radius: 6px;}
#mask_dialog .hv-form-block label {    margin-bottom: 7px;}
#mask_dialog .hv-control {    margin-top: 10px;}


/* íîâîå ñîî, óâåäîìëåíèÿ */
.jGrowl-notification, .jGrowl .messag_theme, #messages-list a.Author {    text-shadow: none!important;    font-weight: normal !important;    box-shadow: none !important;    font-family: var(--basicfont) !important;
    background: #6c6881 !important;
    color: #d5d3dd !important;}
span.num_msg {    width: 7px !important;    padding: 0px !important;    height: 7px !important;    border-radius: 5px !important;    margin: -14px 0 0 22px !important;    z-index: 999999999;    font-size: 0px !important;
    background: var(--accent1) !important;}

.bubble {    position: relative !important;    top: 0px !important;    right: -4px !important;    font-family: var(--basicfont) !important;    font-size: 8px !important;    margin-top: -10px !important;    text-shadow: none!important;    font-weight: normal !important;    box-shadow: none !important;    height: 10px;    padding: 0px !important;}
.bubble:after {border-color:  transparent !important}

.styl1 {    text-transform: uppercase;    font-size: 8px !important;    letter-spacing: 1px;    line-height: 15px;    padding-top: 7px !important;}
#closet {    background: var(--accent1) !important;    border: none !important;    text-transform: uppercase;    font-size: 8px !important;    padding: 5px 10px !important;    letter-spacing: 1px;    color: var(--basic1) !important; font-weight: bold;}

/* ñòðåëêè */
.go-up, .go-down {    cursor: pointer;    display: none;    opacity: 1;    position: fixed;    z-index: 9999;    margin-left: 947px; -webkit-transition: all 500ms ease;     width: 40px;    height: 40px;}
.go-up {    bottom: 54%;  }
.go-down {    bottom: 50%; } 
.go-up:before {    content: 'ââåðõ';} .go-down:before {    content: 'âíèç';}
.go-up:before, .go-down:before {    position: absolute;    width: 7px;    text-align: center;    transition: all 0.5s;    font-size: 0px;    font-family: var(--basicfont);    text-transform: uppercase;    letter-spacing: 1px;    font-weight: bold;    background: var(--accent1);    color: var(--basic1);    height: 20px;    line-height: 20px; margin: 10px 0 0 15px;}
.go-up:hover:before, .go-down:hover:before {transition: all 0.5s;width: 60px;font-size: 9px;border-radius: 0 5px 5px 0;}

/* îíëàéí */
.indOnline, .indOffline {display: inline-block; cursor: pointer;}
.indOnline:before, .indOffline:before {    content: '\2726';    font-size: 10px;    vertical-align: middle;    margin-left: 5px;background: linear-gradient(0deg, #000000, #ffffff);    -webkit-background-clip: text;}
.indOffline:before {    color: #dbdaeb94;    text-shadow: 0 0 3px #afabcc, 1px 1px #575474;}





/* VI. ÒÅÌÛ
-------------------------------------------------------------*/
.ep p {text-align: center !important;}
.ep img {    box-shadow: 0 0 0 2px #a39fbb, 0 0 0 3px #e3e2ef, 0 0 10px #a2a0b7;    margin: 0px 3px !important;}

.ank, .tem, .ep, .nov, .if, .gost, .twin, #pun-navlinks #form-login, #List-UserNames, #pun-profile #viewprofile-next {    font-family: var(--basicfont);    font-size: 11px;    letter-spacing: .5px;
    background: url() top center no-repeat, url(https://forumstatic.ru/files/001b/7c/28/22283.jpg) repeat-y top left;
    box-shadow: 0 0 0 1px #b4b1c5, 0 0 0 1px #e3e2ef inset, 0 0 30px #d2d1e2 inset, 0 0 10px #d6d5e5;
}
.ank, .tem, .ep, .nov, .if, .gost, .twin {    width: 520px;    margin: auto;    border-radius: 7px 7px 20px 20px;    padding: 15px;}
.ank2 p, .ep1 p, .tem tem1, .nov nov2, .if if2, .gost gost1, .twin twin1, .tem1 {    font-family: lighthaus;    font-size: 15px;    text-align: right !important;    padding: 0 15px 0 0 !important;    margin: -14px -14px 15px -14px !important;    height: 60px;    line-height: 36px !important;
    background: linear-gradient(0deg, #9892b729, #edebfb29);}
.ank1, .nov nov1 {    position: absolute;    margin: -25px 0 0 -34px;}
.ank1 p, .ank1 p img, .nov nov1, .nov nov1 img {    border-radius: 50px;    width: 80px;    height: 80px;    object-fit: cover;}
.ank1 p, .nov nov1 {background: linear-gradient(0deg, #77748b, #b8b5c9);    box-shadow: 0 0 0 1px #8d8aa3, 0 0 0 1px #c3c1d3 inset, 0 0 10px #c9c5df inset;    padding: 0px !important;}
.ank1 p img, .nov nov1 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 #cccbdf;}

.ank1 p, .ank3, .ank .quote-box, .tem, .ep1 p, .ep2, .nov, .nov .pos, .nov .pos a, .nov .par b, .if, .if a, .gost, .twin, .twin twin3 a, #pun-navlinks #form-login, #List-UserNames, #pun-navlinks #form-login .Rega, #pun-navlinks #form-login .Forgot {color: var(--basic1) !important}

.ank3, .ep2, .if if3 span, .twin twin2 {    margin-top: -43px;    border-top: 1px solid #b6b5cd;    text-transform: uppercase;        font-size: 7.5px;    letter-spacing: 1px;   padding: 8px 0 0 0px;}
.ank3 {margin-left: 60px;     width: 460px;}
.ep2 {width: 520px;    margin-bottom: 15px;}

.tem, .gost {line-height: 16px;} 
.tem span.tema, .nov span, .if span, .gost span, .twin twin3, .tema {display: block; padding: 20px;    text-indent: 40px;border-radius: 10px; text-transform: lowercase;}
.tem tem1, .nov nov2, .gost gost1, .tem1 {display: block;height: 40px;}
.tem tem1:before, .tem1:before {    content: '';    background: #c5c3d4;    width: 546px;    height: 1px;    display: block;    margin-left: 2px;}
.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;}

.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 b, .nov b {    font-size: 16px;    font-family: 'Curator';    font-weight: normal;}
.tem span.tema b, .gost span b, .if span b, .twin twin3 b, .if if1 span a i, .if span i, .nov b {    color: var(--accent2);}
.tem abbr, .if abbr {border-bottom: 1px dashed var(--basic4);}

.nuz, .novv {    margin: 0px 0 -30px 115px;    font-family: var(--accentfont);    font-size: 45px;    color: var(--basic4);}

.nov nov3 {    position: relative; display: block;}
.nov .pos {    display: block;    margin: 32px 0 0 0;    padding: 15px;    width: 260px;    height: 40px; border-radius: 10px;}
.nov .pos span {    position: inherit;    display: block;    width: inherit;    height: inherit;    padding: 0 10px 0 0;    text-indent: 0px;    background: transparent !important;    box-shadow: none !important; margin-top: 0px; border-radius: 0px !important;}
.nov .pos a {    position: inherit;    margin: -73px 0 0px 0px;    display: block;    text-align: left;}
.nov .pos a, .nov .pos a:hover, .nov .par b {text-shadow: none;}
.nov .akt {    top: -1px;    left: 348px;}
.nov .akt a:before {    content: '';    width: 6px;    height: 1px;    position: absolute;    margin: 12px 0 0 -9px;}
.nov .akt a:first-child:before {    width: 40px;    margin-left: -43px;}
.nov .par span {    margin-top: 0px !important;    padding: 0px;    text-indent: 0px;    height: 25px;}
.nov .par {    top: 40px;    left: 451px;}
.nov .par span b {    margin-left: -220px;    text-align: right;    z-index: 2;}
.nov .par span b:after {    content: '';     width: 30px;    height: 1px;    position: absolute;    margin: 4px 0 0 10px;}
.nov .akt a:before, .nov .par span b:after {    background: #b2afc5;}
.novv {    margin-bottom: -15px;}

.if span, .twin twin3 {text-indent: 0px;}
.if span p:before, .if if1 span a:before, .gost span p:before, .twin twin3 span a:before {    content: '>>';    font-family: alter biom;    margin: 0 7px 0 5px;}
.if if1, .if if3 {display: flex;flex-wrap: nowrap;align-content: flex-start;justify-content: space-between;width: 100%;}
.if if1 {column-gap: 17px;}
.if if1 span, .if if3 span, .twin twin3 {    width: inherit;  }
.if if2, .twin twin1, .twin twin2 {    display: block; }
.if if3 span {background: transparent !important; box-shadow: none !important; border-radius: 0px!important;}
.if if3 span {    padding-left: 20px;} .if if3 span:first-child {padding-left: 10px;}
.if if1 span a, .twin twin3 a {display: block;} .if if1 span a:hover, .twin twin3 a:hover {    margin-left: 5px;    letter-spacing: 1.5px;} .if if1 span, .twin twin3 {    line-height: 17px; text-transform: lowercase;}
.if if1 span b, .twin twin3 b {display: block;text-align: right;border-bottom: 1px solid;margin-bottom: 5px;padding-right: 5px;letter-spacing: 2px;font-size: 12px;font-style: italic;} .if if1 span b {text-transform: uppercase;}
.twin twin3 b {    letter-spacing: 1px;    padding-bottom: 3px;  font-size: 14px;    text-transform: lowercase;    margin-top: -5px;}
.if if1 span div {height: 85px;overflow: auto;margin-bottom: 10px; }
.if if1 span a i, .if span i {    font-style: normal;    vertical-align: text-bottom;    font-size: 10px;}

#vibecod {cursor: pointer;}
#vibecod, .tem tem2, .tem priz1 {font-family: 'Lighthaus';    text-align: center;    margin-top: 15px;    font-size: 14px;    letter-spacing: 2px;}
#vibecod1 {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: var(--accentfont);    text-transform: uppercase;    font-size: 110px;    line-height: 110px;    color: var(--basic4);    font-style: italic;    width: 240px; letter-spacing: -5px;}
.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: #b8b4cf30;
    box-shadow: 0 0 0 1px #c1c0cf;}

.if if1 span b, .twin twin3 b {border-color: #c4c3d5} 

.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;}

.twin twin3 {    display: inline-block;    width: 141px;    height: 90px;    vertical-align: top;    margin: 0 0px 12px 0px; padding: 12px !important}
.twin twin3 span {    height: 70px;    display: block;    overflow: auto;}