@import url(https://fonts.googleapis.com/css2?family=Grenze:wght@300&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Yatra+One&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Gaegu&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Bonheur+Royale&family=Cedarville+Cursive&family=Comfortaa:wght@300..700&family=Comforter+Brush&family=Cormorant+Infant:ital,wght@0,300..700;1,300..700&family=Dokdo&family=East+Sea+Dokdo&family=Flow+Block&family=Great+Vibes&family=Indie+Flower&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Just+Me+Again+Down+Here&family=Kings&family=Lacquer&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=League+Script&family=Monsieur+La+Doulaise&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nanum+Myeongjo&family=Nothing+You+Could+Do&family=Oooh+Baby&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Over+the+Rainbow&family=Pirata+One&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poiret+One&family=Prata&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Rock+Salt&family=Shadows+Into+Light+Two&family=Slackey&family=Square+Peg&family=Truculenta:opsz,wght@12..72,100..900&family=Unbounded:wght@200..900&family=WindSong:wght@400;500&family=Yeseva+One&display=swap);
@import url(style_cs.1781297039.css);

/* Текст в верхнем регистре */
#pun-live-rusff,
#pun-navlinks li a,
.linksb .pagelink,
.punbb .linksb,
.punbb .post-links ul {
    text-transform: uppercase;
}

/* Цвет текста */
#List-UserNames ul li > span,
.punbb #List-UserNames li > b,
.punbb #pun-navlinks #form-login,
.punbb .post-links ul a:hover,
small#plng {
    color: rgb(var(--second_text));
}

/* ❌ ОШИБКА: неверный селектор */
.punbb .linksb, font-family: 'Golos Text' {
    letter-spacing: .5px;
    text-transform: uppercase;
}

/* Пагинация */
.linkst .pagelink > strong,
.pagelink > strong {
    padding: 5px;
    display: inline-flex;
    width: 12px;
    border-radius: 4px;
    background: rgb(var(--accent2) / .15);
    align-items: center;
    justify-content: center;
    margin-left: 5px;
}

/* Вертикальное выравнивание */
#pun-navlinks li,
.punbb .post-content img.postimg {
    vertical-align: middle;
}

#pun-crumbs2,
#pun-userlist .formal,
#pun-userlist .formal .container {
    margin-bottom: 0;
}

.punbb a,
abbr {
    text-decoration: underline;
}

.punbb .post-links ul a {
    color: rgb(var(--second_text) / .8);
}

#mod-options,
small#plng {
    background: rgb(var(--grey2) / .5);
}

body,
html {
    margin: 0;
    padding: 0;
}

/* Адаптив */
@media screen and (max-device-width: 1280px) {
    body {
        background-color: #c3c6ce;
        background: var(--background) fixed top center no-repeat, #c3c6ce;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: top center;
        background-size: cover;
    }
}

.punbb * {
    margin: 0;
}

.punbb dd,
.punbb dl,
.punbb dt,
.punbb li,
.punbb ul {
    padding: 0;
    list-style: none;
}

.punbb img {
    border: none;
}

.punbb .main table {
    table-layout: fixed;
    width: 100%;
}

.checkfield input[type=checkbox],
.radiofield input[type=radio] {
    margin: 0 .3em;
}

div[class=checkfield] *,
fieldset[class=radiofield] *,
p[class=checkfield] * {
    height: 1.8em;
    vertical-align: middle;
}

body {
    font-size: 100.01%;
}

.punbb {
    font: 68.75% verdana, arial, helvetica, sans-serif;
}

.punbb input,
.punbb optgroup,
.punbb select,
.punbb textarea {
    font: 1em verdana, arial, helvetica, sans-serif;
}

.punbb h1,
.punbb h2,
.punbb h3,
.punbb h4,
.punbb table,
.punbb th {
    font-size: 1em;
    font-weight: 400;
}

.punbb h1 span,
.punbb h2 span,
.punbb legend span {
    font-size: 1.1em;
}

.punbb pre {
    font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}

.punbb address,
.punbb em {
    font-style: normal;
}

.punbb .post-content em {
    font-style: italic;
}

.punbb .post-content em.bbuline {
    font-style: normal;
    text-decoration: underline;
}

.punbb .datafield span.input,
.punbb .required label,
.punbb optgroup {
    font-weight: 700;
}

/* Clearfix */
#pun:after,
.punbb .container:after,
.punbb .linksb:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .post-links ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
}

/* Скрытые элементы */
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
#pun-userlist .main h2,
.acchide,
.punbb .divider hr,
.punbb .formsubmit label,
.punbb .forum h2,
.punbb .modmenu label,
.punbb .multipage .topic h2,
.punbb .required label em,
.punbb .submitfield label,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong {
    font-size: 0;
    height: 0;
    width: 0;
    line-height: 0;
    position: absolute;
    left: -9999px;
    overflow: hidden;
}

/* Основной контейнер форума */
#pun {
    margin: 71px auto 0;
    position: relative;
    width: 1000px;
    background: rgb(var(--pun));
}

.punbb {
    float: left;
    width: 100%;
    height: auto;
}

#pun-maint,
#pun-redirect {
    margin: 50px 20% 12px;
    width: auto;
    float: none;
}

.punbb .main,
.punbb .section {
    margin-bottom: .3em;
}

.punbb .category,
.punbb .post {
    margin-top: .4em;
}

#pun-about,
#pun-ulinks,
.multipage,
.punbb #pun-category1,
.punbb .topicpost,
.punbb .toppost {
    margin-top: 0;
}

#pun-post .topic,
li#onlinelist {
    margin-top: 1em;
}

.punbb .category,
.punbb .formal,
.punbb .forum,
.punbb .info,
.punbb .modmenu,
.punbb .post,
.punbb .section {
    border-style: none none solid;
    border-width: 0 0 2px;
}

#pun-userlist .usertable table,
.punbb .container {
    border-style: solid;
    border-width: 0;
}

#pun-debug h2,
#pun-main h1,
#pun-main h2 {
    padding: .5em 1em;
}

#pun-stats h2,
.punbb .section h2 {
    padding: 0 1em;
}

.punbb .post-content {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
}

.punbb .post-sig dt {
    display: block;
    border-top: .5px solid #88888829;
    width: 50%;
    margin: 5px auto;
}

.punbb .info-box,
.punbb fieldset {
    border-style: solid;
    border-width: 1px;
}

.punbb .post-content p {
    margin: 0;
    padding: 0 0 1em;
    line-height: 150%;
}

.punbb .post-content img {
    vertical-align: text-bottom;
}

.punbb .post-content .blockcode,
.punbb .post-content blockquote {
    width: 100%;
    overflow: hidden;
}

.punbb .post-content .scrollbox {
    width: 100%;
    overflow: auto;
}

.punbb .post-content .code-box,
.punbb .post-content .quote-box {
    margin: .4em 1.8em 1.4em;
    padding: 1em;
    border-style: solid;
    border-width: 1px;
}

.punbb .code-box strong.legend,
.punbb .quote-box cite {
    display: block;
    text-transform: uppercase;
    color: rgb(var(--accent2) / .7);
    font: var(--p2);
    font-size: 8px;
    font-weight: 500;
    letter-spacing: .5px;
    background: rgb(var(--grey2) / .3);
    border-radius: 4px;
    padding: 1px 8px;
    line-height: 2;
    margin-bottom: 5px;
    text-align: center;
}

/* Скрытые элементы (включая футеры!) */
#navlogin #exit-2,
#navlogout .Forgot,
#navlogout .Rega,
#pun-main h1 span a,
#pun-main thead,
#pun-stats h2 span,
#pun-title h1,
#tooltip,
#viewprofile li#pa-fld2 .icon,
#viewprofile li#pa-fld5 .icon,
#viewprofile-next #profilenav,
.lastedit,
.pa-awards,
.pa-fld2 span,
.pa-fld5 span,
.pa-gifts,
.pl-reports,
.punbb .datafield br,
.punbb .modmenu .container span,
.topic a.sharelink,
div#statistic-other,
li.pa-last-visit,
span.closedatafield,
span.item4.status-right {
    display: none;
}

/* Info box */
.punbb .info-box {
    padding: 1.1em 1.7em 1em;
    margin: 0 0 1.1em;
}

.punbb .info-box * {
    padding: 0 0 .7em;
}

.punbb #pun-main .info-box .legend {
    font-size: 1.1em;
    font-weight: 700;
}

.punbb .linkst {
    float: left;
    position: relative;
    width: 100%;
    font-size: 1.1em;
    height: 0;
}

.linkst .pagelink {
    position: absolute;
    top: -5.3em;
    width: 24em;
}

.linkst .postlink {
    position: absolute;
    top: -4em;
    right: 1em;
    width: 16em;
    text-align: right;
    font-weight: 500;
}

.punbb .linksb {
    text-align: right;
    padding: .4em 0 .5em;
    font: var(--p2);
    font-weight: 500;
}

.linksb .pagelink,
.linkst .pagelink {
    float: left;
    width: max-content;
    text-align: left;
    border-radius: 8px;
    padding: 4px 6px;
    color: rgb(var(--second_text));
    font: var(--p1);
    font-size: 9px;
    font-weight: 500;
    background: rgb(var(--grey2) / .25);
}

.linksb .postlink {
    float: right;
    width: 16em;
    font-weight: 700;
    display: none;
}

.subscribelink {
    clear: both;
    padding-top: .3em;
    padding-bottom: .5em;
}

.punbb .formal .container {
    padding: 1.7em 2.3em 2.5em;
    border-radius: 16px;
    margin: 20px 0;
}

.punbb .formsubmit {
    padding: 0;
    margin: 1em 0 0;
}

.punbb .formsubmit a,
.punbb .formsubmit input,
.punbb .formsubmit span {
    margin: 0 .6em 0 0;
}

.punbb fieldset {
    padding: 0;
    margin: 0 0 1em;
}

.punbb fieldset legend {
    padding: 0;
    margin: 0 0 .5rem;
    font-size: 1.1em;
}

small#plng {
    margin: 0 10px 0 0;
    text-transform: lowercase;
    font: var(--p1);
    letter-spacing: .3px;
    padding: 4px 10px;
    border-radius: 32px;
}

.punbb fieldset legend span {
    padding: 4px 8px;
    margin: 0 0 0 -15px;
    border-radius: 32px;
}

.punbb fieldset fieldset {
    border-style: none;
    margin: 0;
    padding: 0 0 8px;
}

.punbb .fs-box {
    padding: 1em 0 .8em;
}

.punbb .fs-box fieldset,
.punbb .fs-box p {
    padding: 0 0 .4em;
}

.punbb .inline .inputfield,
.punbb .inline .passfield,
.punbb .inline .selectfield {
    float: left;
    margin-right: 1em;
}

.punbb .inline .infofield {
    clear: both;
}

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

.punbb .areafield span.input,
.punbb p.longinput span.input {
    display: block;
    padding: 0 12em 0 0;
    height: 100%;
}

.punbb .longinput input,
.punbb textarea {
    background: rgb(var(--grey));
    width: 64%;
    margin: 0;
    border: .5px solid rgb(var(--black) / .3);
    border-radius: 6px;
}

#pun #pun-messages .post-author,
.punbb .hashelp {
    position: relative;
}

.punbb .helplinks {
    display: block;
    position: absolute;
    top: 1em;
    right: 0;
    font-weight: 400;
    width: 36%;
}

.punbb #profile .helplinks {
    top: 1.5em;
}

.punbb .helplinks span {
    display: block;
    padding-bottom: .2em;
}

#pun-post .formal .info-box li {
    padding-left: 4px;
    list-style-type: square;
    list-style-position: inside;
    line-height: 1.5;
    margin: 0;
}

.punbb .main .tcl {
    overflow: hidden;
    text-align: left;
    width: 50%;
    font: var(--p1);
}

.punbb .main .tc2,
.punbb .main .tc3,
.punbb .main .tcmod {
    text-align: center;
    width: 10%;
}

.punbb .main .tcr {
    overflow: hidden;
    text-align: left;
    width: 30%;
}

#pun-modviewforum .main .tcl,
#pun-searchtopics .main .tcl,
#pun-userlist .main .tcl {
    width: 40%;
}

#pun-searchtopics .main .tc2,
#pun-userlist .main .tc2 {
    text-align: left;
    width: 20%;
}

#pun-debug table .tcl {
    width: 15%;
    white-space: normal;
}

#pun-debug .tcr {
    width: 90%;
    white-space: normal;
}

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

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

.punbb .main td {
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
    padding: .8em 1em;
}

.punbb .main th {
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    padding: .4em 1em;
}

.punbb .main .tcl {
    border-left-style: none;
    border-left-width: 0;
}

tbody.hasicon td.tcl {
    padding-left: 3.2em;
}

#pun-category2 tbody.hasicon td.tcl .intd,
#pun-category3 tbody.hasicon td.tcl .intd,
#pun-category4 tbody.hasicon td.tcl .intd,
#pun-category5 tbody.hasicon td.tcl .intd,
#pun-category6 tbody.hasicon td.tcl .intd,
#pun-category7 tbody.hasicon td.tcl .intd,
.punbb #pun-category1 tbody.hasicon td.tcl .intd {
    font: var(--p1);
    color: rgb(var(--black) / .4);
    height: 88px;
    line-height: 120%;
}

.punbb div.icon {
    border-style: solid;
    border-width: 0;
    height: 0;
    line-height: 0;
    margin-top: .1em;
    width: 0;
}

.punbb table div.icon {
    position: absolute;
    margin: 1.2rem 0 0 27.5rem;
}

.punbb .post .container {
    border-style: none solid solid;
    border-width: 1px;
    margin-top: 1rem;
    padding-bottom: 1px;
}

.punbb .post h3 {
    border-style: solid solid none;
    border-width: 1px;
}

.punbb .post h3 span,
.punbb .post-body,
.punbb .post-links,
li.pa-online {
    border-left-style: solid;
}

.punbb .post h3 span {
    padding: .5em 1em;
    display: block;
    border-left-width: 1px;
    background: rgb(var(--grey2) / .2);
    border-radius: 24px;
}

.punbb .post h3 strong {
    float: right;
    width: 5em;
    text-align: right;
    font-weight: 400;
}

.punbb .post .post-author {
    float: left;
    line-height: 140%;
}

.pa-author {
    font: var(--h1);
    font-weight: 500;
    letter-spacing: -.3px;
    font-size: 16px;
}

.pa-author a {
    text-decoration: none;
    color: rgb(var(--black)) !important;
}

.pa-author a:hover {
    text-decoration: none;
    color: rgb(var(--black) / .65) !important;
}

li.pa-title {
    padding-bottom: .4em;
}

li.pa-online {
    line-height: .8em;
    border-left-width: 0;
    padding-left: 0;
    margin-top: 0;
    font: var(--p2);
    color: rgb(var(--second_text) / .5);
}

#mod-options,
#pun-live-rusff,
#pun-status .container,
input.button {
    color: rgb(var(--second_text) / .8);
}

.punbb .post-body {
    margin-left: 21.5em;
    border-left-width: 1px;
    padding: 0 0 1px;
}

.punbb .post-box {
    background: rgb(var(--grey2) / .2);
    padding: 1em;
    border-radius: 12px;
}

.punbb fieldset .post-box {
    margin-bottom: .8em;
}

.punbb .post-links {
    margin-left: 16.2em;
    border-left-width: 1px;
}

.punbb .post-links ul {
    padding: 1rem 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -21em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: 0 0;
    text-align: right;
    font: var(--p2);
}

.punbb .post-links li {
    display: inline;
    padding: 4px 6px;
}

.pl-email,
.pl-website,
.punbb .modmenu .container strong {
    float: left;
}

.punbb .clearer {
    clear: both;
    height: 0;
    font-size: 0;
}

.punbb .modmenu .container {
    padding: .5em 0;
    text-align: right;
    font: var(--p1);
    text-transform: lowercase;
    font-weight: 400;
    letter-spacing: .3px;
}

#setmods dt,
.punbb .info .container {
    padding: .8em 1em;
}

#setmods dl,
#viewprofile li {
    padding: 0 0 0 16em;
}

.punbb .modmenu a,
.punbb .modmenu strong {
    height: 1.8em;
    line-height: 1.8em;
}

.punbb .modmenu input {
    margin-left: 1em;
}

.punbb .info .container .backlink {
    padding-top: .8em;
}

#profile .container {
    padding-left: 18.6em;
    background: rgb(var(--grey2) / .15);
}

#profilenav {
    float: left;
    width: 14em;
    margin-left: -16.3em;
    display: inline;
}

#profilenav li {
    padding-bottom: .8em;
    font-weight: 700;
}

#profilenav ul,
#viewprofile ul {
    border-style: solid;
    border-width: 1px;
    padding: 1.8em 18px .8em;
    margin: 0 0 1em;
}

#profilenav h2,
#viewprofile h2 {
    background: 0 0;
    border: none;
    padding: 0;
    margin: 0 14px -.6em;
}

#profilenav h2 span,
#viewprofile h2 span {
    padding: 4px 5px;
    position: relative;
}

#setmods dl {
    margin-bottom: .2em;
}

#viewprofile li span {
    float: left;
    width: 14em;
    margin-left: -16em;
    padding: .5em 1em;
    font-weight: 700;
}

#setmods dt {
    float: left;
    width: 14em;
    margin-left: -16em;
    font-weight: 700;
    display: inline;
}

#setmods dd,
#viewprofile li div,
#viewprofile li strong {
    display: block;
    padding: .5em 1em;
    font-weight: 400;
}

.punbb img.avatardemo {
    float: right;
    margin: 0 0 .8em 1.8em;
}

#pun-userlist .usertable .container {
    border-top: none;
}

#pun-title {
    margin: 0;
    border-style: solid solid none;
}

#pun-title h1 {
    height: 40px;
    padding: 2em 1em 0;
}

#pun-title .container {
    border-style: none solid;
}

#pun-title h1 span {
    font-size: 1.5em;
}

#pun-title table {
    border: none;
    height: 40px;
    width: 100%;
}

#pun-title td.title-logo-tdl {
    border: none;
    width: 100%;
}

#pun-title td.title-logo-tdr {
    border: none;
    width: 664px;
}

#pun-pagelinks {
    position: absolute;
    top: -15px;
    left: 0;
    margin: 0;
    border: none;
    padding: 0;
    width: 100%;
}

#pun-pagelinks.container {
    background: 0 0;
    border: none;
    padding: 0;
}

#pun-pagelinks .container li {
    display: inline;
}

#pun-pagelinks a:hover,
#pun-pagelinks a:link,
#pun-pagelinks li a {
    height: 2em;
    line-height: 2em;
    padding: 0;
    font-size: 1.2em;
    margin-left: -9999px;
    display: block;
    float: left;
    width: 100%;
}

#pun-pagelinks a:active,
#pun-pagelinks a:focus {
    position: relative;
    margin: 0;
}

#pun-pagelinks li a span {
    display: block;
    margin: 0 1em;
}

#pun-navlinks,
#pun-navlinks .container {
    border-style: none;
    border-width: 0;
    margin: 0;
}

#pun-navlinks .container {
    text-align: center;
    width: 800px;
    position: absolute;
    top: 39rem;
    left: 6.5rem;
}

#pun-navlinks > ul > li {
    display: inline;
    width: 26px;
    height: 26px;
    margin: 0 2px 0 0;
}

#pun-navlinks li a {
    text-align: center;
    padding: 2px 4px;
    font: var(--p1);
}

#pun-ulinks .container {
    border-top: none;
    position: absolute;
    width: 800px;
    top: 36.4rem;
    right: 6.35rem;
    font: var(--caption);
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 1.7;
    font-size: 7.5px;
    align-items: center;
}

#List-UserNames .a1-copy,
#List-UserNames .a1-paste {
    cursor: pointer;
    display: flex !important;
    color: rgb(var(--main_text));
}

#pun-ulinks li,
#pun-ulinks li a {
    display: inline;
    border-left-style: solid;
    border-left-width: 1px;
    white-space: nowrap;
    text-decoration: none;
    text-transform: lowercase;
    color: rgb(var(--second_text) / .6);
}

#pun-ulinks li a {
    padding: 0 1.5px;
}

#pun-ulinks li.item1,
#pun-ulinks li.item1 a {
    border-left-style: none;
    border-left-width: 0;
    padding-left: 0;
}

#pun-status,
#pun-status .container {
    border-bottom: none;
    margin-bottom: 0;
    padding-top: .5rem;
}

#pun-status .container {
    text-align: center;
    text-transform: lowercase;
    font: var(--caption);
    margin: 0 0 2px;
}

#pun-crumbs1 p.container,
#pun-crumbs2 .container {
    color: rgb(var(--main_text));
    text-transform: lowercase;
}

#pun-status span {
    white-space: nowrap;
    margin-right: .5em;
}

#pun-crumbs1 {
    font-weight: 700;
    overflow: hidden;
    margin-top: 0;
}

#pun-crumbs1 p.container {
    border-top: none;
    margin: 6px 0 20px;
    font: var(--p2);
    text-align: center;
}

#pun-about .container,
#pun-stats li.item3,
#pun-stats li.item4 {
    text-align: right;
    line-height: 150%;
}

#pun-break1,
#pun-break4 {
    margin: -2px 1em;
    position: relative;
    height: 0;
    z-index: 1;
    border-style: solid none;
    border-width: 1px 0;
}

#pun-announcement h2 {
    padding: 0;
    margin: 0 1em -3.5em;
    border-style: none none solid;
    border-width: 0 0 1px;
    position: relative;
    font-weight: 700;
}

div.punbb-admin #pun-about .container,
li#onlinelist,
li#onlinelist div {
    border-top-style: solid;
    border-top-width: 1px;
}

#pun-announcement h2 span {
    display: block;
    padding: 1em 0 .8em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

#pun-announcement .container {
    padding: 4.3em 1em 1em;
}

#pun-stats li.item1,
#pun-stats li.item2 {
    float: left;
    clear: both;
    line-height: 150%;
}

li#onlinelist {
    float: left;
    width: 100%;
    line-height: 130%;
}

li#onlinelist div {
    color: rgb(var(--black) / .6);
    padding: .7em 0 0;
}

#pun-qjump {
    margin: 0;
    border: none;
    width: 50%;
    position: relative;
    float: left;
}

#pun-qjump .container {
    border: none;
    background: 0 0;
    padding: .8em 1em;
}

#pun-about .container {
    border-top-style: none;
}

#pun-about p span {
    display: block;
    padding-left: 50%;
}

#pun-crumbs2 {
    font-weight: 700;
    overflow: hidden;
    border-bottom: none;
    margin: 12px auto 0;
}

#pun-crumbs2 .container {
    border-top: none;
    margin: 6px 0 25px;
    font: var(--p2);
    text-align: center;
}

#pun-help .formal .info-box h3.legend {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 0;
    margin-bottom: .8em;
}

#pun-help .formal .info-box h3.legend span {
    padding-bottom: .6em;
    display: block;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 1.1em;
}

#pun-help .formal dd,
#pun-help .formal p {
    margin-bottom: 1em;
}

#pun-help .formal dl,
#pun-help .formal ul {
    padding: 0 0 0 1em;
}

#pun-help .formal li {
    padding: 0;
    line-height: 130%;
}

#pun-help .formal li * {
    vertical-align: text-top;
}

#pun-help .formal dt span {
    font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}

#pun-help .formal .parsedmsg,
#pun-help .formal .parsedmsg.incode {
    padding-bottom: 0;
}

body,
textarea {
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html {
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

abbr {
    text-decoration-style: dotted;
    cursor: pointer;
    -webkit-text-decoration-line: underline;
}

.pa-reg,
.pa-time-visit {
    font-size: 0;
}

#mod-options,
#notify-settings,
.punbb .main table th,
input.button {
    text-transform: lowercase;
}

#viewprofile li#pa-fld2 .txt {
    margin: 0 -22px;
}

#viewprofile li#pa-fld5 .txt {
    margin: -29px 0 -2px -8px;
}

#viewprofile li#pa-fld5 .icon_angel,
#viewprofile li#pa-fld5 .icon_devil {
    margin: 10px 0 0 -23px;
}

#pun-index .category tbody tr .tcr a {
    vertical-align: -webkit-baseline-middle;
    font: var(--p2);
    letter-spacing: .3px;
}

#pun-index .category tbody tr .tcr span.lastpost {
    vertical-align: -webkit-baseline-middle;
    font: var(--p2);
    letter-spacing: .15px;
    color: rgb(var(--black) / .4);
    text-transform: lowercase;
}

.post-content hr {
    opacity: .1 !important;
    margin: .8em auto;
}

#pun-live-rusff {
    font: var(--p2);
}

.stikeri {
    display: inline-flex;
    margin: 14px 0;
    padding: 4px;
    max-height: 120px;
    overflow-y: auto;
}

#mod-options {
    font: var(--p1);
    border: 0;
    padding: 4px;
    border-radius: 6px;
    margin: 8px 0;
    cursor: pointer;
}

#font-area,
#size-area,
#smilies-area,
#tags .container {
    background: rgb(var(--grey));
}

textarea#reputationText {
    border-radius: 10px;
    padding: 5px;
}

#pun-online .tcl.action,
.section.online-list td.tcl.username {
    font: 400 10px/200% arial;
}

#topic-users-in {
    margin: 8px 0 0;
}

#notify-settings {
    font: 400 10px arial;
}

#image-area-tinp,
#pun-admain input,
#pun-admain optgroup,
#pun-admain select,
#pun-admain textarea,
#video-area-tinp {
    border-radius: 10px;
}

.punbb .user-avatar .avatar-image {
    border-radius: 50%;
    height: 29px !important;
    width: 29px !important;
    border: .5px solid rgb(var(--accent2));
    opacity: 1;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    background-color: rgb(var(--accent) / .2);
    background-blend-mode: overlay;
}

.punbb .user-avatar .avatar-image:hover {
    background-color: transparent !important;
    background-blend-mode: overlay;
    transition: .5s ease-in-out;
}

.punbb .user-avatar .isonline {
    background: #978491 !important;
    width: 6px !important;
    height: 6px !important;
}

.post-rating .container a {
    font: var(--p1) !important;
    font-size: 12px !important;
    color: rgb(var(--second_text) / .8);
}

input.button {
    font: var(--p1);
    font-size: 11px;
    font-weight: 400;
    padding: 9px 12px;
    border-radius: 8px;
    border: 0;
    background: rgb(var(--accent2) / .15);
}

input.button:hover {
    cursor: pointer;
    background: rgb(var(--accent2));
    color: rgb(var(--white) / .8);
    transition: color .3s ease-in-out;
}

#font-area,
#size-area {
    right: unset !important;
    margin: 0;
    width: 200px;
    max-height: 150px;
    overflow: auto;
}

#tags .container {
    font: var(--p1);
    margin: 0;
}

a.positive {
    font: var(--p1) !important;
}

span.qc-post-link {
    margin-left: 5px;
}

#tooltip {
    position: absolute;
    background: rgba(0, 0, 0, .85);
    z-index: 999;
    max-width: 180px;
    border: none;
    border-radius: 16px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .05) inset;
    font: var(--p2);
    color: rgb(var(--white) / .6);
    text-align: center;
    padding: 5px 8px;
    letter-spacing: .3px;
    text-transform: lowercase;
    font-weight: 500;
}

.quiet-quote {
    position: relative;
    display: table;
    margin: 4px 15px 0 19px !important;
    font-style: italic;
    font-size: 11px;
    color: #695f5f;
}

.quiet-quote > p {
    line-height: normal !important;
}

.quiet-quote:after,
.quiet-quote:before {
    font-size: 17px;
    display: inline-block;
    position: absolute;
    z-index: 9;
    font-weight: 900;
    color: #695f5f;
    font-family: System, Arial, sans-serif;
}

.quiet-quote:before {
    content: "\201C";
    left: -17px;
    top: 4px;
}

#pun-navlinks a:not(.NextShow) + span.odd {
    display: none !important;
}

#pun-navlinks #New-exit img {
    position: absolute;
    left: 5px;
    top: 4px;
    margin: 0;
    width: 24px;
    height: 24px;
}

.punbb #pun-navlinks a#New-exit {
    position: absolute;
    background: 0 none !important;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    z-index: 10000 !important;
    margin-top: -7px !important;
    margin-left: 3px !important;
    float: none !important;
    visibility: visible !important;
}

.punbb #pun-navlinks #form-login a.Forgot:before,
.punbb #pun-navlinks #form-login a.Rega:before,
.punbb #pun-navlinks a#New-exit:after,
.punbb #pun-navlinks a#New-exit:before {
    content: none;
}

.punbb #pun-navlinks #form-login input {
    text-rendering: auto;
    color: rgb(var(--main_text));
    margin-top: 7px !important;
    margin-bottom: 4px !important;
    padding: 9px 6px !important;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    display: inline-block !important;
    text-align: center;
    font: 400 11px Arial !important;
    border: .5px solid rgb(var(--black) / .25);
    min-width: 128px;
    background-color: rgb(var(--white) / .25);
}

#form-login #fld2,
.punbb #form-login #fld1 {
    background-color: rgb(var(--white) / .25);
}

.punbb #pun-navlinks #form-login input[type=submit] {
    border: none;
    color: rgb(var(--white));
    cursor: pointer;
    border-radius: 8px;
    padding: 10px 12px !important;
    text-transform: lowercase;
    font-weight: 500 !important;
    background-color: rgb(var(--accent) / .5);
    transition: color .3s ease-in-out;
    font: var(--p1);
    width: 141px !important;
}

.punbb #pun-navlinks #form-login input[type=submit]:hover {
    cursor: pointer;
    background: rgb(var(--accent2));
    color: rgb(var(--white) / .8);
    transition: color .3s ease-in-out;
}

.punbb #pun-navlinks #form-login {
    display: flex;
    gap: 4px;
    width: 200px;
    font: var(--p1);
    letter-spacing: normal;
    text-transform: lowercase;
    position: absolute !important;
    left: 0;
    top: 32px;
    height: 218px;
    z-index: 100000 !important;
    padding: 7px 12px;
    border-radius: 0 12px 12px 0;
    border: .5px solid rgb(var(--border));
    background: rgb(var(--grey));
    text-align: center;
    flex-direction: column;
    align-items: center;
}

#pun-navlinks #navlogin #form-login,
#pun-navlinks #navlogout #form-login {
    margin-left: -20px;
}

.ismoderator #pun-navlinks #navlogout #form-login {
    margin-left: -20px !important;
}

#pun-navlinks #form-login input[value="Войти"] + p {
    margin-bottom: 11px;
    margin-top: 11px;
}

.punbb #pun-navlinks #form-login a.Forgot,
.punbb #pun-navlinks #form-login a.Rega {
    position: relative;
    z-index: 20;
    text-shadow: none;
    cursor: pointer;
    text-transform: lowercase;
    color: rgb(var(--second_text) / .45);
    font: var(--p1);
    letter-spacing: .5 !important;
    background: 0 0;
}

.punbb #pun-navlinks #form-login a.Forgot:hover,
.punbb #pun-navlinks #form-login a.Rega:hover {
    color: #4a7f8d !important;
}

#form-login input.none {
    outline: red dashed 2px !important;
}

#List-UserNames {
    text-transform: lowercase;
    position: absolute;
    margin-top: -7.5px;
    min-height: 208px;
    width: 220px;
    right: 100%;
    padding: 12px 19px 12px 17px;
    border: .5px solid rgb(var(--border));
    background: rgb(var(--pun));
    border-radius: 12px 0 0 12px;
    box-shadow: 0 15px 24px rgb(0 0 0 / 8%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.punbb #List-UserNames ul {
    padding: 0 8px 0 0;
    overflow: hidden;
    overflow-y: auto;
    min-height: 36px;
    max-height: 109px;
}

.punbb #List-UserNames li {
    display: block !important;
    position: relative;
    background: rgb(var(--grey2) / .25);
    text-align: left;
    padding-left: 5px !important;
    font: var(--p1);
    margin: 4px auto !important;
    padding: 10px 8px;
    transition: .33s;
    border-radius: 32px;
}

.punbb #List-UserNames li:hover {
    opacity: .84;
    background: rgb(var(--accent) / .1);
}

.punbb #List-UserNames li > b {
    cursor: pointer;
    opacity: .8;
    padding: 0 6px;
    font-weight: 500;
}

.punbb #List-UserNames li > b:hover {
    opacity: .93;
}

#List-UserNames ul::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

#List-UserNames ul::-webkit-scrollbar-track {
    width: 4px;
    height: 4px;
    background-color: #f8f2ee;
    border: 1px solid transparent;
    border-radius: 5px;
}

#List-UserNames ul::-webkit-scrollbar-thumb {
    border: .5px solid rgb(var(--grey));
    border-radius: 5px;
    background: rgb(var(--black) / .25);
}

#List-UserNames ul li > span {
    display: flex;
    position: absolute;
    opacity: .32;
    cursor: pointer;
    top: 8px;
    bottom: 0;
    font-size: 0;
    right: 11px;
    content: 'Cancel';
    background: url(https://forumstatic.ru/files/001c/6b/a8/87803.svg) 0 0 / cover;
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
}

#List-UserNames ul:empty:before {
    display: inline-block;
    content: "У Вас нет запомненных ников, введенных через форму.";
    color: rgb(var(--second_text) / .65);
}

#List-UserNames ul + span {
    display: inline-block;
    padding: 32px 0 8px;
    text-align: left;
    font: var(--p1);
}

.punbb #List-UserNames input {
    font: var(--p1);
    border: .5px solid rgb(var(--black) / .25);
    min-width: 148px;
    background-color: rgb(var(--white) / .25);
    margin-top: 9px;
    padding: 2px !important;
    vertical-align: middle;
}

#List-UserNames ul + span b {
    font: 400 13px Verdana;
    padding: 0 3px;
    color: #2c2c2c;
    display: none;
}

#List-UserNames .a1-copy {
    float: left;
    align-items: center;
    vertical-align: middle;
}

span.a1-copy:before {
    content: url(https://forumstatic.ru/files/001c/6b/a8/64065.svg);
    height: 16px;
}

#List-UserNames .a1-paste {
    float: right;
    align-items: center;
    vertical-align: middle;
}

span.a1-paste:after {
    content: url(https://forumstatic.ru/files/001c/6b/a8/83889.svg);
    height: 16px;
}

.tipsy.a11 {
    font: var(--p1);
    margin-top: -22px !important;
    margin-left: 148px !important;
    max-width: 170px;
}

form#form-login span {
    color: rgb(var(--second_text) / .65);
    font: var(--p1);
}