@import url(style_cs.1787598913.css);
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/v4-font-face.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/fontawesome.min.css');

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:400,400i,600,600i,700,700i,800,800i|Roboto:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@font-face {font-family: NotoSerif; /* Имя шрифта */
src: url(https://forumstatic.ru/files/001c/c1/8b/52094.ttf);}

@font-face {font-family: NotoSerif-it; /* Имя шрифта */
src: url(https://forumstatic.ru/files/001c/c1/8b/52094.ttf);}

@font-face {font-family: Aguafina; /* Имя шрифта */
src: url(https://forumstatic.ru/files/001c/c1/8b/86378.ttf);}

@font-face {font-family: AdhunMage; /* Имя шрифта */
src: url(https://forumstatic.ru/files/001c/c1/8b/20223.otf);}

@font-face {font-family: OldStandard; /* Имя шрифта */
src: url(https://forumstatic.ru/files/001c/c1/8b/19413.ttf);}

@font-face {font-family: 'Brusnika';
src: url(https://forumstatic.ru/files/001c/c1/8b/38818.otf);}

@font-face {font-family: BodoniModa; /* Имя шрифта */
src: url(https://forumstatic.ru/files/001c/c1/8b/34871.ttf);}

@font-face {font-family: 'MontserratReg';
src: url(https://forumstatic.ru/files/001c/c1/8b/93256.ttf);}

@font-face {font-family: 'MontserratBold';
src: url(https://forumstatic.ru/files/001c/c1/8b/19934.ttf);}

@font-face {font-family: DaysOne; /* Имя шрифта */
src: url(https://forumstatic.ru/files/001c/c1/8b/20954.ttf);}

@font-face {font-family: Marmelad; /* Имя шрифта */
src: url(https://forumstatic.ru/files/001c/c1/8b/81235.ttf);}

@font-face {font-family: PoiretOne; /* Имя шрифта */
src: url(https://forumstatic.ru/files/001c/c1/8b/66988.ttf);}

@font-face {font-family: Prata; /* Имя шрифта */
src: url(https://forumstatic.ru/files/001c/c1/8b/83090.ttf);}

@font-face {font-family: 'Unbounded';
src: url(https://forumstatic.ru/files/001c/c1/8b/95056.ttf);}

@font-face {font-family: 'UnifrakturMaguntia';
src: url(https://forumstatic.ru/files/001c/c1/8b/16579.ttf);}

@font-face {font-family: 'Ballet';
src: url(https://forumstatic.ru/files/001c/c1/8b/68395.ttf);}

@font-face {font-family: 'Bloc';
src: url(https://forumstatic.ru/files/001c/c1/8b/13238.ttf);}

@font-face {font-family: 'JustMe';
src: url(https://forumstatic.ru/files/001c/c1/8b/87553.ttf);}

@font-face {font-family: 'Reenie';
src: url(https://forumstatic.ru/files/001c/c1/8b/42757.ttf);}

@font-face {font-family: 'Sail';
src: url(https://forumstatic.ru/files/001c/c1/8b/88115.ttf);}

@font-face {font-family: 'Bigilla';
src: url(https://forumstatic.ru/files/001c/c1/8b/47228.otf);}

@font-face {font-family: 'Fashionable';
src: url(https://forumstatic.ru/files/001c/c1/8b/17880.otf);}

@font-face {font-family: 'Tiffany';
src: url(https://forumstatic.ru/files/001c/c1/8b/23782.ttf);}

@font-face {font-family: 'TiffanyScript';
src: url(https://forumstatic.ru/files/001c/c1/8b/17277.ttf);}

@font-face {font-family: 'Blenheim';
src: url(https://forumstatic.ru/files/001c/c1/8b/69497.ttf);}

@font-face {font-family: 'Rotherland';
src: url(https://forumstatic.ru/files/001c/c1/8b/53190.ttf);}

@font-face {font-family: 'Bitter';
src: url(https://forumstatic.ru/files/001c/c1/8b/98062.otf);}

@font-face {font-family: 'Whisper';
src: url(https://forumstatic.ru/files/001c/c1/8b/23830.ttf);}

@font-face {font-family: 'Signerica';
src: url(https://forumstatic.ru/files/001c/c1/8b/99367.ttf);}

@font-face {font-family: 'Finches';
src: url(https://forumstatic.ru/files/001c/c1/8b/84146.otf);}

@font-face {font-family: 'Luxurious';
src: url(https://forumstatic.ru/files/001c/c1/8b/10775.ttf);}

@font-face {font-family: 'Botaky';
src: url(https://forumstatic.ru/files/001c/c1/8b/85275.ttf);}

@font-face {font-family: 'RubikWet';
src: url(https://forumstatic.ru/files/001c/c1/8b/46748.ttf);}

@font-face {font-family: 'RubikGlitch';
src: url(https://forumstatic.ru/files/001c/c1/8b/50326.ttf);}

@font-face {font-family: 'Laptev';
src: url(https://forumstatic.ru/files/001c/c1/8b/74762.otf);}

@font-face {font-family: 'Lordish';
src: url(https://forumstatic.ru/files/001c/c1/8b/15932.otf);}

@font-face {font-family: 'Paperfiller';
src: url(https://forumstatic.ru/files/001c/c1/8b/85131.otf);}

@font-face {font-family: 'Santa Catarina';
src: url(https://forumstatic.ru/files/001c/c1/8b/35527.ttf);}

@font-face {font-family: 'Oranienbaum';
src: url(https://forumstatic.ru/files/001c/c1/8b/74084.ttf);}

@font-face {font-family: 'Geraint';
src: url(https://forumstatic.ru/files/001c/c1/8b/73232.otf);}

@font-face {font-family: 'Lamore';
src: url(https://forumstatic.ru/files/001c/c1/8b/53218.otf);}

@font-face {font-family: 'Cactus';
src: url(https://forumstatic.ru/files/001c/c1/8b/67185.ttf);}

@font-face {font-family: 'Classy';
src: url(https://forumstatic.ru/files/001c/c1/8b/17240.ttf);}

@font-face {font-family: 'FrenchKiss';
src: url(https://forumstatic.ru/files/001c/c1/8b/18502.ttf);}

@font-face {font-family: 'Genosa';
src: url(https://forumstatic.ru/files/001c/c1/8b/20222.otf);}

@font-face {font-family: 'Agitafe';
src: url(https://forumstatic.ru/files/001c/c1/8b/72067.otf);}

@font-face {font-family: 'Beachwalk';
src: url(https://forumstatic.ru/files/001c/c1/8b/69470.ttf);}

@font-face {font-family: 'Bisko';
src: url(https://forumstatic.ru/files/001c/c1/8b/18041.otf);}

@font-face {font-family: 'Belarus';
src: url(https://forumstatic.ru/files/001c/c1/8b/29306.otf);}

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/
/* A2.1 */
html,
body {
	margin: 0;
	padding: 0
}

/* A2.2 */
.punbb * {
	margin: 0px
}

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

/* A2.4 */
.punbb img {
	border: none
}

/* A2.5 */
.punbb .main table {
	table-layout: fixed;
	width: 100%;
}

/* A2.6 */
.checkfield input[type="checkbox"],
.radiofield input[type="radio"] {
	margin: 0 0.3em;
}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
	height: auto;
	vertical-align: middle
}

/* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
	background: var(--background) no-repeat fixed bottom left / cover !important;
	font-size: 100.01%;
}

/* A3.2 */
.punbb {
	font: normal 70% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

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


/* A3.4 */
.punbb h1,
.punbb h2,
.punbb h3 {
	font-size: 1em;
	font-weight: bold;
}

.punbb th {
	font-size: 0.9em;
	font-weight: bold;
}

.punbb h4,
.punbb table {
	font-size: 1em;
	font-weight: normal;
}

/* A3.5 */
.punbb h1 span,
.punbb h2 span,
.punbb legend span {
	font-size: 0.9em;
}

/* A3.6 */
.punbb pre {
	font: 1.1em/140% verdana, arial, monaco, "bitstream vera sans mono", "courier new", courier, monospace
}

/* A3.7 */
.punbb address,
.punbb em {
	font-style: normal
}

/* A3.8 */
.punbb .post-content em {
	font-style: italic
}

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

/* A3.10 */
.punbb a {
	text-decoration: none
}

/* A3.11 */
.punbb optgroup {
	font-weight: bold;
}

/* A4 Float clearing and hidden items
-------------------------------------------------------------*/
/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb dl.post-sig dt span,
.punbb .post-box:after,
.punbb .linksb:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	line-height: 0.0;
	font-size: 0;
}

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

/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun {
	margin: auto;
	width: 1000px;
    box-sizing: border-box;
    color: var(--text-02);
	background: var(--backgr-02);
	margin-top: 30px !important;
	margin-bottom:30px;
    border-radius: 6px;
	padding: 30px;
}

/* Mobile layout*/
html,
body {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.punbb {
	padding: 0;
}

/* не нужно */
h1.title-logo,
#pun-navlinks h2,
#pun-ulinks h2,
#pun-status h2,
#pun-crumbs1 strong,
#pun-crumbs2 strong,
thead,
th,
#pun-crumbs1 .container strong+em,
#pun-crumbs2 .container strong+em,
#pun-index #pun-main h1,
#pun-viewforum #pun-main > h1,
#pun-viewtopic #pun-main > h1,
.stickytext,
.closedatafield,
#pun-live-rusff,
.pl-reports,
td .modlist,
li#navawards,
.pa-gifts,
.acchide,
.forum h2,
.usertable h2,
.topic h2,
a.sharelink,
#pun .pa-ua,
.pa-author img,
.lastedit,
fieldset legend,
#pun .pl-reports,
#pun .mini_gifts,
#pun-userlist .main h2,
#pun-search .main h1,
#profilenav h2,
#profile-gifts,
#messages li.pl-email,
#pun .email,
.catleft,
.catright,
#pun .pl-share,
p.inputfield label em,
p.selectfield label em,
p.passfield label em,
#pun-announcement h2,
.pa-awards
 {
	display: none
}

.punbb {
	height: auto;
}

#pun {
	color: var(--text-01);
}

#pun a {
	color: var(--links-01);
}

#pun a:hover {
	color: var(--hoverover-01)
}

/* A5.3 */
#pun-redirect,
#pun-maint {
	margin: 50px 20% 12px 20%;
	width: auto;
	float: none;
	min-height: 100px;
}

#pun-redirect {
	border: 0 none !important;
	margin: 0;
	padding: 0;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	text-align: center;
	background: var(--background) center / cover no-repeat fixed !important;
}

#pun-redirect #pun-main {
	background: transparent;
}

#pun-redirect * {
	border: 0 none;
}

#pun-redirect .main-title {
	display: none;
}

#pun-redirect.punbb .info .container {
    font-family: var(--font);
    font-size: 11px;
    font-weight: 400;
    text-align: center;
	display: inline-block;
	margin: 0 auto;
	width: auto;
	height: auto;
	box-sizing: border-box;
	padding: 30px;
	width: 1000px !important;
	margin-top: 50px;
    border-radius: 6px
}

/* A5.1 */
.punbb .section,
.punbb .main {
	margin-bottom: 0;
}

/* A5.2 */
.punbb .post {
	margin-top: 0.4em;
}

/* A5.3 */
.punbb #pun-category1,
.punbb .toppost,
.punbb .topicpost {
	margin-top: 0;
}

/* A5.4 */
#pun-post .topic {
	margin-top: 1em;
}

/* A5.5 */
.punbb .section,
.punbb .forum,
.punbb .formal,
.punbb .modmenu,
.punbb .info,
.punbb .category,
.punbb .post {
	border:none
}

/* A5.6 */
.punbb .container {
	border: none
}

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

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

/* B1.2 */
.punbb .post-sig dt {
	border: none;
	background: var(--stroke-03);
	height: 1px;
	display: block;
	margin: 5px auto 15px;
	width: 80%;
}

/* B1.3 */
.punbb .post-content p {
	margin: 0;
	padding: 0 0 1em 0;
	line-height: 160%;
	font-family: var(--font), sans-serif;
	font-weight: 400;
}

/* B1.4 */
.punbb .post-content img {
	vertical-align: text-top
}

/* B1.5 */
.punbb .post-content img.postimg {
	vertical-align: middle;
}

/* B1.6 */
.punbb .post-content .blockcode,
.punbb .post-content blockquote {
box-sizing: border-box;
    width: 100% !important;
    background: var(--qyot-02);
    border: 1px solid var(--qyot-st);
    padding: 15px;
    overflow: visible;
}

/* B1.7 */
.punbb .post-content .scrollbox {
	width: 100%;
	overflow: auto;
	height: auto !important;
	max-height: 200px
}

/* B1.8 */
.punbb .post-content .quote-box,
.punbb .post-content .code-box {
	border: 0;
	margin: .4em 0 .8em;
    padding: 0 !important;
    position: relative;
    text-align: justify;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 2px;
	overflow: visible;
    box-sizing: border-box;
}


/* B1.9 */
.punbb .quote-box cite,
.punbb .code-box strong.legend {
display: block;
    font-size: 8px;
    font-style: normal;
    text-transform: none;
    font-family: var(--font);
    margin-top: 0px !important;
    padding: 5px 10px 18px;
    margin-bottom: -15px;
    text-align: left;
    font-weight: 600;
    color: var(--qyot-02) !important;
    width: 100%;
    box-sizing: border-box;
    background: var(--qyot);
    text-transform: uppercase;
    border-radius: 6px;
}

.punbb .quote-box cite a,
.punbb .code-box strong.legend a {
	color: var(--qyot-txt) !important;
	text-decoration: none !important;
	font-size: 9px !important;
}

.punbb .quote-box cite a:hover,
.punbb .code-box strong.legend a:hover {
	color: var(--qyot-06) !important;
}

.punbb .code-box .scrollbox pre {
	font: 400 11px/150% var(--font), sans-serif;
	white-space: break-spaces;
}

/* Спойлер */
#pun .post-content .quote-box.spoiler-box {
    box-sizing: border-box;
    margin: .4em 0 .8em;
    padding: 0 !important;
    overflow: hidden;
    background: var(--qyot);
    border-radius: 6px;
}

#pun .post-content .quote-box.spoiler-box > blockquote {
    box-sizing: border-box;
    width: 100% !important;
    margin: -2px 0 0 !important;
    padding: 10px 15px !important;
    border-top: 1px solid var(--qyot-st);
    border-radius: 3px !important;
    background: var(--qyot-02);
}

#pun .post-content .quote-box.spoiler-box .spoiler-box {
	border: 1px solid var(--backgr-07) !important;
}

/* вложенные блоки */
#pun .post-content .quote-box:not(.spoiler-box) > blockquote .quote-box > blockquote,
#pun .post-content .quote-box:not(.spoiler-box) > blockquote .code-box .blockcode {
    background: var(--qyot-05);
}

#pun .post-content .quote-box.spoiler-box > div {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 15px 4px !important;
    background: transparent;
    color: var(--qyot-txt);
    font: 500 10px / 150% var(--font);
    text-align: left;
    cursor: pointer;
}

#pun .post-content .quote-box.spoiler-box > div::before {
    content: "";
    display: block;
    float: left;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background: var(--qyot-04);
    -webkit-mask: url(https://forumstatic.ru/files/001c/37/2a/91262.svg) no-repeat center / cover;
    mask: url(https://forumstatic.ru/files/001c/37/2a/91262.svg) no-repeat center / cover;
    transition: transform .5s ease-in-out;
}

#pun .post-content .quote-box.spoiler-box > div.visible::before {
	background: var(--qyot-txt);
	-webkit-mask-image: url("https://forumstatic.ru/files/001c/37/2a/75624.svg");
	mask-image: url("https://forumstatic.ru/files/001c/37/2a/75624.svg");
}

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
	padding: 1.1em 1.7em 1em 1.7em;
	border-style: solid;
	border-width: 1px;
	margin: 0 0 1.1em 0;
}

/* B2.2 */
.punbb .info-box * {
	padding: 0 0 0.7em 0;
}

/* B2.3 */
.punbb #pun-main .info-box .legend {
	font-size: 1.1em;
	font-weight: bold;
}


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
	width: auto;
	height: auto;
	font: 400 10px var(--font);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0px 0px 15px !important;
	position: relative;
	padding: 0px;
	text-transform: lowercase;
	color: var(--text-02);
}

/* B3.4 */
.linkst .postlink,
.linksb .postlink {
	text-align: right;
	font-weight: 600;
}

#pun .postlink.long {
	width: auto !important;
}

/* B3.5 */
.punbb .linksb {
	width: auto;
	height: auto;
	font: 300 10px var(--font);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 5px 0px 0px !important;
	position: relative;
	padding: 0px;
	text-transform: lowercase;
	color: var(--text-02);
}

.gid3 .linksb {
	margin-top: 5px  !important;
}

.linksb {
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: auto;
}

#profile .button {
	margin-top: 0 !important;
}

#profile .clearer {
	display: none
}

#profile .linksb:after,
.linksb:after {
	display: none !important;
}


.postlink span+span {
	margin-left: 3px
}


/* B3.6 */
.linksb .pagelink {
	float: left;
	width: auto;
	text-align: left;
	order: 1;
}


/* B3.7 */
.linksb .postlink,
.linksb noindex {
	width: auto;
	order: 3;
	position: relative
}

.subscribelink {
	position: relative;
	order: 2;
	text-align: center;
}

.pagelink strong {
	font-weight: 600
}

/* Нижняя строка темы: поиск, страницы и подписка
-------------------------------------------------------------*/
#pun-viewtopic .linksb {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	min-height: 20px;
	margin: 5px 0 0 !important;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

#pun-viewtopic .linksb .postlink,
#pun-viewtopic .linksb noindex {
	order: 1;
	width: auto;
	margin: 0 auto 0 0;
	text-align: left;
}

#pun-viewtopic .linksb .pagelink {
	order: 2;
	width: auto;
	margin: 0;
	color: var(--text-02);
	font: 400 10px/1 var(--font);
	text-align: center;
	white-space: nowrap;
}

#pun-viewtopic .linksb .subscribelink {
	order: 2;
	text-align: center;
	position: relative;
}

/* Нижняя пагинация: ссылки */
#pun-viewtopic .linksb .pagelink a,
#pun-viewtopic .linksb .subscribelink a {
    color: var(--links-01) !important;
    text-decoration: none !important;
    font: 700 10px/1 var(--font);
}

/* Нижняя пагинация: текущая страница */
#pun-viewtopic .linksb .pagelink strong {
    color: var(--text-02) !important;
    font: 700 10px/1 var(--font);
}

/* Поиск по теме */
#pun-viewtopic .linksb .postlink form,
#pun-viewtopic .linksb .postlink .search-in-topic,
#pun-viewtopic .linksb .postlink .search_in_topic {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	margin: 0;
}

#pun-viewtopic .linksb .postlink input[type="search"],
#pun-viewtopic .linksb .postlink input[type="text"] {
	box-sizing: border-box;
	width: 140px;
	height: 20px;
	margin: 0;
	padding: 3px 14px;
	border: 0 !important;
	border-radius: 20px;
	outline: 0 !important;
	background: var(--backgr-09);
	color: var(--text-02);
	box-shadow: none !important;
	font: 400 10px/1 var(--font);
}

#pun-viewtopic .linksb .postlink button,
#pun-viewtopic .linksb .postlink input[type="submit"] {
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	margin: 0 0 0 3px;
	padding: 0;
	border: 0 !important;
	border-radius: 50%;
	background: transparent;
	color: var(--links-01);
	box-shadow: none !important;
	cursor: pointer;
}

/* Строка игроков в теме */
#pun-viewtopic #topic-users-in .container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 5px;
	box-sizing: border-box;
	min-height: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 110% !important;
}

#pun-viewtopic #topic-users-in a {
	height: auto !important;
	font-size: 9px;
	font-weight: 700;
	line-height: inherit !important;
	text-transform: uppercase !important;
}

/* Идентификаторы штатного поиска */
#pun-viewtopic #sTheme {
	box-sizing: border-box;
	width: 140px !important;
	height: 20px !important;
	border: 0 !important;
	border-radius: 10px !important;
}

#pun-viewtopic #isk {
	box-sizing: border-box;
	width: 18px !important;
	height: 18px !important;
	border: 0 !important;
	border-radius: 50% !important;
	cursor: pointer;
}

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
	padding: 1.7em 2.3em 1.1em 2.3em;
}

#post.container {
	background-color: var(--backgr-03);
	border-radius: 6px;
}

/* C1.2 */
.punbb .formsubmit {
	padding: 0 0 15px 0em;
	margin: 0em 0 0 0;
	position: relative;
	z-index: 1;
	display: flex;
	gap: 5px
}

#togglePreview {
	margin-left: auto
}

/* C1.3 */
.punbb .formsubmit input,
.punbb .formsubmit a,
.punbb .formsubmit span {
	margin: 0
}

/* C1.4 */
.punbb fieldset {
	border-style: solid;
	border-width: 1px;
	padding: 0 0px 0 0px;
	margin: 0 0 1em 0
}

/* C1.5 */
.punbb fieldset legend {
	padding: 0;
	margin: 0 0 0 11px;
	font-size: 1.1em
}

/* C1.6 */
.punbb fieldset legend span {
	padding: 0 5px;
	margin: 0;
}

#profile .container fieldset legend {
	display: block;
	font-size: 9px;
	text-transform: uppercase;
	margin: 0 0 5px !important;
	font-family: var(--font);
	padding: 4px 0;
}

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

/* C1.8 */
.punbb .fs-box {
	padding: 0em 0 0em 0;
}

/* C1.9 */
.punbb .fs-box p,
.punbb .fs-box fieldset {
	padding: 0 0 1.5em 0
}

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

p label {
	margin-bottom: 5px !important;
	display: inline-block
}

/* C1.11 */
.punbb .inline .infofield {
	clear: both
}

/* C1.12 */
.punbb .datafield br {
	display: none
}

/* C1.13 */
.punbb .required label,
.punbb .datafield span.input {
	font-weight: bold
}

/* C1.14 */
.punbb .datafield span.input a {
	font-weight: normal;
}

/* C1.15 */
.punbb .areafield span.input,
.punbb p.longinput span.input {
	display: block;
	padding: 0 4em 0 0;
	height: 100%;
}

/* C1.16 */
.punbb textarea {
	box-sizing: border-box;
	width: 100% !important;
	margin: 0;
}

.punbb .longinput input {
	width: 64%;
	margin: 0;
}

.punbb select,
input {
	border: 0;
	padding: 2px 15px 2px 15px !important;
	color: var(--text-01);
	border: 1px solid var(--shadow) !important;
	background: var(--backgr-03);
	font: 400 10px var(--font), verdana !important;
	box-sizing: border-box;
	border-radius: 6px;
}

/* C1.17 */
.punbb .hashelp {
	position: relative;
}

/* C1.18 */
.punbb .helplinks {
	display: block;
	position: absolute;
	top: 1em;
	right: 0;
	font-weight: normal;
	width: 36%;
}

/* c1.19 */
.punbb #profile .helplinks {
	top: 1.5em;
}

/* C1.20 */
.punbb .helplinks span {
	display: block;
	padding-bottom: 0.2em;
}

.punbb .helplinks span INPUT {
	margin: 0px 2px 2px 0px;
}

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


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
	text-align: left;
	width: 35%;
}

/* C2.2 */
.punbb .main .tc2,
.punbb .main .tc3,
.punbb .main .tcmod {
	text-align: center;
	width: 6%;
}

/* C2.3 */
.punbb .main .tcr {
	overflow: visible;
	text-align: left;
	width: 27%;
	text-transform: lowercase;
}

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
	width: 40%
}

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
	font-size: 1.2em;
	font-weight: bold;
}

/* C2.9 */
.punbb td span.youposted {
	font-weight: bold;
	margin-left: -1em;
	position: absolute;
}

/* C2.10 */
.punbb td .modlist {
	display: none;
	padding-top: 0.3em
}

/* C2.11 */
.punbb .main td {
	border-style: none;
	border-width: 1px 0 0 1px;
	padding: 0.9em 0em;
}

/* C2.12 */
.punbb .main th {
	border-style: none none none solid;
	border-width: 0 0 0 1px;
	padding: 0.4em 1em 0.4em 1em;
}

/* C2.13 */
.punbb .main .tcl {
	border-left-style: none;
	border-left-width: 0;
}

* html .tclcon {
	height: 1px
}

/* C2.14 */
.punbb td div.tclcon {
	line-height: 150%;
	margin-left: 0;
	text-align: left;
	flex: 1
}


/* C3 Topics
-------------------------------------------------------------*/

/* Общая подложка темы заполняет промежутки между постами. */
#pun-viewtopic .topic {
	background: var(--backgr-02);
}

/* C3.1 */
.punbb .post {
	margin-top: 0px;
	position: relative;
}

.post {
	scroll-margin: 65px
}


.post + .post {
	margin-top: 20px
}

/* C3.2 */
.punbb .post .container {
	border: none;
	background: var(--backgr-03);
	border-radius: 0 0 6px 6px;
	position: relative;
	padding: 15px !important;
}

.punbb .post h3 {
	border-width: 0px;
	-webkit-text-size-adjust: 100%;
	width: auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font: 400 10px var(--font);
	text-transform: lowercase;
	z-index: 1;
	margin: 0 0px -7px !important;
	padding: 5px 15px 15px !important;
	box-sizing: border-box;
	background: var(--backgr-05);
	color: var(--text-02);
	border-radius: 6px;
}

.punbb .post h3 a {
	font-weight: 600;
	color: var(--links-01) !important;
}

.punbb .post h3 a:hover {
	color: var(--hoverover-01) !important;
}

.post h3 span {
	display: flex !important;
	justify-content: flex-start;
	gap: 2px;
	flex-wrap: wrap;
	position: relative;
	padding: 0px;
	width: 100%;
}

.post h3 strong {
	order: 2;
	font-weight: 300;
	margin-left: auto !important;
}

.post h3 span strong:before {
	content: "#"
}


/* C3.5 */
.punbb .post .post-author {
	float: left;
}

/* C3.6 */
.punbb .post .post-author ul,
.punbb .post .post-author p {
	line-height: 140%;
}

/* C3.7 */
.pa-author {
	font-size: 1.1em;
	font-weight: bold;
}

/* C3.8 */
.pa-author a {
	text-decoration: none
}

/* C3.9 */
li.pa-title {
	padding-bottom: 0.4em;
	font-weight: bold;
}

li.pa-online {
	line-height: 0.8em;
	border-left-style: solid;
	border-left-width: 0.7em;
	padding-left: 0.4em;
	margin-top: 0.7em;
}

/* C3.11 */
.punbb .post-body {
	margin-left: 250px;
	border: none !important;
}

/* C3.12 */
.punbb .post-box {
	padding: 10px 0;
	text-align: justify;
}

.post-box a {
	color: var(--links-01) !important;
	font-weight: bold
}

.post-box a:hover {
	color: var(--hoverover-01) !important;
}

/*C3.13 */
.punbb fieldset .post-box {
	margin-bottom: 0.8em;
}

/*C3.14 */
.punbb .post-links {
	margin: 0 0px 0px;
	padding: 0;
	position: relative;
}

.post-links ul {
	text-align: right;
}

.post-links li {
	display: inline;
}

:is(.profile, .pm, .email) {
    float: left;
}

.post-links li+li,
.pa-links li+li {
	margin-left: 2px
}

.punbb .post-links ul li:first-child {
	margin-left: 0
}

.endpost .post-links ul {
	border: 0 !important;
}

#pun .post-links ul a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 20px;
    min-height: 20px;
    margin: 0;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: var(--backgr) !important;
    background-image: none !important;
    color: var(--text, #fff) !important;
    box-shadow: none !important;
    font: 500 8px/20px var(--font) !important;
    letter-spacing: .08em;
    text-decoration: none !important;
    text-transform: lowercase;
    text-shadow: none !important;
    white-space: nowrap;
    transition: background-color .2s ease, color .2s ease;
}

#pun .post-links ul a:hover {
    background: var(--hoverover-01) !important;
    color: var(--text, #fff) !important;
}

.pa-links li a {
	font: 600 10px var(--font);
	text-transform: lowercase;
	background: transparent !important;
	padding: 2px 10px 4px;
	display: inline-block;
	border-radius: 6px;
}

/* C3.17 */
:is(.pl-email, .pl-website) {
	float: left;
}

/* C3.18 */
.punbb .clearer {
	clear: both;
	height: 0;
	font-size: 0;
}

/* C4 Moderator menu
-------------------------------------------------------------*/
/* C4.1 */
.punbb .modmenu .container {
	padding: 2px 10px;
	text-align: justify;
	font: 600 10px var(--font) !important;
	margin: 10px 0;
	background: var(--backgr-03);
	border-radius: 6px
}

.punbb .modmenu .container a {
	font-weight: 600
}

.modmenu .container span:last-child {
	display: none
}

.main.multipage {
	padding: 0px;
}

.forum {
	padding: 0px;
}

.forum tr {
	display: flex;
	padding: 8px 10px !important;
	gap: 30px;
	font: 300 10px var(--font);
	align-items: center;
	text-transform: lowercase;
	background: var(--backgr-03);
	border-radius: 6px;
}

.forum .tr-divider {
	font-size: 8px !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	color: var(--text-02) !important;
	padding: 0 !important;
	padding-left: 0px !important;
	background: transparent
}

.tr-divider.st, .tr-divider.imp {
	margin-top: 10px !important;
	margin-bottom: 3px !important;
}

.tr-divider .td-divider {
	padding: 2px 10px !important;
	border-radius: 6px;
	line-height: 100%
}

.forum .tr-divider:first-child {
	margin-top: 0 !important;
}

.forum tr + tr {
	margin-top: 2px;
}

.forum tr a {
	font-weight: 500;
	font-size: 11px;
	text-transform: lowercase;
}

.forum td {
	padding: 0 !important;
}

/* Ширина столбцов списка тем
-------------------------------------------------------------*/
.forum .tcl {
	width: 450px !important;
}

/* Иконки тем: обычная, новая, важная и закрытая. */
#pun-viewforum .forum .tcl .intd {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
}

#pun-viewforum .forum .tclcon {
	flex: 1 1 auto;
	min-width: 0;
}

#pun-viewforum .forum .icon {
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex: 0 0 24px;
	width: 24px !important;
	height: 24px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	clip-path: none !important;
	-webkit-clip-path: none !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	text-indent: 0 !important;
	opacity: 1 !important;
	visibility: visible !important;
	overflow: visible !important;
}

#pun-viewforum .forum .icon > * {
	display: none !important;
}

#pun-viewforum .forum .icon::before {
	content: "\2739";
	display: block;
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
	color: var(--stroke-02);
	font: 400 24px/1 Arial, sans-serif;
	opacity: .55;
	transform: none;
	visibility: visible !important;
	text-indent: 0 !important;
}

#pun-viewforum .forum .icon::after {
	content: none !important;
	display: none !important;
}

#pun-viewforum .forum tr.inew .icon::before,
#pun-viewforum .forum tr.isticky .icon::before {
	color: var(--links-05);
	opacity: 1;
}

#pun-viewforum .forum tr.iclosed .icon::before {
	content: "\00D7";
	color: var(--text-02);
	opacity: .55;
}

/* Участники в строке «Тему просматривают» */
#pun-viewtopic :is(.topic-users, .topic-users-in, .users-online, #topic-users, #topic-users-in) a[href*="profile.php"] {
	text-transform: uppercase !important;
}

#pun-viewforum .forum :is(tr.isticky, tr.iimportant, tr.important) .icon::before,
#pun-viewforum .forum .icon:is(.isticky, .iimportant, .important)::before {
	content: "!" !important;
	color: var(--links-05) !important;
	opacity: 1 !important;
}

#pun-viewforum .forum :is(tr.iclosed, tr.closed) .icon::before,
#pun-viewforum .forum .icon:is(.iclosed, .closed)::before {
	content: "\00D7" !important;
	color: var(--text-02) !important;
	opacity: .75 !important;
}

.forum .tc2,
.forum .tc3 {
	width: 80px !important;
	font-weight: 200;
	font-size: 10px;
	color: var(--text-02)
}

#pun .forum .tcr {
	display: grid; 
  grid-template-columns: 25px 1fr; 
  grid-template-rows: auto auto; 
  gap: 0px 10px; 
  grid-template-areas: 
    "av link"
    "av user"; 
	flex: 1;
	line-height: 130%
}

.forum .user-avatar { 
	grid-area: av; 
}

.forum .tcr > a {
  align-self: end; 
  grid-area: link; 
}

.forum .tcr .byuser {
  align-self: start; 
  grid-area: user; 
}

.forum table {
  margin: 0px 0
}

.forum tr td {
	padding: 0 !important;
	border: none !important;
}

.forum .byuser {
	display: block !important;
}

.forum .byuser:before {
	content: "автор:";
	opacity: .45
}

#pun-searchtopics .tcr {
	display: flex;
	align-items: center;
}

#pun-searchtopics .tcl {
	width: 400px !important;
}

#pun-searchtopics .tc2 {
	width: 200px !important;
}

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

#pun .user-avatar {
	position: relative;
    width: 30px !important;
    height: 30px !important;
	margin-right: 10px !important;
	margin-top: 0 !important;
	border-radius: 100%
}

#pun .user-avatar .avatar-image {
	display: block;
    width: 30px;
    height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    transition: all .5s linear 0s;
    box-sizing: border-box;
	border:  none !important;
	position: relative;
	border-radius: 100%;
	opacity: .70;
	filter: grayscale(100%)
}

#pun .user-avatar .avatar-image:hover {
	opacity: 1;
	filter: none
}

#pun .user-avatar .isonline {
	position: absolute !important;
	background: var(--backgr-02);
	margin: 0 !important;
	z-index: 1;
	animation: none;
	border: none;
	width: 15px;
	height: 15px;
	top: calc(100% - 12px) !important;
	right: -2px !important;
	border-radius: 50%;
	padding: 1px 2px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box
}

#pun .user-avatar .isonline:before {
	content: "\273D";
	color: var(--links-01);
	font: 400 9px/1 Arial, sans-serif;
}

/* Своя картинка вместо стандартного аватара */
.user-avatar .avatar-image[style*=default_avatar] {background-image: url(https://forumstatic.ru/files/001c/c1/8b/63070.png) !important;}

/* C4.2 */
.punbb .modmenu strong,
.punbb .modmenu a {
	height: auto;
	line-height: 1.8em;
}

/* C4.3 */
.punbb .modmenu .container strong {
	float: left;
}

/* C4.4 */
.punbb .modmenu input {
	margin-left: 1em;
}

/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
	padding: 0.8em 1em
}

/* C5.2 */
.punbb .info .container .backlink {
	padding-top: 0.8em;
}

/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
	padding-left: 18.6em;
	border-radius: 6px;
	background-color: var(--backgr-02);
}

/* C6.2 */
#profilenav {
	float: left;
	width: 14em;
	margin-left: -18em;
	display: inline;
	background-color: var(--backgr-02);
}

/* C6.3 */
#profilenav li {
	padding-bottom: 0.8em;
	font-weight: normal;
}

/* C6.4 */
#viewprofile ul,
#profilenav ul {
	border: none;
	padding: 1.5em 18px 0.8em 0;
	margin: 0 0 1em 0;
	font-family: var(--font)
}

/* C6.5 */
#viewprofile h2,
#profilenav h2 {
	padding: 3px 0 0 10px;
	margin: 0 14px -0.6em 14px;
	text-align: left;
	display: block
}

/* C6.6 */
#viewprofile h2 span,
#profilenav h2 span {
	padding: 0 5px;
	position: relative;
}

/* C6.7 */
#viewprofile li,
#setmods dl {
	padding: 0 0 0 16em;
	margin-bottom: 0.2em;
}

/* C6.8 */
#viewprofile li span {
	font-weight: normal;
	background: var(--backgr-03);
	color: var(--text-02);
	text-transform: uppercase;
	border-radius: 6px;
	padding: 3px 10px;
	font-size: 8px;
}

/*C6.9 */
#setmods dt {
	float: left;
	width: 14em;
	margin-left: -16em;
	padding: 0.8em 1em;
	font-weight: bold;
	display: inline;
}

/* C6.10 */
#viewprofile li strong,
#viewprofile li div,
#setmods dd {
	display: block;
	padding: 0.5em 1em;
	font-weight: normal;
}

/* C6.11 */
.punbb img.avatardemo {
	float: right;
	margin: 0 0 0.8em 1.8em
}

/* C7 User list
-------------------------------------------------------------*/

#pun-userlist #pun-main > h1 {
	display: none !important;
}

#pun-userlist .formal fieldset,
#pun-userlist .formal fieldset fieldset {
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
}

/* C7.1 */
#pun-userlist .formal,
#pun-userlist .formal .container {
	border-bottom: none;
	margin-bottom: 0;
}

/* C7.2 */
#pun-userlist .usertable .container {
	padding:0px;
	border: none;
}

/* C7.3 */
#pun-userlist .usertable table {
	border: none;
	font-family: var(--font);
}

#pun-userlist .usertable table td {
	padding: 0 !important;
}

#pun-userlist .usertable tbody {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#pun-userlist .usertable tr {
	background: var(--backgr-03);
	border: 1px solid var(--stroke-02);
	padding: 10px;
	flex: 1;
	max-width: 240px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	text-align: center;
	border-radius: 6px;
}

#pun-userlist .usertable tr td {
	width: 100% !important;
	background: var(--backgr-07);
	text-align: left !important;
	padding: 5px 10px !important;
	box-sizing: border-box;
	border: none !important;
	font-size: 9px;
}

#pun-userlist .usertable .username {
	display: flex;
	font: 700 12px var(--font);
	overflow: hidden !important;
	height: 55px;
}

#pun-userlist span.usersname {
	flex: 1;
	text-align: right;
	text-transform: uppercase
}

#pun-userlist .usertable .user-avatar {
    float: none !important;
    width: 100px !important;
    height: 100px !important;
    mask: linear-gradient(#000 10%, transparent 150%);
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

#pun-userlist .usertable .user-avatar .avatar-image {
	width: 100px !important;
	height: 50px !important;
	border-radius: 0;
	border: none !important;
}

#pun-userlist .usertable .user-avatar .isonline {
	top: 10px;
	right: calc(100% - 20px)
}

#pun-userlist .usertable td:before {
	text-transform: uppercase;
	opacity: .45;
	font-size: 9px;
	font-weight: 300;
}

#pun-userlist .usertable .user_title:before {
	content: "статус: "
}

#pun-userlist .usertable .relation:before {
	content: "репутация: "
}

#pun-userlist .usertable .num_posts:before {
	content: "сообщения: "
}

#pun-userlist .usertable .registered:before {
	content: "дата регистрации: "
}

#pun-userlist .usertable .last_visit:before {
	content: "последний визит: "
}

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
    margin: 0 0 -35px;
	border: none;
}

/* D1.2 */
#pun-title h1 {
	display: block;
	height: 10px;
    margin: -1px 0 0 -30px;
}

/* D1.3 */
#pun-title .container {
    padding: 0.2em 1em 0.8em;
    border: none;
}

/* D1.4 */
#pun-title h1 span {
	display: none;
}

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

#pun-title TD.title-logo-tdr {
	border: none;
	width: 420px;
}

/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
	position: absolute;
	top: -15px;
	left: 0;
	margin: 0;
	border: none;
	width: 100%;
}

/* D2.2 */
#pun-pagelinks .container {
	background: transparent;
	border: none;
	padding: 0
}

/* D2.3 */
#pun-pagelinks .container li {
	display: inline
}

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

/* D2.5 */
#pun-pagelinks a:active,
#pun-pagelinks a:focus {
	position: relative;
	margin: 0;
}

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

/* D3 Forum navigation
-------------------------------------------------------------*/

/* Быстрая смена аккаунтов Deff 
-------------------------------------------------------------*/

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

#pun-navlinks > .container {
    overflow: visible !important;
}

#pun-navlinks ul.container > li {
    position: relative !important;
}

/* Дополнительная иконка выхода. */
#pun-navlinks a#New-exit {
    position: absolute !important;
    z-index: 100001 !important;
    top: 3px !important;
    right: -29px !important;
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}
#pun-navlinks #New-exit img {
    position: static !important;
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    object-fit: contain;
    transition: opacity .25s ease;
}
#pun-navlinks #New-exit:hover img { opacity: .55; }
.punbb #pun-navlinks a#New-exit::before { content: none !important; }

/* Форма входа: DOM и поведение оставлены как у LongDark/Deff. */
.punbb #pun-navlinks #form-login,
.punbb #pun-navlinks #form-login * {
    box-sizing: border-box;
}
.punbb #pun-navlinks #form-login {
    position: absolute !important;
    z-index: 100000 !important;
    top: 34px !important;
    left: 50% !important;
    display: block;
    width: 170px !important;
    min-height: 183px;
    margin: 0 !important;
    padding: 12px !important;
    transform: translateX(-50%);
    border: 1px solid var(--stroke-01) !important;
    border-radius: 6px !important;
    background: var(--backgr-03) !important;
    color: var(--text-02) !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.22) !important;
    font: 400 10px/130% var(--font) !important;
    text-align: center;
    text-transform: none;
    letter-spacing: normal !important;
    word-spacing: normal;
    white-space: normal;
}
#pun-navlinks #navlogin #form-login,
#pun-navlinks #navlogout #form-login,
.ismoderator #pun-navlinks #navlogout #form-login {
    margin-left: 0 !important;
}

.punbb #pun-navlinks #form-login label {
    display: block !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    color: var(--text-02) !important;
    font: 400 10px/125% var(--font) !important;
    text-align: center !important;
    text-transform: none !important;
}

.punbb #pun-navlinks #form-login input,
.punbb #form-login #fld1,
.punbb #form-login #fld2 {
    display: block !important;
    width: 100% !important;
    height: 25px !important;
    margin: 4px 0 8px !important;
    padding: 4px 7px !important;
    border: 1px solid var(--stroke-02) !important;
    border-radius: 3px !important;
    background: var(--backgr-07) !important;
    color: var(--text-02) !important;
    box-shadow: none !important;
    font: 400 10px/1 var(--font) !important;
    text-align: left !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    text-transform: none !important;
    outline: none !important;
}
.punbb #pun-navlinks #form-login input:focus {
    border-color: var(--links-01) !important;
    background: var(--backgr-02) !important;
}
.punbb #pun-navlinks #form-login input[type="submit"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 80px !important;
    height: 27px !important;
    margin: 12px auto 4px !important;
    padding: 0 10px !important;
    border: 1px solid var(--stroke-01) !important;
    border-radius: 4px !important;
    background: var(--backgr) !important;
    color: var(--links) !important;
    font: 600 10px/1 var(--font) !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: background .2s ease, color .2s ease, transform .2s ease !important;
}
.punbb #pun-navlinks #form-login input[type="submit"]:hover {
    opacity: 1 !important;
    background: var(--links-01) !important;
    color: var(--text) !important;
    transform: translateY(-1px);
}
#pun-navlinks #form-login input[type="submit"] + p { margin: 10px 0 0 !important; }

.punbb #pun-navlinks #form-login a.Rega,
.punbb #pun-navlinks #form-login a.Forgot {
    position: relative;
    z-index: 20;
    display: inline !important;
    margin: 0 3px !important;
    padding: 0 !important;
    background: none !important;
    color: var(--links-01) !important;
    font: 400 9px/130% var(--font) !important;
    text-decoration: none !important;
    text-transform: lowercase !important;
    letter-spacing: normal !important;
    cursor: pointer;
}
.punbb #pun-navlinks #form-login a.Rega:hover,
.punbb #pun-navlinks #form-login a.Forgot:hover { color: var(--hoverover-01) !important; }
.punbb #pun-navlinks #form-login a.Rega::before,
.punbb #pun-navlinks #form-login a.Forgot::before { content: none !important; }
#form-login input.none { outline: 2px dashed var(--links-02) !important; }

#List-UserNames {
    position: absolute !important;
    z-index: 100001 !important;
    top: 0 !important;
    right: calc(100% + 8px) !important;
    display: block;
    width: 220px !important;
    min-height: 90px;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid var(--stroke-01) !important;
    border-radius: 6px !important;
    background: var(--backgr-03) !important;
    color: var(--text-02) !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.22) !important;
    text-align: center !important;
}
.punbb #List-UserNames ul {
    display: block !important;
    width: 100% !important;
    min-height: 36px;
    max-height: 90px;
    margin: 0 0 8px !important;
    padding: 0 4px 0 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: thin;
    scrollbar-color: var(--links-01) transparent;
}
.punbb #List-UserNames li {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 1px auto !important;
    padding: 5px 24px 5px 8px !important;
    border: 1px solid var(--stroke-02) !important;
    border-radius: 3px !important;
    background: var(--backgr-07) !important;
    color: var(--text-02) !important;
    box-shadow: none !important;
    font: 400 10px/120% var(--font) !important;
    text-align: left !important;
    transition: background .2s ease, border-color .2s ease !important;
}
.punbb #List-UserNames li:hover {
    opacity: 1 !important;
    background: var(--backgr-02) !important;
    border-color: var(--links-01) !important;
}
.punbb #List-UserNames li > b {
    color: var(--links-01) !important;
    font: 600 10px/120% var(--font) !important;
    text-shadow: none !important;
    cursor: pointer !important;
}
#List-UserNames ul li > span {
    position: absolute !important;
    top: 50% !important;
    right: 6px !important;
    bottom: auto !important;
    padding: 2px !important;
    color: var(--links-02) !important;
    font: 700 11px/1 var(--font) !important;
    text-shadow: none !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
}
#List-UserNames ul:empty::before {
    display: block !important;
    padding: 8px !important;
    color: var(--text-04) !important;
    font: 400 9px/140% var(--font) !important;
    content: "сохранённых аккаунтов пока нет" !important;
}
#navlogin #exit-2 { display: none !important; }
#pun:not(.isguest) #navlogout .Rega,
#pun:not(.isguest) #navlogout .Forgot { display: none !important; }

/* LongDark: перенос/вставка списка сохранённых аккаунтов. */
#List-UserNames ul + span {
    display: inline-block !important;
    width: 100%;
    padding: 6px 0 8px !important;
    color: var(--text-02) !important;
    font: 400 9px/130% var(--font) !important;
    text-align: left !important;
}
.punbb #List-UserNames input,
#Paste-And-Copy {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 25px !important;
    margin: 8px 0 0 !important;
    padding: 4px 7px !important;
    border: 1px solid var(--stroke-02) !important;
    border-radius: 3px !important;
    background: var(--backgr-07) !important;
    color: var(--text-02) !important;
    box-shadow: none !important;
    font: 400 10px/1 var(--font) !important;
    text-shadow: none !important;
    outline: none !important;
}
#List-UserNames ul + span b {
    padding: 0 3px;
    color: var(--links-01);
    font: 400 13px/1 var(--font);
}
#List-UserNames .a1-copy,
#List-UserNames .a1-paste {
    display: inline-block !important;
    color: var(--links-01) !important;
    font: 400 9px/130% var(--font) !important;
    cursor: pointer !important;
}
#List-UserNames .a1-copy { float: left !important; }
#List-UserNames .a1-paste { float: right !important; }
.tipsy.a11 {
    max-width: 170px;
    margin-top: -22px !important;
    margin-left: 148px !important;
    font: 400 11px/normal var(--font) !important;
}
#List-UserNames ul::-webkit-scrollbar { width: 3px; }
#List-UserNames ul::-webkit-scrollbar-track { background: transparent; }
#List-UserNames ul::-webkit-scrollbar-thumb { background: var(--links-01); }


/* D4 User links
-------------------------------------------------------------*/

/* Приветствие в шапке */
#pun-status {
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    width: 150px;
    height: auto;
    color: var(--text);
    text-transform: lowercase;
    transform: rotate(-7deg);
    pointer-events: none;
    position: absolute !important;
    top: 445px !important;
    left: calc(48%) !important;
    z-index: 11 !important;
    display: flex !important;
    margin: 0px !important;
    padding: 0px !important;
    border: 0px !important;
    background: transparent !important;
}

#pun-status .container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--text);
	font: 300 10px/100% var(--font);
	text-align: left;
}

#pun-status .container strong {
	font-weight: 600 !important;
}

#pun-status .status-right,
#pun-status .item2 {
	display: none !important;
}

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

.punbb-admin #pun-status {
	display: none !important;
}

/* D5.4 */
#pun-crumbs1 {
	box-sizing: border-box;
	font-weight: 400;
	overflow: hidden;
	margin-top: 15px;
	border: 0 !important;
	background: transparent !important;
	position: relative;
}

/* D5.5 */
#pun-crumbs1 p.container {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0 !important;
	padding: 8px 0 !important;
	border: 0 !important;
	background: transparent !important;
	font: 500 9px/1 var(--font);
	text-align: center;
}

#pun-crumbs1 p.container::before,
#pun-crumbs1 p.container::after {
	display: none !important;
	content: none !important;
}

/* D5.6 */
#pun-break1 {
	display: none !important;
}

/* Нижняя цепочка навигации: только название форума по центру */
#pun-crumbs2 {
	box-sizing: border-box;
	margin: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

#pun-crumbs2 p.container {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0 !important;
	padding: 8px 0 !important;
	border: 0 !important;
	background: transparent !important;
	font: 400 9px/1 var(--font);
	text-align: center;
}

#pun-crumbs2 p.container::before,
#pun-crumbs2 p.container::after {
	display: none !important;
	content: none !important;
}

#pun-break3,
#pun-break4 {
	display: none !important;
	margin: 0 !important;
	border: 0 !important;
}

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
	padding: 0;
	margin: 0 1em -3.5em 1em;
	border-style: none none solid none;
	border-width: 0 0 1px 0;
	position: relative;
	font-weight: bold;
	display: none
}

/* D6.2 */
#pun-announcement h2 span {
	display: block;
	padding: 1em 0 0.8em 0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

/* D6.3 */
#pun-announcement .container {
	padding: 0;
}

/* D7 Statistics
-------------------------------------------------------------*/
/* D7.1 */
/* Общий блок статистики */
#pun-stats {
    position: relative;
    height: auto;
    margin: 15px 0 0 !important;
    text-align: left;
}

/* Декоративная шапка */
#pun-stats h2 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    height: 87px;
    margin: 0 !important;
    padding: 0;
    border: none !important;
    border-radius: 6px 6px 0 0;
    background: var(--cat) center / cover no-repeat;
}

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

/* Стандартный список Rusff */
#pun-stats .container {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 250px;
    grid-template-rows: repeat(4, auto) auto;
    gap: 5px 28px;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 18px 22px 22px !important;
    list-style: none;
    border: none !important;
    border-radius: 0 0 6px 6px;
    background: var(--backgr-07);
}

/* Активные пользователи — левая колонка */
#pun-stats .onlinelist {
    grid-column: 1;
    grid-row: 1 / 5;
    box-sizing: border-box;
    min-width: 0;
    min-height: 115px;
    margin: 0 !important;
    padding: 12px 16px !important;
    border-radius: 6px;
    background: var(--backgr-07);
    color: var(--text-02);
    font: 400 10px/160% var(--font);
    text-align: left;
    text-transform: lowercase;
}

/* Четыре счётчика — правая колонка */
#pun-stats .item1,
#pun-stats .item2,
#pun-stats .item3,
#pun-stats .item4 {
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    box-sizing: border-box;
    width: 250px;
    height: 24px;
    min-height: 24px;
    margin: 0;
    padding: 3px 12px;
    border: 1.5px dashed var(--stroke-02);
    border-radius: 6px;
    background: var(--backgr-03);
    color: var(--text-02);
    font: 400 10px/120% var(--font);
    text-align: center;
    text-transform: lowercase;
}

/* Порядок счётчиков */
#pun-stats .item1 {
    grid-row: 1;
}

#pun-stats .item2 {
    grid-row: 2;
}

#pun-stats .item3 {
    grid-row: 3;
}

#pun-stats .item4,
#pun-stats .item4 * {
    white-space: nowrap !important;
}

#pun-stats .item1,
#pun-stats .item2,
#pun-stats .item3 {
	flex-direction: row;
}

#pun-stats li strong {
    color: var(--hoverover-01);
    font-weight: 500;
}

#pun-stats .item3 > span {
	font-size: 0;
}

#pun-stats .item3 > span::after {
	content: "зарегистрированных:";
	font: 400 10px/160% var(--font);
}

#pun-stats .item4 > span {
	font-size: 0;
}

#pun-stats .item4 > span::after {
	content: "последний";
	font: 400 10px/200% var(--font);
}

/* Посетители за сутки — нижняя строка */
#pun-stats .users_24h {
    grid-column: 1 / -1;
    grid-row: 5;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 80px;
    margin: 10px 0 0 !important;
    padding: 12px 16px !important;
    border-radius: 6px;
    background: var(--backgr-07);
    color: var(--text-02);
    font: 400 10px/160% var(--font);
    text-align: left;
    text-transform: lowercase;
}

/* Списки пользователей */
#pun-stats .onlinelist span,
#pun-stats .users_24h span {
    display: block;
    width: 100%;
    margin-top: 4px;
    color: var(--text-03);
    text-align: justify;
    white-space: normal;
}

/* Ссылки */
#pun-stats a {
    color: var(--links-01) !important;
    font-weight: 400;
    text-decoration: none !important;
}

#pun-stats a:hover {
    color: var(--hoverover-01) !important;
}

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
	margin: 0;
	border: none;
	width: 50%;
	position: relative;
	float: left;
}

/* D8.2 */
#pun-qjump .container {
	border: none;
	background: transparent;
	padding: 0.8em 1em;
}

/* D8.3 */
#pun-about {
	margin-top: 0;
}

/* D8.4 */
#pun-about .container {
	border-top-style: none;
	text-align: right;
	line-height: 150%;
	padding: 0.8em 1em;
}

/* D8.5 */
#pun-about p span {
	display: block;
}

/* D8.7 */
#pun-crumbs2 .container {
	font-size: 1.1em;
}

/* D8.8 */
#pun-break4 {
	margin: -2px 1em;
	border-style: solid none;
	border-width: 1px 0;
	position: relative;
	height: 0;
	z-index: 1;
}


/* D9 Help file
-------------------------------------------------------------*/

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

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

/* D9.3 */
#pun-help .formal p,
#pun-help .formal dd {
	margin-bottom: 1em
}

/* D9.4 */
#pun-help .formal ul,
#pun-help .formal dl {
	padding: 0 0 0 1em
}

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

/* D9.6 */
#pun-help .formal li * {
	vertical-align: text-top
}

/* D9.7 */
#pun-help .formal dt span {
	font: 1.4em/120% monaco, "bitstream vera sans"
}

.stickytext,
.closedatafield,
#pun-live-rusff,
.pl-reports {
	display: none
}

input,
textarea {
	outline: none;
}

input:active,
textarea:active {
	outline: none;
}

:focus {
	outline: none;
}

/* Личные сообщения
-------------------------------------------------------------*/

#pun-messages #post-form {
	margin-top: 10px;
}

#pun-messages .fs-box,
#pun-messages #post-form .fs-box {
	padding: 0;
}

#pun-messages .post h3 {
	width: auto;
}

#pun-messages .post h3 span {
	width: auto !important;
}

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

#pun #pun-messages .post-author > ul > .pa-posts {
	display: none !important;
}

#pun-messages .pa-online {
	clear: both;
}

#pun-messages #togglePreview {
	top: -15px;
}

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

#pun-messages .main table {
	border-collapse: separate;
	border-spacing: 0 6px;
}

#pun-messages .main tbody tr {
	color: var(--text-02);
	font: 400 10px/130% var(--font);
}

#pun-messages .main tbody td {
	padding: 10px 12px !important;
	border: 0 !important;
	background: var(--backgr-03);
	vertical-align: middle;

	transition:
		background-color .2s ease;
}

#pun-messages .main tbody td:first-child {
	border-radius: 6px 0 0 6px;
}

#pun-messages .main tbody td:last-child {
	border-radius: 0 6px 6px 0;
}

#pun-messages .main tbody tr:hover td {
	background: var(--backgr-07);
}

#pun-messages .main tbody tr.inew td {
	background: var(--backgr-07);
}

#pun-messages .main tbody tr.inew .tclcon a {
	color: var(--links-05) !important;
}

#pun-messages .main .tcl .intd > .icon {
	display: block !important;
	flex: 0 0 20px;
	box-sizing: border-box;
	width: 20px !important;
	height: 20px !important;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
	background: var(--stroke-02) !important;
	background-image: none !important;
	clip-path: polygon(
		50% 0%,
		58% 18%,
		73% 6%,
		72% 25%,
		91% 22%,
		81% 38%,
		100% 44%,
		83% 54%,
		97% 68%,
		77% 69%,
		83% 87%,
		65% 79%,
		62% 99%,
		50% 83%,
		38% 99%,
		35% 79%,
		17% 87%,
		23% 69%,
		3% 68%,
		17% 54%,
		0% 44%,
		19% 38%,
		9% 22%,
		28% 25%,
		27% 6%,
		42% 18%
	);

	-webkit-clip-path: polygon(
		50% 0%,
		58% 18%,
		73% 6%,
		72% 25%,
		91% 22%,
		81% 38%,
		100% 44%,
		83% 54%,
		97% 68%,
		77% 69%,
		83% 87%,
		65% 79%,
		62% 99%,
		50% 83%,
		38% 99%,
		35% 79%,
		17% 87%,
		23% 69%,
		3% 68%,
		17% 54%,
		0% 44%,
		19% 38%,
		9% 22%,
		28% 25%,
		27% 6%,
		42% 18%
	);

	font-size: 0 !important;
	line-height: 0 !important;
	opacity: .35;
}

#pun-messages .main tr.inew .tcl .intd > .icon {
	background: var(--links-05) !important;
	opacity: 1;
}

.punbb fieldset {
	border-color: transparent !important;
}

/* Модальные и диалоговые окна
-------------------------------------------------------------*/
#mask_dialog .inner,
.modal-inner.section,
#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner,
.editBookmark {
	padding: 15px 20px !important;
	border: 1px solid var(--stroke-03) !important;
	border-radius: 6px;
	background: var(--backgr-02);
	color: var(--text-02);
}

.post_reputation {
	padding: 15px 20px !important;
	border: 0 !important;
	border-radius: 6px;
	background: var(--backgr-02);
	color: var(--text-02);
}

/* убрать обводки внутри окна коммента */

.post_reputation,
#pun-reputation .post_reputation {
	padding: 15px 20px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: var(--backgr-02) !important;
	color: var(--text-02) !important;
	box-shadow: none !important;
}

/* убираем все табличные линии внутри формы */
.post_reputation table,
.post_reputation tbody,
.post_reputation tr,
.post_reputation th,
.post_reputation td,
#pun-reputation table,
#pun-reputation tbody,
#pun-reputation tr,
#pun-reputation th,
#pun-reputation td {
	border: 0 !important;
	border-collapse: collapse !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* убираем доп. разделители, если они есть */
.post_reputation hr,
.post_reputation .container,
.post_reputation .formal,
.post_reputation .formal .container,
#pun-reputation hr,
#pun-reputation .container,
#pun-reputation .formal,
#pun-reputation .formal .container {
	border: 0 !important;
	box-shadow: none !important;
	background-image: none !important;
}

/* textarea */
.post_reputation textarea,
#pun-reputation textarea {
	box-sizing: border-box !important;
	width: 100% !important;
	padding: 15px !important;
	border: 1px solid var(--stroke-02) !important;
	border-radius: 10px !important;
	background: var(--backgr-03) !important;
	color: var(--text-02) !important;
	box-shadow: none !important;
	resize: vertical;
}

/* кнопки */
.post_reputation .button,
.post_reputation input[type="button"],
.post_reputation input[type="submit"],
#pun-reputation .button,
#pun-reputation input[type="button"],
#pun-reputation input[type="submit"] {
	margin: 0 !important;
	padding: 5px 15px 7px !important;
	border: 0 !important;
	border-radius: 15px !important;
	background: var(--links-01) !important;
	color: var(--text) !important;
	box-shadow: none !important;
	font: 600 9px/1 var(--font) !important;
	text-transform: lowercase;
	cursor: pointer;
}

#post legend span {
	display: none
}

#font-area,
#size-area,
#color-area,
#table-area,
#smilies-area,
#image-area,
#imageup-area,
#imageattach-area,
#keyboard-area,
#video-area,
#addition-area {
	top: 55px !important;
}

#font-area,
.popup_graffiti,
#size-area,
#image-area,
#imageup-area,
#imageattach-area,
#color-area,
#addition-area,
#video-area,
.inner .popup_graffiti,
#table-area,
#keyboard-area,
#smilies-area,
#spoiler-area,
#meny_My_replic {
	box-sizing: border-box;
	z-index: 5 !important;
	border: 1px solid var(--stroke-02) !important;
	border-radius: 6px;
	background-color: var(--backgr-03) !important;
	color: var(--text-01);
}

#font-area {
	height: 300px;
	overflow-y: auto;
	padding: 5px;
	text-align: left;
	width: 150px
}

.pl-reports {
	display: none !important;
}

.pa-avatar {
	display: inline-flex;
	line-height: 0;
	border-radius: 0px;
	overflow: hidden
}

.pa-avatar img {
	max-width: 180px;
	max-height: 180px;
}

.post-content td {
	border: none transparent !important;
	overflow: hidden !important;
}

#tags .container {
	position: absolute;
	right: 25px;
	top: 80px !important;
	z-index: 2 !important;
	display: flex;
	flex-direction: column;
	row-gap: 6px;
}

/* Выделение текста
-------------------------------------------------------------*/

/* Цвет выделенного пользователем текста */
::selection {
	background: var(--backgr-01);
	color: var(--text);
}

/* Полоса прокрутки Firefox
-------------------------------------------------------------*/
@-moz-document url-prefix() {
body * {
	scrollbar-width: thin;
	scrollbar-color: var(--backgr) rgba(20, 18, 15, 0.01);
}

html {
	scrollbar-width: thin;
	scrollbar-color: var(--backgr-04) rgba(0, 0, 0, 0.01);
}

.personal_page-scroll {
	scrollbar-width: thin;
	scrollbar-color: var(--backgr-04) rgba(0, 0, 0, 0.01);
}
}

/* Полоса прокрутки Chrome, Edge, Opera и Safari
-------------------------------------------------------------*/
::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background-color: var(--backgr-04);
	border-radius: 10px !important;
}

/* Ползунок полосы прокрутки */
::-webkit-scrollbar-thumb {
	background-color: var(--backgr);
	width: 4px !important;
	border-radius: 100px !important;
}

.personal_page-scroll::-webkit-scrollbar-thumb {
	background-color: var(--backgr-04);
	width: 4px !important;
	border-radius: 100px !important;
}

/* HTML-вверх
--------------------------------------------------------- */
#html-header {
	color: var(--text-01);
}

#html-header a {
	color: var(--links-01);
}

#html-header a:hover {
	color: var(--hoverover-01)
}

.post-content abbr {
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-color: var(--text-02)
}

/* Пользовательская навигация
-------------------------------------------------------------*/
#pun #pun-ulinks #Rz {
	display: none !important;
}

.punbb-admin textarea {
	display: block;
	box-sizing: border-box;
	width: 100% !important;
	max-width: 100%;
	border-radius: 6px;
	border-color: var(--stroke-03);
}

input[type="checkbox"] {
	border-radius: 0%;
	appearance: none;
	padding: 5px !important;
	cursor: pointer;
	transition: all .2s ease-in-out 0s;
        margin-right: 10px !important;
	border: 1px solid var(--stroke-03) !important;
	border-radius: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

input[type="radio"] {
	border-radius: 0%;
	appearance: none;
	padding: 5px !important;
	cursor: pointer;
	transition: all .2s ease-in-out 0s;
        margin-right: 10px !important;
	border: 1px solid var(--stroke-03) !important;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

input[type="checkbox"]:checked:after,
input[type="radio"]:checked:after {
	content: "\f00c";
	font-family: FontAwesome;
	font-size: 8px;
	position: absolute;
	font-weight: bold
}

:is(span, p).checkfield {
	display: flex;
	margin-top: 10px !important;
	align-items: center
}

/* Ссылки управления сообщением
-------------------------------------------------------------*/

/* Скрывает кнопку «поделиться» */
.pl-share {
    display: none !important;
}

/* Скрывает ссылку на email пользователя */
.pl-email.email {
    display: none !important;
}

body.post-content {
	box-sizing: border-box !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

#post-form {
	padding: 0px 0px !important;
}


.intd {
	display: flex;
	align-items: center
}

#post-form h2 {
	display: none
}

/* Быстрый ответ
-------------------------------------------------------------*/

/* Убираем системные рамки, оставляя одну общую оболочку. */
#pun-viewtopic #post-form,
#pun-viewtopic #post-form .formal,
#pun-viewtopic #post-form fieldset,
#pun-viewtopic #post-form .fs-box,
#pun-viewtopic #post-form .container,
#pun-viewtopic #post-form .post-box {
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
}

#pun-viewtopic #post-form .areafield,
#pun-viewtopic #post-form .areafield.required,
#pun-viewtopic #post-form .textarea,
#pun-viewtopic #post-form .textarea-box {
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

/* Панель редактора и поле сообщения. */
#pun-viewtopic #post-form .fs-box {
	box-sizing: border-box;
	padding: 10px 20px !important;
	border-radius: 6px;
	background: var(--backgr-07);
}


#pun-viewtopic #main-reply:focus,
#pun-viewtopic #main-reply:focus-visible,
#pun-viewtopic #post-form #form-buttons,
#pun-viewtopic #post-form .form-buttons {
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
}

/* Кнопки отправки и предпросмотра. */
#pun-viewtopic #post-form input[type="submit"],
#pun-viewtopic #post-form input[type="button"],
#pun-viewtopic #post-form button {
    box-sizing: border-box;
    min-height: 24px;
    padding: 3px 10px 4px !important;
    border: 1px solid var(--stroke-03) !important;
    border-radius: 6px 6px 4px 4px !important;
    outline: 0 !important;
    background: var(--backgr) !important;
    background-image: none !important;
    color: var(--text) !important;
    box-shadow: none !important;
    font: 400 10px / 100% var(--font) !important;
    text-shadow: none !important;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

#pun-viewtopic #post-form input[type="submit"]:nth-of-type(even),
#pun-viewtopic #post-form input[type="button"]:nth-of-type(even),
#pun-viewtopic #post-form button:nth-of-type(even) {
	border-bottom-color: var(--text-02) !important;
}

#pun-viewtopic #post-form input[type="submit"]:hover,
#pun-viewtopic #post-form input[type="button"]:hover,
#pun-viewtopic #post-form button:hover {
	background: var(--hoverover-01) !important;
	color: var(--text) !important;
}

#pun-viewtopic #post-form input[type="submit"]:focus,
#pun-viewtopic #post-form input[type="button"]:focus,
#pun-viewtopic #post-form button:focus {
	outline: 0 !important;
	box-shadow: none !important;
}

/* Страница профиля
-------------------------------------------------------------*/
#profile fieldset #charcounter {
	display: none
}

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

.rait_wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	margin-top: 20px;
	flex-direction: row-reverse;
}

.punbb .post-rating {
	height: auto;
	display: flex;
	justify-content: flex-end;
	align-items: stretch;
}

.punbb .post-rating p,
.punbb .post-rating {
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
}

.punbb .post-rating p.container,
.punbb .post-vote {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	font: 300 7px/100% var(--font);
	padding: 3px 10px !important;
	margin: 0 !important;
	background: var(--backgr-07);
	align-self: stretch;
	border-radius: 10px;
}

.punbb .post-vote .container {
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.punbb .post-rating a {
	height: auto;
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	color: var(--text-01) !important;
	gap: 5px;
}

.punbb .post-rating a::before {
	content: "\f004";
	font: 10px FontAwesome;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: var(--links-01);
	transition: all .4s linear 0s;
}

.punbb .post-vote a {
	color: transparent !important;
	height: auto;
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	align-self: stretch;
}

.punbb .post-vote a::before {
	content: "\f075";
	font: 10px FontAwesome;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: .5;
	color: var(--text-01);
	transition: all .4s linear 0s;
}

.punbb .mylike .post-rating a::before {
	color: var(--text-01);
	opacity: .3;
}

.punbb .post-rating a:hover::before,
.punbb .post-vote a:hover::before {
	color: var(--text-01);
}

.punbb .mylike .post-vote {
	display: none;
}

#profile {
	display: flex;
}

#pun-profile #profile fieldset,
#pun-profile #profile fieldset fieldset {
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
}

#profile form.container {
	width: 100%;
	padding-left: 18.6em;
	background-color: var(--backgr-02);
	border-radius: 10px;
}

#pun #keyboard-span input {
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: 300;
	font-size: 12px;
	color: var(--text-01) !important;
	background-color: var(--backgr-02);
	margin: 1px 1px 0 0;
	margin-top: 1px;
	border: 1px solid var(--stroke-01) !important;
	cursor: pointer;
	padding: 0 10px !important;
	height: 25px;
	min-width: 30px;
}

#pun #keyboard-span input+input {
	margin: 3px
}

/* Страница профиля 
-------------------------------------------------------------*/
#pun-profile .profile-bg,
#pun-profile .personal_bg {
	display: none !important;
	position: static !important;
	inset: auto !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	background: none !important;
}

#pun-profile #viewprofile-next .container {
	position: relative;
	display: block !important;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 52px 22px 22px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: var(--backgr-07) !important;
	box-shadow: none !important;
	color: var(--text-02);
	font: 400 9px/130% var(--font);
}

#pun-profile #viewprofile-next #profilenav {
	display: none !important;
}

#pun-profile #viewprofile {
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
}

#pun-profile #viewprofile ul {
	margin: 0 !important;
	padding: 0 !important;
}

#pun-profile #viewprofile tr {
	display: grid !important;
	grid-template-columns: 230px minmax(0, 1fr);
	gap: 10px;
	width: 100%;
}

#pun-profile #profile-name {
	position: absolute !important;
	top: 18px !important;
	left: 22px !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: calc(100% - 44px) !important;
	height: 25px !important;
	margin: 0 !important;
	padding: 0 15px !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: var(--backgr-03) !important;
	color: var(--text-02) !important;
	font: 500 11px/34px var(--font) !important;
	text-align: center;
}

#pun-profile #profile-name strong,
#pun-profile #profile-name a {
	box-sizing: border-box;
	margin: 0 !important;
	padding: 0 !important;
	color: inherit !important;
	font: inherit !important;
	text-align: center;
}

#pun-profile #profile-left {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	box-sizing: border-box;
    width: 230px !important;
    min-width: 230px;
	margin: 0 !important;
	padding: 20px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: var(--backgr-03) !important;
	color: var(--text-02);
	text-align: center;
}

#pun-profile #profile-left li,
#pun-profile #profile-left div,
#pun-profile #profile-left strong {
	box-sizing: border-box;
	margin: 0 !important;
	padding: 0 !important;
}

#pun-profile #profile-title,
#pun-profile #profile-title strong,
#pun-profile #profile-online,
#pun-profile #profile-online strong {
	color: var(--text-04) !important;
	font: 400 10px/100% var(--font) !important;
}

#pun-profile #pa-avatar,
#pun-profile #profile-avatar {
	display: block !important;
	overflow: hidden;
	line-height: 0;
}

#pun-profile #pa-avatar img,
#pun-profile #profile-avatar img {
	display: block;
	width: auto !important;
	max-width: 220px !important;
	height: auto !important;
	max-height: none !important;
	margin: 0 auto !important;
	border: 0 !important;
	object-fit: cover;
}

#pun-profile #profile-left a {
	color: var(--links) !important;
	font: 400 9px/120% var(--font) !important;
	text-decoration: none !important;
}

#pun-profile #profile-left a:hover {
	color: var(--hoverover-01) !important;
}

#pun-profile #profile-left #pa-edit {
	display: flex !important;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: 0 18px !important;
	border-radius: 15px !important;
	background: var(--backgr) !important;
}

#pun-profile #profile-right {
	display: flex !important;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 7px;
	box-sizing: border-box;
	width: 100% !important;
	min-width: 0;
	margin: 0 !important;
	padding: 15px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: var(--backgr-05) !important;
}

#pun-profile #profile-right > ul {
	display: contents !important;
}

#pun-profile #profile-right > li,
#pun-profile #profile-right > ul > li {
	position: relative;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	align-self: stretch;
	box-sizing: border-box;
	min-width: 0;
	margin: 0 !important;
	padding: 5px 10px !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: var(--backgr-03) !important;
	color: var(--text) !important;
	font: 400 9px/120% var(--font) !important;
	text-align: center;
}

#pun-profile #profile-right > li > span,
#pun-profile #profile-right > ul > li > span,
#pun-profile #profile-right .fld-name {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	margin: 0 !important;
	padding: 4px 12px !important;
	border-radius: 3px !important;
	background: var(--backgr-07) !important;
	color: var(--text-01) !important;
	font: 400 8px/100% var(--font) !important;
	text-transform: uppercase;
}

#pun-profile #profile-right > li:not(#pa-edit):not(#pa-fld1):not(#pa-fld4) > strong,
#pun-profile #profile-right > ul > li:not(#pa-edit):not(#pa-fld1):not(#pa-fld4) > strong {
	margin: 0 !important;
	padding: 5px !important;
	color: var(--text-02) !important;
	font: 400 8px/100% var(--font) !important;
	width: auto !important;
	max-width: 100%;
	border-radius: 3px !important;
}

#pun-profile #pa-edit strong {
	width: auto !important;
	max-width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	color: inherit !important;
	font: inherit !important;
}

#pun-profile #pa-fld1 > strong,
#pun-profile #pa-fld4 > strong {
	margin: 0 !important;
	padding: 0 !important;
	color: inherit !important;
	font: inherit !important;
}

#pun-profile #pa-respect a,
#pun-profile #pa-positive a,
#pun-profile #pa-email a,
#pun-profile #pa-messages a,
#pun-profile #pa-posts a,
#pun-profile #pa-last-post a {
	color: var(--links-01) !important;
	font: 500 8px/120% var(--font) !important;
	text-decoration: none !important;
}

#pun-profile #pa-respect a:hover,
#pun-profile #pa-positive a:hover,
#pun-profile #pa-email a:hover,
#pun-profile #pa-messages a:hover,
#pun-profile #pa-posts a:hover,
#pun-profile #pa-last-post a:hover {
	color: var(--hoverover-01) !important;
}

#pun-profile #pa-edit {
	background: var(--backgr) !important;
}

#pun-profile #pa-edit a {
	color: var(--links) !important;
}

#pun-profile #profile-right > :is(#pa-email, #pa-messages, #pa-posts, #pa-last-post),
#pun-profile #profile-right > ul > :is(#pa-email, #pa-messages, #pa-posts, #pa-last-post) {
	flex: 1 1 calc(40% - 46px) !important;
	min-width: 0;
}

/* «Инфо» и плашка */
#pun-profile #profile-right > #pa-fld1,
#pun-profile #profile-right > ul > #pa-fld1 {
	flex: 0 1 205px !important;
	width: 205px !important;
	max-width: 205px !important;
	overflow: hidden !important;
}

#pun-profile #pa-fld1 > strong,
#pun-profile #pa-fld1 .profile-info,
#pun-profile #pa-fld1 .profile-text {
	box-sizing: border-box;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

#pun-profile #pa-fld1 .profile-info {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	margin: 0 auto !important;
}

#pun-profile #pa-fld1 .lz_wrap {
	display: flex !important;
	flex-direction: column;
	gap: 2px;
}

#pun-profile #pa-fld1 .profile-name,
#pun-profile #pa-fld1 .lz_ank {
	color: var(--links-01) !important;
	font: 400 11px/120% var(--font-01) !important;
	text-decoration: none !important;
}

#pun-profile #pa-fld1 .profile-role,
#pun-profile #pa-fld1 .activity {
	color: var(--text-04) !important;
	font: 400 8px/120% var(--font) !important;
	text-transform: lowercase;
}

#pun-profile #pa-fld1 .profile-text,
#pun-profile #pa-fld1 .lz_desc {
	color: var(--text-02) !important;
	font: 400 8px/140% var(--font) !important;
	text-align: center;
}

#pun-profile #pa-fld1 .profile-text {
	overflow: hidden !important;
}

#pun-profile #profile-right > #pa-fld4,
#pun-profile #profile-right > ul > #pa-fld4 {
	flex: 0 0 auto !important;
	width: auto !important;
	max-width: none !important;
	overflow: visible !important;
}

#pun-profile #pa-fld4 .profile-banner,
#pun-profile #pa-fld4 .personal_banner {
	display: flex !important;
	flex: 0 0 196px !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box;
	width: 196px !important;
	min-width: 196px !important;
	max-width: 196px !important;
	height: 36px !important;
	margin: 0 !important;
	padding: 0 8px !important;
	overflow: hidden !important;
	border-radius: 3px !important;
	background-color: #809497;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	color: #fff !important;
	text-align: center !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .45) !important;
}

#pun-profile #profile-right > li#pa-invites,
#pun-profile #profile-right > ul > li#pa-invites,
#pun-profile #pa-invites,
#pun-profile #pa-gifts,
#pun-profile #pa-awards {
	display: none !important;
}

#BookmCntToggle {
	margin-top: 1px !important;
	z-index: 9999;
}

#MyBookmarks {
	background: var(--backgr-02);
	text-shadow: none;
	color: var(--links-01);
	padding: 20px 20px 10px 20px;
	box-sizing: border-box;
	width: 280px !important;
}

#MyBookmarks inner {
	padding-top: 40px !important;
}

#BookmCntToggle.default-style {
	background: var(--backgr-02) !important;
	border-radius: 2px;
	box-shadow: 2px 2px 1px #000;
	opacity: .95;
}

#MyBookmarks h2 {
	margin: 0 !important;
	padding: 10px 20px !important;
	background: var(--backgr-02);
	border-radius: 6px;
	border: 1px solid var(--stroke-01) !important;
	box-sizing: border-box;
	margin-bottom: 20px !important;
}

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

#BookmCntToggle.default-style {
	color: var(--links-01) !important;
	z-index: 9999
}

#BookmCntToggle {
	top: 10px;
	left: 60px !important;
}

#MyBookmarks {
	z-index: 99999 !important;
}

#bm2 {
	right: 20px !important;
}

#pun .scrl.t,
#pun .scrl.b {
	box-shadow: none !important;
	background: var(--backgr-02);
	border: 1px solid var(--stroke-01);
	border-radius: 6px;
	width: 110px;
}

.scrl.t+.scrl.b {
	margin-left: 10px !important;
}

#imageupload-left input[type=button] {
	width: auto !important
}

#pun-respect td {
	padding: .8em !important;
	overflow-wrap: normal
}

#pun hr {
	opacity: 1;
	filter: none;
	background: var(--backgr-02);
	border: none;
	height: 1px;
	margin: .8em auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

#pun hr:after {
	content: "";
	display: block;
	background: var(--cover);
	border: 1px solid var(--stroke-01);
	height: 7px;
	width: 7px;
	position: absolute;
	transform: rotate(45deg)
}

#topic-feed {
	display: none
}

#navpm {
	position: relative
}

#pun .num_msg {
	position: absolute;
	margin-top: 0;
	margin-right: 0px;
	top: 0px;
	right: -15px;
	font-size: 10px;
	font-weight: 700;
	background: red;
	padding: 1px 4px;
	border-radius: 100px;
	height: 14px;
	color: var(--text);
	cursor: pointer;
	z-index: 10
}

#pun .num_msg:before {
	display: none
}

.post-content table {
	border-radius: 5px;
	overflow: hidden
}

img[alt~="hide-autor2"] {
	opacity: 0;
	display: none
}

#form-buttons {
	margin-bottom: 0px !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
	flex-direction: row;
	padding: 10px 0 5px;
	align-items: flex-start;
}

#plng {
    font-size: 12px !important;
    font-weight: 300 !important;
    margin-top: 0px !important;
    padding: 5px 0px !important;
    transition: all 0.3s ease-in-out 0s;
  text-transform: uppercase;
  white-space: nowrap;
	font-family: var(--font);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	align-self: stretch
}

#plng b {
  font-weight: 800;
	font-size: 10px;
	margin-right: 5px
}


#form-buttons td img {
	position: relative
}

#form-buttons tr {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  gap: 5px;
  flex-wrap: wrap;
}

#form-buttons table {
  flex: auto;
  display: flex;
  flex-wrap: wrap;
  padding: 0px 0;
}

#form-buttons td {
	transition: all .5s ease-in-out 0s;
	color: var(--text-01);
  width: 22px;
}

#form-buttons td:hover {
	color: var(--text-01);
}


#button-font,
#button-transL,
#button-size,
#button-bold,
#button-italic,
#button-underline,
#button-strike,
#button-indent,
#button-left,
#button-center,
#button-right,
#button-justify,
#floatbut,
#button-link,
#button-spoiler,
#button-image,
#button-video,
#button-hide,
#button-quote,
#button-code,
#button-color,
#button-table,
#button-smile,
#button-sticker,
#button-keyboard,
#button-addition,
#button-mask,
#button-html,
#button-vkladka,
#My_replic_meny,
#button-ChangeСase,
#button-smstory,
#button-smpost{
	position: relative !important;
	background: none !important;
}

#button-font:before,
#button-transL:before,
#button-size:before,
#button-bold:before,
#button-italic:before,
#button-underline:before,
#button-strike:before,
#button-indent:before,
#button-left:before,
#button-center:before,
#button-right:before,
#button-justify:before,
#floatbut:before,
#button-link:before,
#button-spoiler:before,
#button-image:before,
#button-video:before,
#button-hide:before,
#button-quote:before,
#button-code:before,
#button-color:before,
#button-table:before,
#button-smile:before,
#button-sticker::before,
#button-keyboard:before,
#button-addition:before,
#button-mask:before,
#button-html:before,
#button-vkladka:before,
#My_replic_meny:before,
#button-ChangeСase:before,
#button-smstory:before,
#button-smpost:before {
	content: "";
	height: 26px;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-family: FontAwesome;
	text-align: center;
	font-size: 15px;
	line-height: 26px;
	z-index: 0
}

#button-font:before {
	content: "\f031"
}

#button-transL:before {
	content: "\f362"
}

#button-ChangeСase:before {
	content: "\f15e"
}

#button-size:before {
	content: "\f034"
}

#button-bold:before {
	content: "\f032"
}

#button-italic:before {
	content: "\f033"
}

#button-underline:before {
	content: "\f0cd";
	top: 1px
}

#button-strike:before {
	content: "\f0cc"
}

#button-indent:before {
	content: "\f03c"
}

#button-left:before {
	content: "\f036"
}

#button-center:before {
	content: "\f037"
}

#button-right:before {
	content: "\f038"
}

#button-justify:before {
	content: "\f039"
}

#floatbut:before {
	content: "\f03b"
}

#button-link:before {
	content: "\f0c1"
}

#button-spoiler:before {
	content: "\f070";
	font-size: 17px
}

#button-image:before {
	content: "\f03e";
	font-size: 18px
}

#button-video:before {
	content: "\f167";
	font-size: 18px;
	top: 0px
}

#button-hide:before {
	content: "\f023"
}

#button-quote:before {
	content: "\f10e"
}

#button-code:before {
	content: "\f121";
}

#button-color:before {
	content: "\f576"
}

#button-table:before {
	content: "\f0ce"
}

#button-smile {
	display: none !important;
}

#button-smile:before {
	content: "\f118"
}

#button-sticker:before {
	content: "\f118"
}

#button-vkladka:before {
	content: "\f58d"
}

td#button-files_rusff,
td#button-graffiti_rusff {
	display: none !important;
}

#button-keyboard:before {
	content: "\f11c";
	font-size: 16px
}

#button-addition:before {
	content: "\f0fe"
}

#button-mask:before {
	content: "\f630"
}

#button-html:before {
	content: "\f1c9"
}

/*Размытие на зачеркнутый текст*/
del {
    filter: blur(3px);
    text-decoration: none;
    transition:.33s;
}
del:hover {
    filter: initial;
    transition:.63s;
}

/* правка абзацев */
#pun .post-content p {
	padding: 0
}

#pun .post-content p + p {
	margin-top: 1em
}

#pun .post-content p + p, #pun .post-content p + .code-box, #pun .post-content p + .quote-box {
	margin-top: 1em
}

#pun-userlist #userlist, #pun-userlist .usertable, #pun-respect #pun-main table, #pun-positive #pun-main table, .section.online-list {
	background: var(--backgr-02);
	border-radius: 15px;
}

.section.online-list {
	padding: 10px 30px
}

#pun-userlist #userlist, #pun-userlist .usertable {
	margin-bottom: 10px
}

#filetable tr {
	 display: flex !important;
	gap: 10px;
}

#filetable tr + tr {
	margin-top: 10px !important;
}

#filetable .tc0.ft-image {
	flex: 1;
	max-width: 100px
}

#notify-link .unreads,
#navpm .unreads {
  display:flex;
	justify-content: center;
	align-items: center;
  position:absolute;
  top:-.2em !important;
  right:-1.5em !important;
  height:13px !important;
  width:13px !important;
	min-width: 13px !important;
  padding:0 !important;
  box-sizing:border-box;
  text-align:center;
  border-radius:8px;
  font:normal 9px Tahoma,Verdana !important;
	line-height: 140% !important;
  cursor:pointer;
  color:var(--text);
  background:var(--hoverover-02);
	box-shadow: none !important;
  text-shadow:none;
  z-index:1
}

.punbb .view-dialog .fs-box > .container, .punbb .view-search .fs-box > .container, .punbb .view-bookmarks .fs-box > .container {
	padding-right: 10px !important;
}

#pun .nav-item-notifications a {
	display: flex !important;
	gap: 2px;
	align-items: center;
}

#pun .bubble {
  position: relative;
  right: 0px;
  text-align: center;
  top: -1px !important;
}
#pun .bubble:after {
  display: none !important;
}

/* футер */
#html-footer {
	clear: both;
	box-sizing: border-box;
	width: 1000px;
	margin: -15px 0 -30px -30px !important;
	padding: 0 !important;
	border: 0 !important;
	height: 141px;
	background: transparent !important;
}

#html-footer > .container {
	box-sizing: border-box;
	width: 1000px;
	height: 141px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

#author-footer{clear:both;position:relative;box-sizing:border-box;width:100%;height:141px;margin:0;padding:0;border:0;border-radius:0 0 6px 6px;overflow:hidden}
#author-footer .footer_wrapper{position:relative;box-sizing:border-box;width:100%;height:141px;margin:0;padding:0;border:0;border-radius:0 0 6px 6px;background:var(--fot) center bottom/100% 141px no-repeat;overflow:hidden}
#author-footer .footer-content{position:absolute;inset:0;display:grid;grid-template-columns:370px minmax(0,1fr);align-items:center;gap:22px;box-sizing:border-box;padding:22px 35px 18px 85px}
#author-footer .footer-quote{display:flex;align-items:center;box-sizing:border-box;width:370px;height:92px;margin:0;padding:14px;border:1px solid var(--stroke-02);border-radius:3px;background:var(--backgr-07);box-shadow:0 2px 5px var(--shadow);overflow:hidden}
#author-footer .footer-quote__text{box-sizing:border-box;width:100%;max-height:64px;margin:0;padding:0 5px 0 0;overflow:auto;color:var(--text-02);font:400 9px/145% var(--font);text-align:justify;text-transform:lowercase}
#author-footer .footer-banners{box-sizing:border-box;width:100%;height:92px;margin:0;padding:0;overflow:visible}
#author-footer .footer-banners__list{display:grid;grid-template-columns:repeat(5,88px);grid-auto-rows:31px;justify-content:start;align-content:start;gap:8px 10px;width:max-content;margin:0;padding:0}
#author-footer .footer-banners a{display:block;width:88px;height:31px;margin:0;padding:0;opacity:.6;text-decoration:none;transition:opacity .25s ease,transform .25s ease,filter .25s ease}
#author-footer .footer-banners a:hover{opacity:1;transform:translateY(-2px);filter:brightness(1.05)}
#author-footer .footer-banners img{display:block;width:88px!important;height:31px!important;margin:0!important;padding:0!important;border:0!important;object-fit:cover}

#pun > #author-footer {
	width: 1000px;
	min-width: 1000px;
	max-width: 1000px;
	margin: -110px -30px -30px !important;
	z-index: 2;
}

#header_wrapper {
	background: var(--cap);
	width: 1000px;
	height: 535px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font: medium 9px var(--font);
	color: var(--text-01);
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

/* Переключатель светлой и тёмной темы */
#header_wrapper #theme-switcher {
	position: absolute;
	top: 95px;
	left: 920px;
	z-index: 60;
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#header_wrapper #theme-switcher li {
	display: block;
	margin: 0;
	padding: 0;
}

#header_wrapper #theme-switcher button {
	display: block;
	box-sizing: border-box;
	width: 22px;
	height: 22px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	opacity: .55;
	transition: opacity .25s ease, transform .25s ease;
}

#header_wrapper #theme-switcher .theme-light-button {
	background-image: var(--light);
}

#header_wrapper #theme-switcher .theme-dark-button {
	background-image: var(--darkness);
}

#header_wrapper #theme-switcher button:hover,
#header_wrapper #theme-switcher .is-active button {
	opacity: 1;
}

#header_wrapper #theme-switcher button:hover {
	transform: scale(1.08);
}

#header_wrapper #theme-switcher button:focus-visible {
	outline: 2px solid var(--hoverover-01);
	outline-offset: 2px;
}

#MyBookmarks {
    display: none;
    position: fixed;
    z-index: 101;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    width: 240px;
    background: var(--backgr) !important;
}

/*  категории */

#pun-index .tc2,
#pun-index .tc3,
#pun-index .tcmod {
	display: none;
}

#pun-index #pun-category1 {
	margin-top: 0 !important;
}

#pun-index .category + .category {
	margin-top: 18px !important;
}

/* чередование */
#pun-index .category {
	display: flex;
	flex-direction: row-reverse;
	align-items: stretch;
	box-sizing: border-box;
	width: 100%;
	min-height: 1px;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 6px;
	background: transparent;
	overflow: hidden;
	transition: box-shadow .25s ease-in-out;
}

#pun-index #pun-category2,
#pun-index #pun-category4,
#pun-index #pun-category6,
#pun-index #pun-category8,
#pun-index #pun-category10 {
	flex-direction: row;
}

#pun-index .category:hover {
	box-shadow: 0 6px 14px var(--shadow);
}

#pun-index .category h2 {
	position: relative;
	display: flex;
	flex: 0 0 130px;
	align-items: flex-end;
	justify-content: center;
	box-sizing: border-box;
	width: 130px;
	min-height: 0;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 6px 6px 0;
	background: var(--cat) no-repeat center top / cover;
	overflow: hidden;
}

#pun-index #pun-category2 h2,
#pun-index #pun-category4 h2,
#pun-index #pun-category6 h2,
#pun-index #pun-category8 h2,
#pun-index #pun-category10 h2 {
	border-radius: 6px 0 0 6px;
}

#pun-index .category h2::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, .08);
	pointer-events: none;
}

#pun-index .category h2 span {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

#pun-index #pun-category1 h2 { background-image: var(--cat-1); }
#pun-index #pun-category2 h2 { background-image: var(--cat-2); }
#pun-index #pun-category3 h2 { background-image: var(--cat-3); }
#pun-index #pun-category4 h2 { background-image: var(--cat-4); }
#pun-index #pun-category5 h2 { background-image: var(--cat-5); }
#pun-index #pun-category6 h2 { background-image: var(--cat-6); }

/* Подложка категории */
#pun-index .category .container {
	position: relative;
	flex: 1 1 auto;
	box-sizing: border-box;
	min-width: 0;
	margin: 0 !important;
	padding: 15px;
	border: 0 !important;
	border-radius: 6px 0 0 6px;
	background: var(--backgr-03);
	overflow: visible;
}

#pun-index #pun-category2 .container,
#pun-index #pun-category4 .container,
#pun-index #pun-category6 .container,
#pun-index #pun-category8 .container,
#pun-index #pun-category10 .container {
	border-radius: 0 6px 6px 0;
}

#pun-index .category table,
#pun-index .category tbody {
	display: block;
	width: 100%;
}

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

#pun-index .category td {
	padding: 0 !important;
	border: 0 !important;
}

#pun-index .category tr {
	position: relative;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 112px;
	margin: 0;
	padding: 18px 20px;
	border: 1px solid var(--stroke-02);
	border-radius: 6px;
	background: var(--backgr-07);
	font: 400 10px/145% var(--font);
	overflow: visible;
	gap: 25px;
}

#pun-index .category tr + tr {
	margin-top: 24px;
}

/* иконка старые/новые */
#pun-index .category .tcl {
	display: block;
	flex: 1 1 0;
	align-self: stretch;
	box-sizing: border-box;
	width: auto !important;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible;
}

#pun-index .category .tcl .intd {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	gap: 18px;
}

#pun-index .category .tclcon {
	order: 1;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0 0 8px;
	color: var(--text-02);
	font: 400 10px/145% var(--font);
	text-align: justify;
	gap: 5px;
}

#pun-index .category .tclcon > br {
	display: none;
}

#pun-index .category .tcl .icon {
	order: 2;
	display: block !important;
	flex: 0 0 var(--forum-icon-size);
	box-sizing: border-box;
	width: var(--forum-icon-size) !important;
	height: var(--forum-icon-size) !important;
	margin: 0 !important;
	padding: 0 !important;
	background: var(--forum-icon-old) no-repeat center / contain !important;
	opacity: var(--forum-icon-old-opacity);
	filter: none !important;
	clip-path: none !important;
	-webkit-clip-path: none !important;
}

#pun-index .category tr.inew .icon,
#pun-index .category .icon.inew {
	background-image: var(--forum-icon-new) !important;
	opacity: var(--forum-icon-new-opacity);
}

#pun-index .category tr.iclosed:not(.inew) .icon,
#pun-index .category tr.isticky:not(.inew) .icon {
	background-image: var(--forum-icon-old) !important;
	opacity: var(--forum-icon-old-opacity);
}

/* Название и описание */
#pun-index .category .tclcon h3 {
	margin: 0;
	padding: 0;
	font-weight: 400;
}

#pun-index .category .tclcon h3 a {
	display: inline-block;
	margin: 0;
	padding: 0;
	color: var(--links-03);
	font: 400 23px/100% var(--font-04);
	letter-spacing: -.03em;
	text-decoration: none;
	text-transform: lowercase;
}

#pun-index .category .tclcon h3 a:hover {
	color: var(--hoverover-01);
}

#pun-index .f_wrap {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

#pun-index .f_desc {
	color: var(--text-02);
	font: 400 10px/150% var(--font);
	text-align: justify;
}

/* Плашки закреплены на нижней границе всей строки */
#pun-index .f_links {
	position: absolute;
	left: 20px;
	bottom: -9px;
	z-index: 5;
	display: flex;
	flex-wrap: wrap;
	margin: 0 !important;
	padding: 0 !important;
	gap: 5px;
}

#pun-index .f_links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	height: 18px;
	margin: 0;
	padding: 0 5px 2px !important;
	border: 0;
	border-bottom: 2px solid var(--links-05);
	border-radius: 2px 2px 0 0;
	background: var(--backgr-07);
	color: var(--text-02) !important;
	box-shadow: 2px 2px 2px var(--shadow);
	font: 600 8px/100% var(--font) !important;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
	text-shadow: none !important;
	white-space: nowrap;
	transition:
		background-color .25s ease-in-out,
		color .25s ease-in-out,
		border-color .25s ease-in-out;
}

#pun-index .f_links a:nth-child(even) {
	border-bottom-color: var(--text-02);
}

#pun-index .f_links a:hover {
	border-bottom-color: var(--hoverover-01);
	background: var(--backgr-03);
	color: var(--hoverover-02) !important;
}

/* Последнее сообщение */
#pun-index .category td.tcr {
	position: relative;
	left: -20px;
	display: grid !important;
	grid-template-columns: 30px minmax(0, 1fr);
	grid-template-rows: auto auto;
	align-items: center;
	align-self: center;
	flex: 0 0 175px;
	box-sizing: border-box;
	width: 175px !important;
	min-width: 175px !important;
	max-width: 175px !important;
	margin: 0 !important;
	padding: 0 !important;
	font: 400 10px/130% var(--font);
	text-align: left !important;
	column-gap: 8px;
	row-gap: 2px;
}

#pun-index .category td.tcr > .user-avatar {
	grid-column: 1;
	grid-row: 1 / 3;
	align-self: center;
	width: 30px !important;
	height: 30px !important;
	margin: 0 !important;
	padding: 0 !important;
}

#pun-index .category td.tcr .avatar-image {
	width: 30px !important;
	height: 30px !important;
}

#pun-index .category td.tcr > .lastpost-link {
	grid-column: 2;
	grid-row: 1;
	display: block;
	min-width: 0;
	margin: 0 !important;
	padding: 0;
	overflow: hidden;
	color: var(--links-01);
	font: 600 10px/130% var(--font);
	text-align: left !important;
	text-decoration: none;
	text-transform: lowercase;
	text-overflow: ellipsis;
}

#pun-index .category td.tcr > .lastpost-link:hover {
	color: var(--hoverover-01);
}

#pun-index .category td.tcr > .lastpost {
	grid-column: 2;
	grid-row: 2;
	min-width: 0;
	font-size: 9px;
	overflow-wrap: anywhere;
	word-break: break-word;
	white-space: normal !important;
}

#pun-index .category td.tcr .datetime {
	color: var(--text-02);
	font: inherit;
	opacity: .7;
}

#pun-index .category td.tcr .byuser {
	display: inline !important;
	margin: 0;
	padding: 0;
	color: var(--text-04);
	font: inherit;
}

#pun-index .category td.tcr .byuser::before {
	content: none !important;
	display: none !important;
}

#pun-index .category td.tcr > br {
	display: none !important;
}

/* Верхняя навигация */
#pun-navlinks {
	position: absolute !important;
	top: 30px !important;
	left: 50% !important;
	z-index: 10 !important;
	display: block !important;
	box-sizing: border-box;
	width: 1000px !important;
	max-width: 100% !important;
	height: 30px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 4px 4px 0 0;
	background: var(--backgr) !important;
	box-shadow: 0 2px 4px var(--shadow);
	transform: translateX(-50%) !important;
}

#pun-navlinks.fixed {
	position: fixed !important;
	top: 0 !important;
	left: 50% !important;
	width: 1000px !important;
	max-width: 100% !important;
	transform: translateX(-50%) !important;
	border-radius: 0 !important;
}

#pun-navlinks h2,
#pun-ulinks h2 {
	display: none !important;
}

#pun-navlinks > .container {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box;
	width: 100% !important;
	height: 30px !important;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	background: transparent !important;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
}

#pun-navlinks > .container::-webkit-scrollbar {
	display: none;
}

.daymare-local-preview #pun-navlinks > .container {
	overflow: visible;
}

#pun-navlinks ul {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box;
	width: max-content !important;
	min-width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	gap: 2px !important;
}

#pun-navlinks li {
	display: block !important;
	margin: 0 3px !important;
	padding: 0 !important;
}

#pun-navlinks li a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box;
	min-height: 28px;
	padding: 0 5px !important;
	color: var(--links) !important;
	font: 400 italic 15px var(--font-01) !important;
	text-align: center;
	text-decoration: none !important;
	text-transform: capitalize;
	white-space: nowrap;
}

#pun-navlinks li a:hover,
#pun-navlinks li.isactive a {
	color: var(--hoverover) !important;
}

/* Нижняя навигация */
#pun-ulinks {
    position: sticky !important;
    top: 30px !important;
    z-index: 9 !important;
    box-sizing: border-box;
    width: calc(100% + 56px) !important;
    min-height: 32px !important;
    margin: 23px -28px 28px !important;
    padding: 0 !important;
    border: 0 !important;
    background: var(--backgr-02) !important;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .12);
}

#pun-ulinks > .container {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box;
	width: 100% !important;
	min-height: 32px !important;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	background: transparent !important;
	list-style: none !important;
	gap: 0 14px !important;
}

#pun-ulinks li {
	display: flex !important;
	margin: 0 !important;
	padding: 0 !important;
}

#pun-ulinks li a {
	display: flex !important;
	align-items: center !important;
	min-height: 30px;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--links-03) !important;
	font: 500 11px/1 var(--font) !important;
	text-decoration: none !important;
	text-transform: lowercase;
	white-space: nowrap;
}

#pun-ulinks li a:hover {
	color: var(--hoverover-01) !important;
}

/* короткие названия пунктов навигации */
/* Активные */
#pun-ulinks #h-recent a {
    font-size: 0 !important;
}

#pun-ulinks #h-recent a::after {
    content: "Активные";
    font-size: 11px !important;
}

/* Без ответов */
#pun-ulinks #h-unanswered a {
    font-size: 0 !important;
}

#pun-ulinks #h-unanswered a::after {
    content: "Без ответов";
    font-size: 11px !important;
}

/* Прочитано */
#pun-ulinks #h-markread a {
    font-size: 0 !important;
}

#pun-ulinks #h-markread a::after {
    content: "Прочитано";
    font-size: 11px !important;
}

/* Ответы оставляем штатными */
#pun-ulinks #h-replies a {
    font-size: 11px !important;
}

#pun-ulinks #h-replies a::after {
    display: none !important;
    content: none !important;
}

/* Уведомления убираем только из нижней панели */
#pun-ulinks .nav-item-notifications {
    display: none !important;
}

/* Администрирование → Амс */
#navadmin a span {
    font-size: 0 !important;
}

#navadmin a span::after {
    content: "Амс";
    font-size: 15px !important;
}

.punbb-admin #pun-navlinks,
.punbb-admin #pun-navlinks.fixed {
	position: sticky !important;
	top: 0 !important;
	left: auto !important;
	width: 100% !important;
	max-width: 100% !important;
	transform: none !important;
	border-radius: 0 !important;
}

/* Кликабельная картинка дейликов в шапке */
#header_wrapper {
	position: relative;
}

#header_wrapper .header-dailies {
	position: absolute;
	z-index: 30;
	top: 320px;
	left: 92px;
	display: block;
	width: 159px;
	height: 40px;
	background: var(--dailies) center / contain no-repeat;
	text-decoration: none;
	cursor: pointer;
	transition:
		transform 0.25s ease,
		filter 0.25s ease;
}

#header_wrapper .header-dailies:hover {
	transform: translateY(-2px) scale(1.03);
	filter: brightness(1.1);
}

#header_wrapper .header-dailies:active {
	transform: scale(0.98);
}

/* лучший пост */
#header_wrapper .header-best-post {
	position: absolute;
	z-index: 20;
	top: 142px;
	left: 114px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	box-sizing: border-box;
	width: 166px;
	height: 185px;
	margin: 0;
	padding: 0;
}

/* Имя автора */
#header_wrapper .header-best-post__author {
	display: block;
	align-self: flex-end;
	margin: 0 15px 3px 0;
	padding: 0;
	color: var(--links-02);
	font-family: var(--font-02);
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	line-height: 100%;
	text-decoration: none;
	text-transform: lowercase;
	transition: color 0.25s ease;
}

/* Имя при наведении */
#header_wrapper .header-best-post__author:hover {
	color: var(--hoverover-02);
}

/* Окно с текстом и прокруткой */
#header_wrapper .header-best-post__text {
	box-sizing: border-box;
	width: 100%;
	height: 105px;
	margin: 0;
	padding: 2px 5px 0 0;
	overflow-x: hidden;
	overflow-y: auto;
	color: var(--text-02);
	font-family: var(--font);
	font-size: 10px;
	font-weight: 400;
	line-height: 150%;
	text-align: justify;
}

/* Полоса прокрутки */
#header_wrapper .header-best-post__text::-webkit-scrollbar {
	width: 3px;
}

/* Фон полосы прокрутки */
#header_wrapper .header-best-post__text::-webkit-scrollbar-track {
	background: transparent;
}

/* Ползунок прокрутки */
#header_wrapper .header-best-post__text::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background: var(--links-01);
}

/* Firefox */
#header_wrapper .header-best-post__text {
	scrollbar-width: thin;
	scrollbar-color: var(--stroke-01) transparent;
}

/* Ссылка «читать далее» */
#header_wrapper .header-best-post__more {
	display: block;
	align-self: flex-end;
	margin: 9px 17px 0 0;
	padding: 0;
	color: var(--links-01);
	font-family: var(--font);
	font-size: 10px;
	font-weight: 600;
	font-style: normal;
	line-height: 100%;
	letter-spacing: 0.03em;
	text-decoration: none;
	text-transform: lowercase;
	transition: color 0.25s ease;
}

/* Ссылка при наведении */
#header_wrapper .header-best-post__more:hover {
	color: var(--hoverover-01);
}

/* регулировка шрифта */
#header_wrapper .header-font-settings {
	position: absolute;
	z-index: 60;
        top: 22px;
	left: 92px;
	display: block;
	box-sizing: border-box;
}

/* Кнопка «регулировка шрифта» */
#header_wrapper .header-font-settings__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 25px;
	margin: 0;
	padding: 5px 9px;
	border: 1px solid var(--stroke-03);
	border-radius: 3px;
	background: var(--backgr-04);
	color: var(--links-01);
	box-shadow: 1px 1px 2px var(--shadow);
	font-family: var(--font);
	font-size: 9px;
	font-weight: 600;
	font-style: normal;
	line-height: 100%;
	letter-spacing: 0;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
	cursor: pointer;
	transition:
		background-color 0.25s ease,
		color 0.25s ease,
		border-color 0.25s ease,
		transform 0.25s ease;
}

/* Наведение на кнопку */
#header_wrapper .header-font-settings__button:hover {
	background: var(--backgr-03);
	color: var(--hoverover-01);
	border-color: var(--hoverover-01);
}

/* Нажатие */
#header_wrapper .header-font-settings__button:active {
	transform: translateY(1px);
}

/* Кнопка при открытом окне */
#header_wrapper
.header-font-settings.is-open
.header-font-settings__button {
	background: var(--backgr-03);
	color: var(--links-01);
	border-color: var(--links-01);
}

/* Выпадающее внутреннее окно */
#header_wrapper .header-font-settings__panel {
	position: absolute;
	top: calc(100% + 7px);
	left: 0;
	display: flex;
	flex-direction: column;
	gap: 7px;
	box-sizing: border-box;
	width: 185px;
	margin: 0;
	padding: 12px;
	border: 1px solid var(--stroke-01);
	border-radius: 3px;
	background: var(--backgr-03);
	color: var(--text-02);
	box-shadow:
		0 8px 18px var(--shadow),
		inset 0 0 0 1px var(--stroke-03);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-5px);
	transition:
		opacity 0.2s ease,
		visibility 0.2s ease,
		transform 0.2s ease;
}

/* Маленький указатель над окном */
#header_wrapper .header-font-settings__panel::before {
	content: "";
	position: absolute;
	top: -6px;
	left: 18px;
	width: 10px;
	height: 10px;
	border-top: 1px solid var(--stroke-01);
	border-left: 1px solid var(--stroke-01);
	background: var(--backgr-03);
	transform: rotate(45deg);
}

/* Открытое окно */
#header_wrapper
.header-font-settings.is-open
.header-font-settings__panel {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

/* Заголовок внутреннего окна */
#header_wrapper .header-font-settings__title {
	display: block;
	margin: 0 0 3px;
	padding: 0 0 7px;
	border-bottom: 1px solid var(--stroke-03);
	color: var(--links-02);
	font-family: var(--font-02);
	font-size: 15px;
	font-weight: 400;
	font-style: normal;
	line-height: 100%;
	text-align: left;
	text-transform: lowercase;
}

/* Подписи */
#header_wrapper .header-font-settings__label {
	display: block;
	margin: 0;
	padding: 0;
	color: var(--text-04);
	font-family: var(--font);
	font-size: 8px;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: 0.05em;
	text-align: left;
	text-transform: uppercase;
}

/* Выпадающий список шрифтов */
#header_wrapper .header-font-settings__select {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 27px;
	margin: 0;
	padding: 3px 25px 3px 7px;
	border: 1px solid var(--stroke-02);
	border-radius: 2px;
	background-color: var(--backgr-07);
	color: var(--text-02);
	font-family: var(--font);
	font-size: 9px;
	font-weight: 400;
	line-height: 100%;
	outline: none;
	cursor: pointer;
	transition:
		border-color 0.25s ease,
		background-color 0.25s ease;
}

/* Фокус списка */
#header_wrapper .header-font-settings__select:focus {
	border-color: var(--links-01);
	background-color: var(--backgr-02);
}

/* Строка изменения размера */
#header_wrapper .header-font-settings__size {
	display:grid;
	grid-template-columns:28px 1fr 28px;
	align-items:center;
	gap:6px;width:100%
}

/* Кнопки минус и плюс */
#header_wrapper .header-font-settings__size-button,#header_wrapper .header-font-settings__value {
	display:flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	height:28px;
	margin:0;
	padding:0;
	border:1px solid var(--stroke-02);
	border-radius:2px;
	background:var(--backgr-07);
	color:var(--text-02)
}

#header_wrapper .header-font-settings__size-button {
	width:28px;
	font:400 15px/1 var(--font);
	cursor:pointer
}

#header_wrapper .header-font-settings__value {
	width:100%;
	font:400 16px/1 var(--font-03)
}

#header_wrapper .header-font-settings__size-button:hover {
	background:var(--backgr-02);
	color:var(--hoverover-01);
	border-color:var(--hoverover-01)
}

/* Кнопка сброса */
#header_wrapper .header-font-settings__reset {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	height: 24px;
	margin: 2px 0 0;
	padding: 0 7px;
	border: none;
	border-bottom: 2px solid var(--links-02);
	border-radius: 2px 2px 0 0;
	background: var(--backgr-07);
	color: var(--text-02);
	box-shadow: 2px 2px 3px var(--shadow);
	font-family: var(--font);
	font-size: 8px;
	font-weight: 600;
	line-height: 100%;
	text-align: center;
	text-transform: lowercase;
	cursor: pointer;
	transition:
		background-color 0.25s ease,
		color 0.25s ease,
		border-color 0.25s ease;
}

/* Наведение на сброс */
#header_wrapper .header-font-settings__reset:hover {
	background: var(--backgr-02);
	color: var(--hoverover-02);
	border-bottom-color: var(--hoverover-01);
}

/* Клавиатурный фокус */
#header_wrapper
:is(
	.header-font-settings__button,
	.header-font-settings__select,
	.header-font-settings__size-button,
	.header-font-settings__reset
):focus-visible {
	outline: 2px solid var(--hoverover-01);
	outline-offset: 2px;
}

/* битва в шапке */
#header_wrapper .header-battle-score__button{
	position:absolute;
	top: 149px;
	right: 250px;
	display:block;
	box-sizing:border-box;
	width: 91px;
	height: 97px;
	margin:0;
	padding:0;
	border:0!important;
	border-radius:0!important;
	background-color:transparent!important;
	background-image:var(--battle)!important;
	background-position:center!important;
	background-repeat:no-repeat!important;
	background-size:contain!important;
	box-shadow:none!important;
	appearance:none;
	-webkit-appearance:none;
	font-size:0;
	cursor:pointer;
	overflow:visible;
	transition:transform .25s ease,filter .25s ease
}

#header_wrapper .header-battle-score__button::before,#header_wrapper .header-battle-score__button::after{
	display:none!important;
	content:none!important
}

#header_wrapper .header-battle-score__button:hover{
	transform:scale(1.04);
	filter:brightness(1.1)
}

#header_wrapper .header-battle-score__button:active{
	transform:scale(.97)
}

#header_wrapper .header-battle-score__panel{
	position:absolute;
	top: 170px;
	right: 140px;
	height: 120px;
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transform:translateY(-8px);
	transition:opacity .25s ease,visibility .25s ease,transform .25s ease;
}

#header_wrapper .header-battle-score.is-open .header-battle-score__panel{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
	transform:translateY(0);
}

#header_wrapper .header-battle-score__item{
	position:absolute;
	isolation:isolate;
	display:flex;
	align-items:center;
	box-sizing:border-box;
	width: 125px;
	height: 33px;
	padding: 5px 5px;
	border-radius:5px;
	background:transparent;
	box-shadow:none
}

#header_wrapper .header-battle-score__item::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:calc(100% - 35px);
	height:100%;
	border-radius:5px;
	background:var(--backgr-02);
	box-shadow:0 4px 8px var(--shadow);
	transform:translateX(35px);
}

#header_wrapper .header-battle-score__item--first{
	top:0;
	right:0
}

#header_wrapper .header-battle-score__item--second{
	top:80px;
	right:70px
}

#header_wrapper .header-battle-score__icon{
	position:relative;
	z-index:10;
	display:block;
	width: 30px;
	height: 30px;
	margin-right:8px;
	border-radius:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	box-shadow:0 0 0 5px var(--backgr-02);
	transform:translateX(25px);
}

#header_wrapper .header-battle-score__item--first .header-battle-score__icon{
	background-image:var(--leviathan)
}

#header_wrapper .header-battle-score__item--second .header-battle-score__icon{
	background-image:var(--kraken)
}

#header_wrapper .header-battle-score__number{
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	flex: 0.9;
	height: 25px;
	border-radius:4px;
	background: var(--backgr-04);
	color: var(--text-01);
	box-shadow:inset 0 0 4px var(--shadow);
	font: 200 16px/1 var(--font-01);
	text-align:center;
	letter-spacing:.03em;
	transform:translateX(10px);
}

/* Архивные подразделы */
#pun-index #forum_f17,
#pun-index #forum_f16,
#pun-index #forum_f27,
#pun-index #forum_f28,
#pun-index #forum_f29 {
	display: none !important;
}

/* Администраторы в шапке */

#header_wrapper .header-admins{position:absolute!important;z-index:40!important;top:-5px!important;right:auto!important;left:386px!important;display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:flex-start!important;gap:0!important;width:600px!important;height:125px!important;margin:0!important;padding:0!important;transform:none!important}
#header_wrapper .header-admin{display:block!important;flex:0 0 50px!important;width:50px!important;height:75px!important;margin:0!important;padding:0!important;background-position:center top!important;background-repeat:no-repeat!important;background-size:contain!important;text-decoration:none;cursor:pointer;transition:transform .25s ease,filter .25s ease;transform:none}
#header_wrapper .header-admin:hover{transform:translateY(4px)!important;filter:brightness(1.12)}
#header_wrapper .header-admin:active{transform:translateY(2px) scale(.97)!important}
#header_wrapper .header-admin--00{background-image:var(--ams)}
#header_wrapper .header-admin--01{background-image:var(--ams-01)}
#header_wrapper .header-admin--02{background-image:var(--ams-02)}
#header_wrapper .header-admin--03{background-image:var(--ams-03)}
#header_wrapper .header-admin--04{background-image:var(--ams-04)}
#header_wrapper .header-admin--05{background-image:var(--ams-05)}
#header_wrapper .header-admin--06{background-image:var(--ams-06)}
#header_wrapper .header-admin--07{background-image:var(--ams-07)}
#header_wrapper .header-admin--08{background-image:var(--ams-08)}
#header_wrapper .header-admin--09{background-image:var(--ams-09)}
#header_wrapper .header-admin--10{background-image:var(--ams-10)}

#header_wrapper .header-links{
	position:absolute;
	z-index:35;
	top: 118px;
	left: 295px;
	display:flex;
	align-items:flex-end;
	gap: 3px;
	margin:0;padding:0
}

#header_wrapper .header-links a{
	display:flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	height: 20px;
	margin:0;
	padding: 0 10px;
	border:1px solid var(--stroke);
	border-radius:3px 3px 0 0;
	background:var(--backgr);
	color:var(--links)!important;
	box-shadow:0 2px 4px var(--shadow);
	font: 600 11px/1 var(--font);
	text-align:center;
	text-decoration:none!important;
	text-transform:lowercase;
	white-space:nowrap;
	transition:transform .25s ease,background-color .25s ease,color .25s ease,border-color .25s ease
}

#header_wrapper .header-links a:hover{
	transform:translateY(-5px);
	background:var(--backgr-01);
	color:var(--hoverover)!important;
	border-color:var(--hoverover-01)
}

#header_wrapper .header-links a:active{
	transform:translateY(-2px)
}

#header_wrapper .header-activists{
	position:absolute;
	z-index:30;
	top:430px;
	left: 175px;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:8px;
	width: 115px;
	margin:0;
	padding:0;
	text-align:center
}

#header_wrapper .header-activists a{
	display:block;
	margin:0;
	padding:0;
	color:var(--links-01)!important;
	font: 700 13px/1 var(--font);
	text-decoration:none;
	text-transform:lowercase;
	transition:color .25s ease,transform .25s ease
}

#header_wrapper .header-activists a:nth-child(odd){
	color:var(--links-02)!important
}

#header_wrapper .header-activists a:hover{
	color:var(--hoverover-01)!important;
	transform:translateY(-2px)
}

#header_wrapper .header-writers{
	position:absolute;
	z-index:30;
	top: 375px;
	right: 230px;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:8px;
	width: 115px;
	margin:0;
	padding:0;
	text-align:center;
	transform: rotate(-4deg);
}

#header_wrapper .header-writers a{
	display:block;
	margin:0;
	padding:0;
	color:var(--links-01)!important;
	font: 700 13px/1 var(--font);
	text-decoration:none;
	text-transform:lowercase;
	transition:color .25s ease,transform .25s ease
}

#header_wrapper .header-writers a:nth-child(odd){
	color:var(--links-02)!important
}

#header_wrapper .header-writers a:hover{
	color:var(--hoverover-01)!important;
	transform:translateY(-2px)
}

/* плашки новостей */
.header-news {
	position:relative;
	z-index:1;
	box-sizing:border-box;
	width: 997px;
	height: 53px;
	margin:0 0 0 -30px;
	padding: 2px 2px 1px;
	overflow-x:auto;
	overflow-y:hidden;
	scrollbar-width:thin;
	scrollbar-color:var(--links-05) transparent;
}

.header-news::-webkit-scrollbar{
	height:4px
}

.header-news::-webkit-scrollbar-track{
	background:transparent
}

.header-news::-webkit-scrollbar-thumb{
	border-radius:10px;
	background:var(--links-05)
}

.header-news__track{
	display:flex;
	align-items:stretch;
	gap:3px;
	width:max-content;
	min-width:100%;
	height: 53px;
	margin:0;
	padding:0
}

.header-news__item{
	display:grid;
	grid-template-columns:40px 1fr;
	align-items:center;
	box-sizing:border-box;
	flex:0 0 195px;
	height: 40px;
	margin:0;
	padding:3px;
	border:1px solid var(--stroke-03);
	border-radius:4px;
	background:var(--backgr-03);
	box-shadow: 0 1px 1px var(--shadow);
	color:var(--text-01)!important;
	text-decoration:none!important;
	transition:transform .2s ease,background-color .2s ease
}

.punbb .header-news__item,
.punbb .header-news__item :is(span,b,i){
	text-decoration:none!important
}

.header-news__item:hover{
	transform:translateY(-2px);
	background:var(--backgr-03)
}

.header-news__date{
	display:flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	width: 35px;
	height: 32px;
	border-radius:4px;
	color:var(--text);
	font: 200 italic 10px/1 var(--font-02);
	text-align:center
}

.header-news__date--red{
	background:var(--links-05)
}

.header-news__date--blue{
	background:var(--links-01)
}

.header-news__content{
	display:flex;
	flex-direction:column;
	justify-content:center;
	min-width:0;
	margin:0;
	padding:0 8px 0 3px
}

.header-news__content b{
	display:block;
	overflow:hidden;
	color:var(--backgr-06);
	font:700 10px/1.15 var(--font);
	text-overflow:ellipsis;
	text-transform:uppercase;
	white-space:nowrap
}

.header-news__content i{
	display:block;
	margin-top:2px;
	overflow:hidden;
	color:var(--text-04);
	font:400 italic 8px/1.1 var(--font);
	text-overflow:ellipsis;
	text-transform:uppercase;
	white-space:nowrap
}


/* новости */
#header_wrapper .header-music-player{
	position:absolute;
	top: 435px;
	right: 555px;
	display:flex;
	align-items:center;
	gap:5px;
	box-sizing:border-box;
	max-width: 60px;
	height: 22px;
	margin:0;
	padding:3px 6px;
	border:1px solid var(--stroke-01);
	border-radius: 6px;
	background: var(--backgr);
	box-shadow:0 2px 5px var(--shadow);
}

#header_wrapper .header-music-player__play,#header_wrapper .header-music-player__next{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:0!important;
	background:transparent!important;
	box-shadow:none!important;
	appearance:none;
	-webkit-appearance:none;
	cursor:pointer;
}

#header_wrapper .header-music-player__play{
	width:22px;
	height:22px;
	border-radius:50%!important;
}

#header_wrapper .header-music-player__play::before{
	content:"";
	display:block;
	width:0;
	height:0;
	margin-left:2px;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	border-left:8px solid var(--links)
}

#header_wrapper .header-music-player__play.is-playing::before{
	width:7px;
	height:11px;
	margin-left:0;
	border-top:0;
	border-bottom:0;
	border-left:3px solid var(--links);
	border-right:3px solid var(--links);
}

#header_wrapper .header-music-player__next{
	width:20px;
	height:22px;
	color: var(--links) !important;
	font: 400 20px/1 var(--font) !important;
}

#header_wrapper .header-music-player__title{
	display:block;
	min-width:0;
	overflow:hidden;
	color:var(--links);
	font:400 8px/1 var(--font);
	text-overflow:ellipsis;
	white-space:nowrap
}

#header_wrapper .header-music-player__play:hover,#header_wrapper .header-music-player__next:hover{
	color:var(--hoverover);
	filter:brightness(1.15)
}

#header_wrapper .header-best-episode{
	position:absolute;
	z-index:30;
	top: 430px;
	left: 15px;
	display:flex;
	flex-direction:column;
	align-items:center;
	width: 150px;
	margin:0;
	padding:0;
	text-align:center
}

#header_wrapper .header-best-episode__title{
	display:block;
	margin:0 0 8px;
	padding:0;
	color:var(--links-01)!important;
	font: 600 11px/1.2 var(--font);
	text-decoration:none;
	text-transform:lowercase;
	transition:color .25s ease,transform .25s ease
}

#header_wrapper .header-best-episode__title:hover{
	color:var(--hoverover-01)!important;
	transform:translateY(-2px)
}

#header_wrapper .header-best-episode__players{
	display:flex;
	align-items:center;
	justify-content:center;
	gap: 7px;
	width:100%;
	margin:0;padding:0
}

#header_wrapper .header-best-episode__players a{
	color:var(--links-02)!important;
	font: 400 13px/1 var(--font-02);
	text-decoration:none;
	text-transform:lowercase;
	transition:color .25s ease,transform .25s ease;
}

#header_wrapper .header-best-episode__players a:hover{
	color:var(--hoverover-02)!important;
	transform:translateY(-2px);
}

#header_wrapper .header-best-episode__players span{
	color:var(--text-03);
	font: 400 13px/1 var(--font);
	text-transform:none;
}

/* Стрелки верх и них */
.arrow_wrap {
	position: fixed;
	top: 50%;
	left: calc(50% + 500px);
	z-index: 11;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
	width: 46px;
	height: auto;
	margin: 0;
	padding: 0;
	gap: 10px;
	transform: translateY(-50%);
}

.go-up,
.go-down {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: auto;
	height: auto;
	opacity: 0;
	pointer-events: none;
	cursor: pointer;
	transition: opacity .4s linear;
}

.go-up.slow,
.go-down.slow {
	opacity: 1;
	pointer-events: auto;
}

.go-up span,
.go-down span {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	opacity: 1;
	transition: opacity .4s linear;
}

.go-up:hover span,
.go-down:hover span {
	opacity: .4;
}

.arrow-up,
.arrow-down {
	display: block;
	width: 46px;
	height: 45px;
	background: var(--buttons) no-repeat 0 0;
}

.arrow-down {
	background-position-y: -45px;
}

/* профиль  */

#s-block {
    display: flex;
    justify-content: flex-end;
}

#sTheme:focus {
    border: 1.5px solid #129FEA;
    outline: 0;
}

#tuser {
    cursor: pointer;
    opacity: 0.5;
    margin-left: 7%;
    padding: 2px;
    width: 20px;
    height: 20px;
}

.post-author .pa-author #tuser {
	position: absolute !important;
	top: 1px !important;
	right: 0 !important;
	left: auto !important;

	display: flex !important;
	align-items: center;
	justify-content: center;

	width: 9px !important;
	height: 9px !important;
	margin: 0 !important;
	padding: 0 !important;

	font-size: 8px !important;
	line-height: 9px !important;

	color: var(--text-04);
	cursor: pointer;
}

.post-author .pa-author #tuser:hover {
	color: var(--hoverover-02);
}

.post-author::after{
content:"";
position:absolute;
inset:0;
z-index:-6;
display:block;
width:100%;
height:100%;
border-radius:6px;
background-color:var(--backgr-03);
background-image:var(--profile-default-bg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
pointer-events:none
}

#pun .post-author {
    position: relative;
    z-index: auto;
    display: block;
    box-sizing: border-box;
    width: 224px;
    min-width: 224px;
    margin: 0 !important;
    padding: 19px 14px !important;
    overflow: hidden;
    border-radius: 6px;
    background-color: var(--backgr-03);
    color: var(--text-02);
    font: 400 10px/1 var(--font);
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    isolation: isolate;
}


#pun .post-author::before {
    content: "";
    position: absolute;
    inset: 36px 0;
    z-index: -2;
    display: block;
    background: var(--backgr-08, #ebebeb);
    pointer-events: none;
}

#pun .post-author .pa-online {
    display: none !important;
}


#pun .post-author > ul {
    position: relative;
    z-index: 0;
    display: flex !important;
    flex-flow: row wrap;
    align-items: flex-start !important;
    align-content: flex-start !important;
    justify-content: center !important;
    gap: 0 !important;
    box-sizing: border-box;
    width: 196px;
    margin: 0 !important;
    padding: 10px 6px 9px !important;
    overflow: visible;
    background: var(--backgr-08, #ebebeb) !important;
    border: 1px solid var(--stroke-03, rgba(0, 0, 0, .1));
    border-radius: 6px;
    color: var(--text-02);
    text-align: center !important;
    list-style: none !important;
}

#pun .post-author > ul > li,
#pun .post-author > ul > p {
    list-style: none !important;
}

#pun .post-author > ul > li::marker,
#pun .post-author > ul > p::marker {
    content: "";
    display: none;
}

#pun .post-author > ul::before {
    content: "" !important;
    position: absolute;
    inset: 0;
    z-index: -1;
    display: block !important;
    background: var(--backgr-08, #ebebeb);
    border-radius: 6px;
    pointer-events: none;
}

#pun .post-author > ul::after {
    content: none !important;
    display: none !important;
}

#pun .post-author > ul > li,
#pun .post-author > ul > p {
    position: relative;
    float: none !important;
    clear: none !important;
    box-sizing: border-box;
    flex: 0 0 100%;
    min-width: 0;
}


#pun .post-author .profile-bg {
    position: absolute !important;
    top: -20px !important;
    left: -15px !important;
    z-index: -3 !important;
    display: block !important;
    width: 224px !important;
    height: calc(100% + 40px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border-radius: 6px;
    pointer-events: none;
}

#pun .post-author .profile-bg img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: cover;
    object-position: center;
}

/*
 * Пока съёмный фон находится в pa-fld5, не даём ему накрыть белую
 * подложку. daymare-profile.js сразу переносит его в корень post-author.
 */
#pun .post-author .pa-fld5 .profile-bg {
    visibility: hidden !important;
    opacity: 0 !important;
}

/* После переноса фон снова виден и лежит ПОД белой карточкой. */
#pun .post .post-author > .profile-bg {
    inset: 0 !important;
    z-index: -3 !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 100% !important;
}

#pun .post-author .pa-author {
    order: 1;
    margin: 0 0 1px !important;
    padding: 0 12px !important;
    text-align: center !important;
    text-transform: lowercase;
}

#pun .post-author .pa-author .acchide,
#pun .post-author .pa-author .flag-i,
#pun .post-author .pa-author .indOnline,
#pun .post-author .pa-author .indOffline {
    display: none !important;
}

#pun .post-author .pa-author a {
    color: var(--links-01) !important;
    font: 500 12px var(--font-02);
    text-decoration: none !important;
}

#pun .post-author .pa-author a:hover {
    color: var(--hoverover-01) !important;
}

#pun .post-author.online .pa-author::before {
    content: "\273B";
    position: absolute;
    top: 50%;
    left: 0;
    color: var(--text-02);
    font: 400 12px/1 var(--font);
    transform: translateY(-50%);
}

#pun .post-author .pa-title {
    order: 2;
    margin: 0 0 8px !important;
    padding: 3px 0 0 !important;
    color: var(--links-03, #696969);
    font: 400 8px/130% var(--font);
    letter-spacing: -.01em;
    text-align: center;
    text-transform: lowercase;
    opacity: 1;
}


#pun .post-author .pa-avatar {
    order: 3;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 0 9px !important;
    padding: 0 !important;
    overflow: hidden;
    line-height: 0;
}

#pun .post-author .pa-avatar img {
    display: block;
    width: auto !important;
    max-width: 180px !important;
    height: auto !important;
    max-height: 180px !important;
    margin: 0 auto !important;
    border: 0 !important;
    object-fit: contain;
}


#pun .post-author .pa-fld1 {
    order: 4;
    margin: 0 !important;
    padding: 0 0 8px !important;
    background: transparent !important;
    border: 0 !important;
}

#pun .post-author .pa-fld1 > .fld-name,
#pun .post-author .pa-fld4 > .fld-name,
#pun .post-author .pa-fld5 > .fld-name {
    display: none !important;
}

#pun .post-author .pa-fld1 .profile-info {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    width: 100%;
}

#pun .post-author .pa-fld1 .profile-name {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--links-01) !important;
    font: 400 11px/130% var(--font-01) !important;
    text-align: center;
    text-decoration: none !important;
    text-transform: lowercase;
}

#pun .post-author .pa-fld1 .profile-name:hover {
    color: var(--hoverover-01) !important;
}

#pun .post-author .pa-fld1 .profile-role {
    display: block;
    color: var(--text-04);
    font: 400 8px/130% var(--font);
    text-align: center;
    text-transform: lowercase;
}

#pun .post-author .pa-fld1 .profile-text,
#pun .post-author .pa-fld1 .profile-text > div {
    box-sizing: border-box;
    width: 170px !important;
    max-width: 100%;
    margin: 5px auto 0 !important;
    padding: 0 !important;
    color: var(--text-02);
    font: 400 9px/12px var(--font) !important;
    text-align: justify !important;
    overflow-wrap: anywhere;
}

#pun .post-author .pa-fld1 .profile-text a {
    color: var(--links-01) !important;
    text-decoration: none !important;
}

#pun .post-author .pa-fld1 .profile-text a:hover {
    color: var(--hoverover-01) !important;
}


#pun .post-author .pa-fld4 {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 4;
    order: 6;
    flex: 0 0 194px !important;
    width: 194px !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    transform: none !important;
}

#pun .post-author .pa-fld4 .profile-banner,
#pun .post-author .pa-fld4 .personal_banner {
    position: relative;
    left: 0;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    overflow: hidden;
    background-color: #809497;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 0 !important;
    color: var(--text) !important;
    text-align: center;
}

#pun .post-author .pa-fld4 .profile-banner max,
#pun .post-author .pa-fld4 .profile-banner min,
#pun .post-author .pa-fld4 .personal_banner max,
#pun .post-author .pa-fld4 .personal_banner min {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    padding: 0;
    color: inherit;
    font: 600 7px/120% var(--font);
    letter-spacing: 0.19em;
}


#pun .post-author .pa-fld5 {
    position: static !important;
    order: 5;
    display: flex !important;
    justify-content: center;
    flex: 0 0 25px !important;
    width: 25px !important;
    height: 25px !important;
    margin: 0 78px -12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

#pun .post-author .profile-page {
    position: relative !important;
    inset: auto !important;
    z-index: 6;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 25px !important;
    height: 25px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background: var(--backgr-08) !important;
    border-radius: 50% !important;
    transform: translateY(-5px) !important;
    cursor: pointer;
}

#pun .post-author .profile-page img {
    display: block;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    object-fit: cover;
    border-radius: 50%;
}


#pun .post-author > ul > .pa-posts,
#pun .post-author > ul > .pa-respect,
#pun .post-author > ul > .pa-fld2,
#pun .post-author > ul > .pa-fld3 {
    position: relative !important;
    order: 7;
    display: flex !important;
    flex: 0 0 45px !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 45px !important;
    min-width: 45px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: var(--text-02) !important;
    font: 400 8px/144% var(--font) !important;
    text-align: center !important;
}

#pun .post-author > ul > .pa-posts > .fld-name,
#pun .post-author > ul > .pa-respect > .fld-name,
#pun .post-author > ul > .pa-fld2 > .fld-name,
#pun .post-author > ul > .pa-fld3 > .fld-name {
    position: static !important;
    display: block !important;
    width: auto !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    color: var(--text-04) !important;
    font: 500 8px/144% var(--font) !important;
    text-transform: lowercase;
    white-space: nowrap;
}

/* Переименованные поля профиля */
#pun .post-author > ul > .pa-posts > .fld-name,
#pun .post-author > ul > .pa-respect > .fld-name {
    position: relative !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 12px;
    font-size: 0 !important;
    line-height: 0 !important;
}

#pun .post-author > ul > .pa-posts > .fld-name::before,
#pun .post-author > ul > .pa-respect > .fld-name::before {
    display: block;
    font: 500 8px/144% var(--font);
    text-transform: lowercase;
    white-space: nowrap;
    pointer-events: none;
}

#pun .post-author > ul > .pa-posts > .fld-name::before {
    content: "показания";
    color: var(--text-04);
}

#pun .post-author > ul > .pa-respect > .fld-name::before {
    content: "грехи";
    color: var(--links-02);
}

#pun .post-author > ul > .pa-posts > .fld-name > a,
#pun .post-author > ul > .pa-respect > .fld-name > a {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    color: transparent !important;
    font-size: 0 !important;
    text-indent: -9999px;
}

#pun .post-author > ul > .pa-posts > .fld-name:hover::before {
    color: var(--hoverover-01);
}

#pun .post-author > ul > .pa-respect > .fld-name:hover::before {
    color: var(--hoverover-02);
}

#pun .post-author .pa-posts .fld-name a {
    display: inline-flex !important;
    align-items: center;
    color: var(--text-04) !important;
    font: inherit !important;
    text-decoration: none !important;
}

#pun .post-author .pa-posts .fld-name a:hover {
    color: var(--hoverover-01) !important;
}

#pun .post-author .pa-posts > .fld-name::after,
#pun .post-author .pa-fld2 > .fld-name::after,
#pun .post-author .pa-fld3 > .fld-name::after,
#pun .post-author .pa-respect > .fld-name > a::after {
    content: none !important;
    display: none !important;
}

#pun .post-author .pa-respect .fld-name a {
    color: var(--links-02) !important;
    font: inherit !important;
    text-decoration: none !important;
}

#pun .post-author .pa-respect .fld-name a:hover {
    color: var(--hoverover-02) !important;
}

#pun .post-author .pa-respect img {
    display: none !important;
}

#pun .post-author .pa-respect > span:not(.fld-name) {
    font: 400 8px/144% var(--font) !important;
}


#pun .post-author .profile-post-search {
 display: none !important;
}

#pun .post-author .profile-post-search::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 1px solid currentColor;
    border-radius: 50%;
}

#pun .post-author .profile-post-search::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 1px;
    width: 5px;
    height: 1px;
    background: currentColor;
    transform: rotate(45deg);
    transform-origin: right center;
}

#pun .post-author .profile-post-search:hover {
    color: var(--hoverover-01) !important;
}

#pun .post-author .profile-post-search ~ .profile-post-search {
    display: none !important;
}

#pun .post-author .pa-reg,
#pun .post-author .pa-last-visit,
#pun .post-author .pa-gifts,
#pun .post-author .pa-ua {
    display: none !important;
}

@media (max-width: 480px) {
    #pun .post-author {
        flex: 0 0 224px !important;
        width: 224px !important;
        min-width: 224px !important;
        max-width: 224px !important;
    }

    #pun .post-author > ul {
        width: 196px !important;
        min-width: 196px !important;
        max-width: 196px !important;
    }

    #pun .post-author,
    #pun .post-author * {
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
    }
}

/* CSS плагин */
.punbb .table_GamePosts tbody th{text-align: center;color:#fff}
#pre_placement>a {top:3px;right:2px;border:0 none;z-index:100}.punbb .GamePst{padding:0!important;}
.lastedit {display:none;}

.topic a.sharelink {display: none}

/* копирование поста */
.daymare-topic-copy {
	box-sizing: border-box;
	margin: 12px 0 0;
}

.daymare-topic-copy .container {
	box-sizing: border-box;
	padding: 12px;
}

.daymare-topic-copy textarea {
	display: block;
	box-sizing: border-box;
	width: 100%;
	min-height: 210px;
	margin: 0;
	padding: 12px;
	resize: vertical;
	border: 1px solid var(--stroke-02);
	border-radius: 6px;
	background: var(--backgr-07);
	color: var(--text-02);
	font: 400 12px/1.5 var(--font), Arial, sans-serif;
}

.daymare-topic-copy__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}

.daymare-topic-copy__actions button {
	margin: 0;
	padding: 6px 12px;
	border: 1px solid var(--stroke-02);
	border-radius: 12px;
	background: var(--backgr-07);
	color: var(--text-02);
	cursor: pointer;
}

.daymare-topic-copy__actions button:hover {
	border-color: var(--stroke);
	background: var(--links-01);
	color: var(--links);
}

.daymare-topic-copy__actions button:disabled {
	opacity: .45;
	cursor: default;
}

.daymare-topic-copy__status {
	color: var(--text-04);
	font-size: 10px;
	text-transform: lowercase;
}

.hidden {
display: none !important;}#button-dice {
background: url("https://upforme.ru/uploads/001c/87/4b/12/754215.png") center;
}form#dice-form{position:absolute;top:80px;right:-12px;box-sizing:border-box;width:400px;padding:18px;border:1px solid var(--stroke-02)!important;border-radius:6px;background:var(--backgr-03);color:var(--text-02);box-shadow:0 6px 18px var(--shadow)}
form#dice-form input {
width: 52px;}#dice-form label {display: block;margin: 3px;}
#dice-form span {font-weight: bold;text-align: right;display: inline-block;vertical-align: top;}
#dice-form label > span::after {content: ":"}
#dice-form textarea {width: 180px !important;height: 79px !important;}
#dice-form > div {width: 160px;display: inline-block;vertical-align: top;}
#dice-form > label {display: inline-block;}
#dice-form > div:nth-child(2) {margin-top: -18px;}
.roll-dice::before, .roll-value::before, .roll-reason::before, .roll-result::before {font-weight: bold;}
.roll-dice::before {content: "Бросок: ";}
.roll-dice::after {content: " ";margin-right: -5px;}.roll-value::before {content: " , с результатом: ";}
.roll-reason::before {content: "Действие: "}.roll-result::before {content: " "}#pun .roll-result {padding-bottom: 0px;}

.send-sumb{margin: -1px 0 2px;padding:2px 7px;float:right;color: var(--hoverover-02);cursor:pointer;border:1px solid;border-radius: 6px;font-size: 10px;}.post.topicpost .send-sumb{display:none}.send11 {padding-bottom: 32px;}

/* Форма ответа */
.punbb:not(.punbb-admin) #post-form {
	position: relative;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.punbb:not(.punbb-admin) #post-form .formal,
.punbb:not(.punbb-admin) #post-form fieldset,
.punbb:not(.punbb-admin) #post-form .container,
.punbb:not(.punbb-admin) #post-form .post-box {
	box-sizing: border-box;
}

.punbb:not(.punbb-admin) #post-form fieldset,
.punbb:not(.punbb-admin) #post-form fieldset fieldset {
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
}

#pun-post #pun-main > h1:first-child,
#pun-post #pun-main > h1:first-of-type {
	display: none !important;
}

.punbb:not(.punbb-admin) #post-form .fs-box {
	box-sizing: border-box;
	padding: 10px 20px !important;
}

.punbb:not(.punbb-admin) #post-form .formal span.input,
.punbb:not(.punbb-admin) #post-form .areafield.required {
	padding-right: 0 !important;
}

.punbb:not(.punbb-admin) #post-form textarea#main-reply,
.punbb:not(.punbb-admin) #main-reply {
	display: block !important;
	box-sizing: border-box !important;
	width: 100% !important;
	min-height: 240px;
	padding: 15px !important;
	border: 1px solid var(--stroke-02) !important;
	border-radius: 10px !important;
	outline: 0 !important;
	background: var(--backgr-03) !important;
	color: var(--text-01) !important;
	box-shadow: none !important;
	resize: vertical;
}

.punbb:not(.punbb-admin) #form-buttons {
	display: flex !important;
	align-items: flex-start !important;
	box-sizing: border-box;
	width: 100% !important;
	min-height: 41px;
	margin: 0 !important;
	padding: 10px 0 5px !important;
	border: 0 !important;
	background: transparent !important;
	overflow: visible !important;
}

.punbb:not(.punbb-admin) #form-buttons table,
.punbb:not(.punbb-admin) #form-buttons tbody,
.punbb:not(.punbb-admin) #form-buttons tr {
	display: flex !important;
	align-items: flex-start !important;
	box-sizing: border-box;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.punbb:not(.punbb-admin) #form-buttons tr {
	flex-wrap: wrap !important;
	justify-content: flex-start !important;
	gap: 5px !important;
}

.punbb:not(.punbb-admin) #form-buttons td {
position: relative !important;
	display: block !important;
	flex: 0 0 22px !important;
	box-sizing: border-box !important;
	width: 22px !important;
	min-width: 22px !important;
	height: 26px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	color: var(--text-01) !important;
	cursor: pointer;
	overflow: visible !important;
}

.punbb:not(.punbb-admin) #form-buttons td > img {
	position: relative !important;
	z-index: 1 !important;
	display: block !important;
	box-sizing: border-box;
	width: 100% !important;
	height: 26px !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0 !important;
	cursor: pointer !important;
}

.punbb:not(.punbb-admin) #form-buttons td::before {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 0 !important;
	display: block !important;
	box-sizing: border-box;
	width: 100% !important;
	height: 26px !important;
	color: currentColor !important;
	font-family: FontAwesome, "Font Awesome 6 Free" !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	line-height: 26px !important;
	text-align: center !important;
	pointer-events: none !important;
}

.punbb:not(.punbb-admin) #form-buttons td:hover {
	color: var(--hoverover-02) !important;
}

#button-change-case::before { content: "\f15e" !important; }
#button-image-plain::before { content: "\f03e" !important; }
#button-dice::before { content: "\f522" !important; }

#button-image-plain::after {
	content: "2" !important;
	position: absolute;
	top: -2px;
	right: -2px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 10px;
	height: 10px;
	border: 1px solid var(--stroke-02);
	border-radius: 50%;
	background: var(--backgr-03);
	color: var(--text-01);
	font: 700 7px/1 var(--font);
	pointer-events: none;
}

#button-image-plain > b {
	display: none !important;
}

.punbb:not(.punbb-admin) #form-buttons :is(
	#button-smile,
	#button-files_rusff,
	#button-graffiti_rusff
) {
	display: none !important;
}

.punbb:not(.punbb-admin) #form-buttons #plng {
	display: flex !important;
	align-items: center !important;
	align-self: stretch !important;
	flex: 0 0 auto !important;
	height: 26px !important;
	padding: 5px 0 !important;
	font: 300 10px/1 var(--font) !important;
	white-space: nowrap;
	text-transform: uppercase;
	cursor: default;
}

.punbb:not(.punbb-admin) #form-buttons #plng::before {
	display: none !important;
	content: none !important;
}

.punbb:not(.punbb-admin) #post-form .formsubmit {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	box-sizing: border-box;
	width: 100%;
	margin: 0 !important;
	padding: 0 0 15px !important;
}

.punbb:not(.punbb-admin) #post-form .formsubmit input[type="submit"],
.punbb:not(.punbb-admin) #post-form .formsubmit input[type="button"],
.punbb:not(.punbb-admin) #post-form .formsubmit button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 92px;
	min-height: 25px;
	padding: 5px 15px !important;
	border: 0 !important;
	border-radius: 5px !important;
	background: var(--links-01) !important;
	color: var(--text) !important;
	box-shadow: none !important;
	font: 700 9px/1 var(--font) !important;
	text-shadow: none !important;
	cursor: pointer !important;
}

.punbb:not(.punbb-admin) #post-form .formsubmit input:hover,
.punbb:not(.punbb-admin) #post-form .formsubmit button:hover {
	background: var(--hoverover-01) !important;
}

.punbb:not(.punbb-admin) #post-form #togglePreview {
	display: block !important;
	margin: 0 0 0 auto !important;
}

.punbb:not(.punbb-admin) #post-form #togglePreview .button {
	min-width: 210px !important;
}

.punbb:not(.punbb-admin) #post-form #tags input[type="button"],
.punbb:not(.punbb-admin) #post-form #tags input[type="submit"],
.punbb:not(.punbb-admin) #post-form #tags button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
}


/* Админка */

/* Внешние блоки */
.punbb-admin .adformal {
	border: 0 !important;
}

/* Контейнеры */
.punbb-admin .adcontainer {
	border-style: none !important;
	border-width: 0 !important;
	border-color: transparent !important;
}

/* Заголовки административных блоков */
.punbb-admin .adformal h2,
.punbb-admin #pun-adnav h2 {
	padding: 0.5em 1em !important;
	border: 0 !important;
	background: var(--backgr-05) !important;
	color: var(--text-01) !important;
}

/* Ссылки в основной части админки */
.punbb-admin #pun-admain a {
	cursor: pointer !important;
	color: var(--links-01) !important;
}

/* Ссылки при наведении */
.punbb-admin #pun-admain a:hover {
	color: var(--hoverover-01) !important;
}

/* 9.5 */
#pun-admain .adcontainer td {
  border-style: none !important;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  border-color: #ddd;
  }

/* подсказки у достижений */
.dm-achievement-tooltip {
    position: fixed;
    z-index: 999999;
    box-sizing: border-box;
    width: 180px;
    max-width: 180px;
    padding: 5px 8px;
    background: var(--backgr);
    color: var(--text);
    font: 400 10px/13px var(--font);
    text-align: left;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
    pointer-events: none;
}


/* уведы */

.pun-modal.unread-notifications .modal-inner.section,
.modal-inner.section:has(#notifications-wrap) {
    box-sizing: border-box !important;
    padding: 15px 20px !important;
    border: 1px solid var(--stroke-03) !important;
    border-radius: 6px !important;
    background: var(--backgr-08) !important;
    color: var(--text-02) !important;
    box-shadow: none !important;
}

/* заголовок окна */
.pun-modal.unread-notifications .modal-inner.section > h2,
.modal-inner.section:has(#notifications-wrap) > h2 {
    position: relative !important;
    text-align: center !important;
}

/* крестик справа */
.pun-modal.unread-notifications h2 .closer,
.modal-inner.section:has(#notifications-wrap) h2 .closer {
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
}

#viewprofile #pa-fld5 strong img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 30px !important;
    max-height: 30px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

/* Панель направления обтекания */
#post-form {
    position: relative;
}

#post-form #float {
    position: absolute;
    top: 20%;
    right: 430px;
    left: auto;
    z-index: 20;
    box-sizing: border-box;
    width: auto;
    padding: 10px 15px;
    border: 1px solid var(--stroke-02);
    border-radius: 6px;
    background: var(--backgr-03);
    color: var(--text-02);
}

@media (max-width: 700px), (hover: none) and (pointer: coarse) {
    #pun-viewtopic #post-form .fs-box,
    .punbb:not(.punbb-admin) #post-form .fs-box {
        padding: 8px 10px !important;
    }

/* Обтекание изображений */

.post-content .dm-float {
    display: block;
    max-width: 100%;
}

.post-content .dm-float-left {
    float: left;
    margin: 0 15px 15px 0;
    text-align: left;
}

.post-content .dm-float-right {
    float: right;
    margin: 0 0 15px 15px;
    text-align: right;
}

.post-content::after {
    display: table;
    clear: both;
    content: "";
}

    #pun-viewtopic #main-reply,
    .punbb:not(.punbb-admin) #post-form textarea#main-reply,
    .punbb:not(.punbb-admin) #main-reply {
        display: block !important;
        box-sizing: border-box !important;
        width: 100% !important;
        height: 180px !important;
        min-height: 180px !important;
        max-height: 320px !important;
        padding: 10px !important;
        resize: vertical !important;
    }

    .punbb:not(.punbb-admin) #form-buttons {
        min-height: 0 !important;
        padding-top: 6px !important;
    }
}

.pun-modal.unread-notifications #notifications,
.pun-modal.unread-notifications #notifications-stored,
.modal-inner.section:has(#notifications-wrap) #notifications,
.modal-inner.section:has(#notifications-wrap) #notifications-stored {
    border-spacing: 0 !important;
    border-collapse: collapse !important;
}

.pun-modal.unread-notifications #notifications tr,
.pun-modal.unread-notifications #notifications td,
.pun-modal.unread-notifications #notifications-stored tr,
.pun-modal.unread-notifications #notifications-stored td,
.modal-inner.section:has(#notifications-wrap) #notifications tr,
.modal-inner.section:has(#notifications-wrap) #notifications td,
.modal-inner.section:has(#notifications-wrap) #notifications-stored tr,
.modal-inner.section:has(#notifications-wrap) #notifications-stored td {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* Mentions autocomplete */
#post #post-mentions,
#messages #post-mentions {
    position: relative;
    width: 100%;
    z-index: 1000;
}

#post #mentions-area,
#messages #mentions-area {
    display: none;
    position: absolute;
    top: auto !important;
    bottom: 0;
    left: 12px !important;
    right: auto !important;
    box-sizing: border-box;
    width: 230px !important;
    max-width: calc(100vw - 30px) !important;
    height: auto;
    max-height: 13em;
    margin: 0;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: var(--backgr-08) !important;
    color: var(--text-02) !important;
    box-shadow: none !important;
}

#mentions-area table,
#mentions-area tbody,
#mentions-area tr,
#mentions-area td {
    width: 100% !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

#mentions-area .post-mentions-item {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 32px !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: var(--backgr-08) !important;
    color: var(--text-02) !important;
    box-shadow: none !important;
    line-height: 32px !important;
    cursor: pointer;
}

#mentions-area .post-mentions-item > div {
    box-sizing: border-box !important;
    height: 32px !important;
    padding: 0 10px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
}

#mentions-area .post-mentions-item:hover > div {
    background: var(--backgr-07) !important;
}

#mentions-area .mention-avatar {
    display: inline-block;
    float: left;
    width: 20px !important;
    height: 20px !important;
    margin: 6px 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background-position: center !important;
    background-size: cover !important;
}

#mentions-area .mention-username {
    display: block !important;
    margin-left: 30px !important;
    padding: 0 !important;
    color: var(--links-01) !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 32px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* ссылка в спойлере */
.post-box div[onclick*="toggleClass('visible')"] > a {
    color: var(--qyot-txt) !important;
}

.post-box div[onclick*="toggleClass('visible')"] > a:hover {
    color: var(--qyot-06) !important;
}

/*
  Horseshoe Bay Town Record
  Добавить в конец основного style.css форума.
  Одна разметка автоматически подстраивается под data-forum-theme="light" и data-forum-theme="dark".
*/

.horseshoe-bay-town-record-post {
  --horseshoe-bay-town-record-post-navy: #123f72;
  --horseshoe-bay-town-record-post-accent: #247f76;
  --horseshoe-bay-town-record-post-canvas: #f4f7f7;
  --horseshoe-bay-town-record-post-panel: #fcfdfd;
  --horseshoe-bay-town-record-post-panel-alt: #edf2f2;
  --horseshoe-bay-town-record-post-note: #e7f0ee;
  --horseshoe-bay-town-record-post-footer: #dfe8e9;
  --horseshoe-bay-town-record-post-text: #263e49;
  --horseshoe-bay-town-record-post-text-soft: #415761;
  --horseshoe-bay-town-record-post-muted: #60727a;
  --horseshoe-bay-town-record-post-line: #cdd8dc;
  --horseshoe-bay-town-record-post-link: #123f72;
  --horseshoe-bay-town-record-post-link-hover: #247f76;
  --horseshoe-bay-town-record-post-underline: #8da9ba;
  box-sizing: border-box;
  width: 100%;
  max-width: 760px;
  margin: 18px auto;
  overflow: hidden;
  border: 1px solid var(--horseshoe-bay-town-record-post-line);
  background: var(--horseshoe-bay-town-record-post-canvas);
  box-shadow: 0 16px 38px rgba(17, 53, 77, .14);
  color: var(--horseshoe-bay-town-record-post-text);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.55;
  text-align: left !important;
}

html[data-forum-theme="dark"] .horseshoe-bay-town-record-post {
  --horseshoe-bay-town-record-post-navy: #8eb7d7;
  --horseshoe-bay-town-record-post-accent: #70c2b3;
  --horseshoe-bay-town-record-post-canvas: #111c25;
  --horseshoe-bay-town-record-post-panel: #162631;
  --horseshoe-bay-town-record-post-panel-alt: #1d303b;
  --horseshoe-bay-town-record-post-note: #19332f;
  --horseshoe-bay-town-record-post-footer: #10232d;
  --horseshoe-bay-town-record-post-text: #dce7eb;
  --horseshoe-bay-town-record-post-text-soft: #c2d0d5;
  --horseshoe-bay-town-record-post-muted: #9eb0b8;
  --horseshoe-bay-town-record-post-line: #344b57;
  --horseshoe-bay-town-record-post-link: #acd2ed;
  --horseshoe-bay-town-record-post-link-hover: #7fd5c5;
  --horseshoe-bay-town-record-post-underline: #557d95;
  box-shadow: 0 18px 42px rgba(4, 10, 15, .32);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  html:not([data-forum-theme]) .horseshoe-bay-town-record-post {
    --horseshoe-bay-town-record-post-navy: #8eb7d7;
    --horseshoe-bay-town-record-post-accent: #70c2b3;
    --horseshoe-bay-town-record-post-canvas: #111c25;
    --horseshoe-bay-town-record-post-panel: #162631;
    --horseshoe-bay-town-record-post-panel-alt: #1d303b;
    --horseshoe-bay-town-record-post-note: #19332f;
    --horseshoe-bay-town-record-post-footer: #10232d;
    --horseshoe-bay-town-record-post-text: #dce7eb;
    --horseshoe-bay-town-record-post-text-soft: #c2d0d5;
    --horseshoe-bay-town-record-post-muted: #9eb0b8;
    --horseshoe-bay-town-record-post-line: #344b57;
    --horseshoe-bay-town-record-post-link: #acd2ed;
    --horseshoe-bay-town-record-post-link-hover: #7fd5c5;
    --horseshoe-bay-town-record-post-underline: #557d95;
    box-shadow: 0 18px 42px rgba(4, 10, 15, .32);
    color-scheme: dark;
  }
}

.horseshoe-bay-town-record-post-header {
  display: block !important;
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.horseshoe-bay-town-record-post-domain {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  box-sizing: border-box;
  padding: 8px 22px;
  border-bottom: 1px solid var(--horseshoe-bay-town-record-post-line);
  background: var(--horseshoe-bay-town-record-post-panel);
  color: var(--horseshoe-bay-town-record-post-muted);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.3;
}

.horseshoe-bay-town-record-post-domain strong {
  color: var(--horseshoe-bay-town-record-post-accent);
}

.horseshoe-bay-town-record-post-intro {
  box-sizing: border-box;
  padding: 26px 28px 22px;
}

.horseshoe-bay-town-record-post-pinned {
  display: block;
  color: var(--horseshoe-bay-town-record-post-accent);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.horseshoe-bay-town-record-post-title {
  margin: 6px 0 11px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--horseshoe-bay-town-record-post-navy) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.14 !important;
  text-align: left !important;
  text-transform: none !important;
}

.horseshoe-bay-town-record-post-lead {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--horseshoe-bay-town-record-post-text-soft);
  font-size: 14px;
  line-height: 1.65;
  text-align: left !important;
}

.horseshoe-bay-town-record-post-note {
  box-sizing: border-box;
  margin-top: 18px;
  padding: 15px 17px;
  border-left: 4px solid var(--horseshoe-bay-town-record-post-accent);
  background: var(--horseshoe-bay-town-record-post-note);
  color: var(--horseshoe-bay-town-record-post-text-soft);
}

.horseshoe-bay-town-record-post-note-label {
  display: block;
  margin-bottom: 5px;
  color: var(--horseshoe-bay-town-record-post-accent);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .07em;
  line-height: 1.3;
  text-transform: uppercase;
}

.horseshoe-bay-town-record-post-note-copy {
  font-size: 13px;
  line-height: 1.62;
  text-align: left !important;
}

.horseshoe-bay-town-record-post-rubrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px 18px;
  margin-top: 18px;
}

.horseshoe-bay-town-record-post-rubric {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  min-width: 0;
  color: var(--horseshoe-bay-town-record-post-muted);
  font-size: 12px;
  line-height: 1.42;
  text-align: left !important;
}

.horseshoe-bay-town-record-post-flair {
  display: inline-block;
  box-sizing: border-box;
  padding: 4px 6px;
  color: #f8fbfc;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
}

.horseshoe-bay-town-record-post-news { background: #236f8e; }
.horseshoe-bay-town-record-post-tea { background: #a1375b; }
.horseshoe-bay-town-record-post-history { background: #82591f; }
.horseshoe-bay-town-record-post-spntrl { background: #5d4a80; }

html[data-forum-theme="dark"] .horseshoe-bay-town-record-post-news { background: #2e7c9b; }
html[data-forum-theme="dark"] .horseshoe-bay-town-record-post-tea { background: #ad4265; }
html[data-forum-theme="dark"] .horseshoe-bay-town-record-post-history { background: #93682c; }
html[data-forum-theme="dark"] .horseshoe-bay-town-record-post-spntrl { background: #715b96; }

@media (prefers-color-scheme: dark) {
  html:not([data-forum-theme]) .horseshoe-bay-town-record-post-news { background: #2e7c9b; }
  html:not([data-forum-theme]) .horseshoe-bay-town-record-post-tea { background: #ad4265; }
  html:not([data-forum-theme]) .horseshoe-bay-town-record-post-history { background: #93682c; }
  html:not([data-forum-theme]) .horseshoe-bay-town-record-post-spntrl { background: #715b96; }
}

.horseshoe-bay-town-record-post-feed {
  box-sizing: border-box;
  margin: 0 28px 28px;
  border-top: 4px solid var(--horseshoe-bay-town-record-post-navy);
  background: var(--horseshoe-bay-town-record-post-panel);
}

.horseshoe-bay-town-record-post-feed-title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  box-sizing: border-box;
  padding: 13px 15px;
  border: 1px solid var(--horseshoe-bay-town-record-post-line);
  border-top: 0;
}

.horseshoe-bay-town-record-post-feed-heading {
  color: var(--horseshoe-bay-town-record-post-navy);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.horseshoe-bay-town-record-post-feed-label {
  color: var(--horseshoe-bay-town-record-post-muted);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.horseshoe-bay-town-record-post-row {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  min-height: 86px;
  box-sizing: border-box;
  border: 1px solid var(--horseshoe-bay-town-record-post-line);
  border-top: 0;
  background: var(--horseshoe-bay-town-record-post-panel);
}

.horseshoe-bay-town-record-post-date {
  display: grid;
  align-content: center;
  justify-items: center;
  box-sizing: border-box;
  border-right: 1px solid var(--horseshoe-bay-town-record-post-line);
  background: var(--horseshoe-bay-town-record-post-panel-alt);
  color: var(--horseshoe-bay-town-record-post-navy);
  text-align: center;
}

.horseshoe-bay-town-record-post-date strong {
  font-size: 21px;
  line-height: 1;
}

.horseshoe-bay-town-record-post-date span {
  margin-top: 4px;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .06em;
  line-height: 1;
  text-transform: uppercase;
}

.horseshoe-bay-town-record-post-entry {
  min-width: 0;
  box-sizing: border-box;
  padding: 12px 14px;
}

.horseshoe-bay-town-record-post-entry-title {
  margin: 7px 0 4px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--horseshoe-bay-town-record-post-link) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-align: left !important;
  text-transform: none !important;
}

#pun .post-content .horseshoe-bay-town-record-post .horseshoe-bay-town-record-post-entry-title .horseshoe-bay-town-record-post-link,
.horseshoe-bay-town-record-post-link,
.horseshoe-bay-town-record-post-link:link,
.horseshoe-bay-town-record-post-link:visited {
  display: inline !important;
  position: static !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--horseshoe-bay-town-record-post-link) !important;
  font: inherit !important;
  text-align: left !important;
  text-decoration: underline !important;
  text-decoration-color: var(--horseshoe-bay-town-record-post-underline) !important;
  text-decoration-thickness: 1px !important;
  text-transform: none !important;
  text-underline-offset: 3px;
}

#pun .post-content .horseshoe-bay-town-record-post .horseshoe-bay-town-record-post-entry-title .horseshoe-bay-town-record-post-link:hover,
.horseshoe-bay-town-record-post-link:hover {
  background: transparent !important;
  color: var(--horseshoe-bay-town-record-post-link-hover) !important;
  text-decoration-color: var(--horseshoe-bay-town-record-post-link-hover) !important;
}

.horseshoe-bay-town-record-post-link:focus-visible {
  outline: 2px solid var(--horseshoe-bay-town-record-post-accent);
  outline-offset: 3px;
}

.horseshoe-bay-town-record-post-link::before,
.horseshoe-bay-town-record-post-link::after {
  display: none !important;
  content: none !important;
}

.horseshoe-bay-town-record-post-entry-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px 11px;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--horseshoe-bay-town-record-post-muted);
  font-size: 10px;
  line-height: 1.4;
  text-align: left !important;
}

.horseshoe-bay-town-record-post-entry-author {
  color: var(--horseshoe-bay-town-record-post-text-soft);
  font-weight: 700;
}

.horseshoe-bay-town-record-post-comments {
  display: inline-block;
  box-sizing: border-box;
  margin-left: auto;
  padding-left: 11px;
  border-left: 1px solid var(--horseshoe-bay-town-record-post-line);
  color: var(--horseshoe-bay-town-record-post-text-soft);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  text-align: right;
  white-space: nowrap;
}

.horseshoe-bay-town-record-post-footer {
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px;
  box-sizing: border-box;
  padding: 11px 28px;
  background: var(--horseshoe-bay-town-record-post-footer);
  color: var(--horseshoe-bay-town-record-post-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .03em;
  line-height: 1.35;
  text-align: center !important;
}

.horseshoe-bay-town-record-post-footer-location {
  color: var(--horseshoe-bay-town-record-post-text-soft);
}

.horseshoe-bay-town-record-post-footer > span + span {
  padding-left: 12px;
  border-left: 1px solid var(--horseshoe-bay-town-record-post-line);
}

@media (max-width: 600px) {
  .horseshoe-bay-town-record-post { margin: 8px auto; }
  .horseshoe-bay-town-record-post-domain { padding: 7px 12px; }
  .horseshoe-bay-town-record-post-domain span { display: none; }
  .horseshoe-bay-town-record-post-intro { padding: 21px 14px 18px; }
  .horseshoe-bay-town-record-post-title { font-size: 24px !important; }
  .horseshoe-bay-town-record-post-lead { font-size: 13px; }
  .horseshoe-bay-town-record-post-note { padding: 13px 14px; }
  .horseshoe-bay-town-record-post-rubrics { grid-template-columns: 1fr; }
  .horseshoe-bay-town-record-post-feed { margin: 0 8px 16px; }
  .horseshoe-bay-town-record-post-row { grid-template-columns: 47px minmax(0, 1fr); }
  .horseshoe-bay-town-record-post-comments {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
    text-align: left;
  }
  .horseshoe-bay-town-record-post-footer { padding: 10px 14px; }
}

@media (max-width: 350px) {
  .horseshoe-bay-town-record-post-rubric { grid-template-columns: 74px minmax(0, 1fr); }
  .horseshoe-bay-town-record-post-flair { padding-inline: 4px; font-size: 9px; }
  .horseshoe-bay-town-record-post-feed-title { align-items: flex-start; flex-direction: column; gap: 2px; }
  .horseshoe-bay-town-record-post-entry { padding: 11px 9px; }
}

/* Редактор новой публикации */
.horseshoe-bay-town-record-post-composer {
  box-sizing: border-box;
  margin: 0 28px 28px;
  overflow: hidden;
  border: 1px solid var(--horseshoe-bay-town-record-post-line);
  border-top: 4px solid var(--horseshoe-bay-town-record-post-navy);
  background: var(--horseshoe-bay-town-record-post-panel);
  color: var(--horseshoe-bay-town-record-post-text);
}

.horseshoe-bay-town-record-post-composer-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  box-sizing: border-box;
  padding: 12px 15px;
  border-bottom: 1px solid var(--horseshoe-bay-town-record-post-line);
  background: var(--horseshoe-bay-town-record-post-panel-alt);
}

.horseshoe-bay-town-record-post-composer-heading-copy {
  min-width: 0;
}

.horseshoe-bay-town-record-post-composer-title {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--horseshoe-bay-town-record-post-navy) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  text-transform: none !important;
}

.horseshoe-bay-town-record-post-composer-subtitle {
  margin-top: 3px;
  color: var(--horseshoe-bay-town-record-post-muted);
  font-size: 9px;
  line-height: 1.35;
}

.horseshoe-bay-town-record-post-composer-layout {
  display: grid;
  grid-template-columns: 178px minmax(0, 1fr);
  align-items: stretch;
}

.horseshoe-bay-town-record-post-composer-profile {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0;
  box-sizing: border-box;
  padding: 15px 13px;
  border-right: 1px solid var(--horseshoe-bay-town-record-post-line);
  background: var(--horseshoe-bay-town-record-post-panel-alt);
}

.horseshoe-bay-town-record-post-composer-profile-title {
  order: 1 !important;
  margin-bottom: 12px;
  color: var(--horseshoe-bay-town-record-post-text-soft);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
}

.horseshoe-bay-town-record-post-composer-avatar-frame {
  order: 2 !important;
  position: relative;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 72px;
  height: 72px;
  margin: 0 auto 13px;
  overflow: hidden;
  border: 1px solid var(--horseshoe-bay-town-record-post-line);
  border-radius: 50%;
  background: var(--horseshoe-bay-town-record-post-canvas);
  color: var(--horseshoe-bay-town-record-post-muted);
  font-size: 8px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

.horseshoe-bay-town-record-post-composer-avatar-preview {
  position: absolute;
  inset: 0;
  display: none !important;
  box-sizing: border-box;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  object-fit: cover;
}

.horseshoe-bay-town-record-post-composer-avatar-preview.horseshoe-bay-town-record-post-composer-preview-visible {
  display: block !important;
}

.horseshoe-bay-town-record-post-composer-main {
  min-width: 0;
  box-sizing: border-box;
  padding: 15px 16px 17px;
}

.horseshoe-bay-town-record-post-composer-main > .horseshoe-bay-town-record-post-composer-field + .horseshoe-bay-town-record-post-composer-field {
  margin-top: 14px;
}

.horseshoe-bay-town-record-post-composer-field {
  display: block;
  min-width: 0;
  margin: 0;
  color: var(--horseshoe-bay-town-record-post-text-soft);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.35;
  text-align: left !important;
}

.horseshoe-bay-town-record-post-composer-profile .horseshoe-bay-town-record-post-composer-field + .horseshoe-bay-town-record-post-composer-field {
  margin-top: 10px;
}

.horseshoe-bay-town-record-post-composer-profile .horseshoe-bay-town-record-post-composer-field {
  order: 5 !important;
}

.horseshoe-bay-town-record-post-composer-profile #horseshoeBayTownRecordAvatarUrl {
  order: 6 !important;
}

.horseshoe-bay-town-record-post-composer-profile .horseshoe-bay-town-record-post-composer-upload-button {
  width: 100% !important;
  margin: 10px 0 0 !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
  white-space: normal !important;
}

.horseshoe-bay-town-record-post-composer-label {
  display: block;
  margin-bottom: 5px;
  color: var(--horseshoe-bay-town-record-post-text-soft);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.3;
}

#pun .post-content .horseshoe-bay-town-record-post-composer .horseshoe-bay-town-record-post-composer-input,
.horseshoe-bay-town-record-post-composer-input {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 35px !important;
  margin: 0 !important;
  padding: 8px 9px !important;
  border: 1px solid var(--horseshoe-bay-town-record-post-line) !important;
  border-radius: 2px !important;
  outline: 0 !important;
  background: var(--horseshoe-bay-town-record-post-panel) !important;
  box-shadow: none !important;
  color: var(--horseshoe-bay-town-record-post-text) !important;
  font: 12px/1.3 Arial, Helvetica, sans-serif !important;
  text-align: left !important;
}

#pun .post-content .horseshoe-bay-town-record-post-composer .horseshoe-bay-town-record-post-composer-input-title,
.horseshoe-bay-town-record-post-composer-input-title {
  height: 39px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

#pun .post-content .horseshoe-bay-town-record-post-composer .horseshoe-bay-town-record-post-composer-input:focus,
.horseshoe-bay-town-record-post-composer-input:focus,
.horseshoe-bay-town-record-post-composer-editor:focus {
  border-color: var(--horseshoe-bay-town-record-post-accent) !important;
  box-shadow: 0 0 0 2px rgba(36, 127, 118, .18) !important;
}

.horseshoe-bay-town-record-post-composer-input::placeholder {
  color: var(--horseshoe-bay-town-record-post-muted) !important;
  opacity: 1;
}

.horseshoe-bay-town-record-post-composer-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.horseshoe-bay-town-record-post-composer-tag {
  position: relative;
  display: inline-flex;
  cursor: pointer;
}

.horseshoe-bay-town-record-post-composer-tag-input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
}

.horseshoe-bay-town-record-post-composer-tag-label {
  display: inline-block;
  box-sizing: border-box;
  padding: 5px 8px;
  border: 2px solid transparent;
  color: #f8fbfc;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}

.horseshoe-bay-town-record-post-composer-tag-input:checked + .horseshoe-bay-town-record-post-composer-tag-label {
  border-color: var(--horseshoe-bay-town-record-post-panel);
  box-shadow: 0 0 0 2px var(--horseshoe-bay-town-record-post-navy);
}

.horseshoe-bay-town-record-post-composer-tag-input:focus-visible + .horseshoe-bay-town-record-post-composer-tag-label {
  outline: 2px solid var(--horseshoe-bay-town-record-post-accent);
  outline-offset: 3px;
}

.horseshoe-bay-town-record-post-composer-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  box-sizing: border-box;
  padding: 6px;
  border: 1px solid var(--horseshoe-bay-town-record-post-line);
  border-bottom: 0;
  background: var(--horseshoe-bay-town-record-post-panel-alt);
}

#pun .post-content .horseshoe-bay-town-record-post-composer .horseshoe-bay-town-record-post-composer-tool,
.horseshoe-bay-town-record-post-composer-tool {
  display: inline-grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 28px !important;
  height: 27px !important;
  margin: 0 !important;
  padding: 4px 7px !important;
  border: 1px solid var(--horseshoe-bay-town-record-post-line) !important;
  border-radius: 2px !important;
  background: var(--horseshoe-bay-town-record-post-panel) !important;
  box-shadow: none !important;
  color: var(--horseshoe-bay-town-record-post-text-soft) !important;
  font: 700 10px/1 Arial, Helvetica, sans-serif !important;
  text-align: center !important;
  text-transform: none !important;
  cursor: pointer !important;
}

.horseshoe-bay-town-record-post-composer-tool:hover,
.horseshoe-bay-town-record-post-composer-tool:focus-visible {
  border-color: var(--horseshoe-bay-town-record-post-accent) !important;
  color: var(--horseshoe-bay-town-record-post-accent) !important;
}

.horseshoe-bay-town-record-post-composer-tool:active {
  background: var(--horseshoe-bay-town-record-post-note) !important;
}

.horseshoe-bay-town-record-post-composer-editor {
  box-sizing: border-box;
  width: 100%;
  min-height: 150px;
  max-height: 340px;
  overflow-y: auto;
  padding: 11px 12px;
  border: 1px solid var(--horseshoe-bay-town-record-post-line);
  outline: 0;
  background: var(--horseshoe-bay-town-record-post-panel);
  color: var(--horseshoe-bay-town-record-post-text);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  text-align: left !important;
  white-space: normal;
  overflow-wrap: anywhere;
}

.horseshoe-bay-town-record-post-composer-editor:empty::before {
  color: var(--horseshoe-bay-town-record-post-muted);
  content: attr(data-placeholder);
  opacity: 1;
  pointer-events: none;
}

.horseshoe-bay-town-record-post-composer-editor blockquote {
  margin: 9px 0;
  padding: 8px 10px;
  border: 1px solid var(--horseshoe-bay-town-record-post-line);
  background: var(--horseshoe-bay-town-record-post-note);
}

.horseshoe-bay-town-record-post-composer-attachments {
  box-sizing: border-box;
  margin-top: 14px;
  padding: 10px;
  border: 1px solid var(--horseshoe-bay-town-record-post-line);
  background: var(--horseshoe-bay-town-record-post-panel-alt);
}

.horseshoe-bay-town-record-post-composer-attachments-heading {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 9px;
  color: var(--horseshoe-bay-town-record-post-text-soft);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
}

.horseshoe-bay-town-record-post-composer-attachments-heading span:last-child {
  color: var(--horseshoe-bay-town-record-post-muted);
  font-weight: 400;
}

.horseshoe-bay-town-record-post-composer-upload-row {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 10px;
  color: var(--horseshoe-bay-town-record-post-muted);
  font-size: 9px;
  font-weight: 400;
  line-height: 1.4;
}

.horseshoe-bay-town-record-post-composer-uploader-mount:empty {
  display: none;
}

.horseshoe-bay-town-record-post-composer-uploader-mount {
  min-width: 0;
  margin-top: 10px;
}

.horseshoe-bay-town-record-post-composer-avatar-uploader-mount {
  order: 4 !important;
  width: 100%;
  margin: 0 0 12px;
}

#pun .post-content .horseshoe-bay-town-record-post-composer .horseshoe-bay-town-record-post-composer-native-uploader,
.horseshoe-bay-town-record-post-composer-native-uploader {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 10px !important;
  overflow-x: hidden !important;
  border: 1px solid var(--horseshoe-bay-town-record-post-line) !important;
  background: var(--horseshoe-bay-town-record-post-canvas) !important;
  color: var(--horseshoe-bay-town-record-post-text) !important;
  box-shadow: none !important;
  z-index: auto !important;
}

.horseshoe-bay-town-record-post-composer-native-uploader,
.horseshoe-bay-town-record-post-composer-native-uploader * {
  box-sizing: border-box !important;
}

.horseshoe-bay-town-record-post-composer-native-uploader {
  font: 400 10px/1.4 Arial, Helvetica, sans-serif !important;
}

.horseshoe-bay-town-record-post-composer-native-uploader #image-area-sels > div:first-child,
.horseshoe-bay-town-record-post-composer-native-uploader #image-area-thd {
  margin: 0 0 7px !important;
  color: var(--horseshoe-bay-town-record-post-text) !important;
  font: 700 10px/1.35 Arial, Helvetica, sans-serif !important;
}

.horseshoe-bay-town-record-post-composer-native-uploader #image-area-sels strong {
  color: inherit !important;
  font: inherit !important;
}

.horseshoe-bay-town-record-post-composer-native-uploader #image-source-list {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 5px 12px !important;
  width: 100% !important;
  min-height: 0 !important;
  font: 700 10px/1.35 Arial, Helvetica, sans-serif !important;
  line-height: 1.35 !important;
}

.horseshoe-bay-town-record-post-composer-native-uploader #image-source-list a,
.horseshoe-bay-town-record-post-composer-native-uploader #image-area-actions a {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--horseshoe-bay-town-record-post-accent) !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  font: 700 10px/1.35 Arial, Helvetica, sans-serif !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

.horseshoe-bay-town-record-post-composer-native-uploader #image-area-actions a[style*="display:none"],
.horseshoe-bay-town-record-post-composer-native-uploader #image-area-actions a[style*="display: none"] {
  display: none !important;
}

.horseshoe-bay-town-record-post-composer-native-uploader #image-area-tcon-computer table,
.horseshoe-bay-town-record-post-composer-native-uploader #image-area-tcon-computer tbody,
.horseshoe-bay-town-record-post-composer-native-uploader #image-area-tcon-computer tr,
.horseshoe-bay-town-record-post-composer-native-uploader #imageupload-left,
.horseshoe-bay-town-record-post-composer-native-uploader #imageupload-right {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font: 400 10px/1.4 Arial, Helvetica, sans-serif !important;
}

.horseshoe-bay-town-record-post-composer-native-uploader #image-change-host,
.horseshoe-bay-town-record-post-composer-native-uploader #image_upload,
.horseshoe-bay-town-record-post-composer-native-uploader #image-width,
.horseshoe-bay-town-record-post-composer-native-uploader #image-thumb-width,
.horseshoe-bay-town-record-post-composer-native-uploader #upload-button-container {
  width: 100% !important;
  margin: 0 0 8px !important;
  font: 400 10px/1.4 Arial, Helvetica, sans-serif !important;
}

.horseshoe-bay-town-record-post-composer-native-uploader #image_upload {
  display: block !important;
}

.horseshoe-bay-town-record-post-composer-native-uploader strong {
  font: 700 10px/1.35 Arial, Helvetica, sans-serif !important;
}

.horseshoe-bay-town-record-post-composer-native-uploader select,
.horseshoe-bay-town-record-post-composer-native-uploader input[type="button"] {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 4px 0 0 !important;
  padding: 5px 6px !important;
  border: 1px solid var(--horseshoe-bay-town-record-post-line) !important;
  border-radius: 2px !important;
  background: var(--horseshoe-bay-town-record-post-panel) !important;
  color: var(--horseshoe-bay-town-record-post-text) !important;
  box-shadow: none !important;
  font: 400 10px/1.25 Arial, Helvetica, sans-serif !important;
  text-align: left !important;
  white-space: normal !important;
}

.horseshoe-bay-town-record-post-composer-native-uploader #image-area-tinp {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 78px !important;
  margin: 0 !important;
  padding: 7px !important;
  font: 400 10px/1.4 Arial, Helvetica, sans-serif !important;
}

.horseshoe-bay-town-record-post-composer-native-uploader #image-area-actions:not([style*="display:none"]):not([style*="display: none"]) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 5px 6px !important;
  width: 100% !important;
  margin: 9px 0 0 !important;
  padding: 8px 0 0 !important;
  border-top: 1px solid var(--horseshoe-bay-town-record-post-line) !important;
}

.horseshoe-bay-town-record-post-composer-native-uploader #uploaded-images img,
.horseshoe-bay-town-record-post-composer-native-uploader #imageQueue img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
}

.horseshoe-bay-town-record-post-composer-native-uploader textarea,
.horseshoe-bay-town-record-post-composer-native-uploader input,
.horseshoe-bay-town-record-post-composer-native-uploader select,
.horseshoe-bay-town-record-post-composer-native-uploader table {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

#pun .post-content .horseshoe-bay-town-record-post-composer .horseshoe-bay-town-record-post-composer-upload-button,
.horseshoe-bay-town-record-post-composer-upload-button {
  display: inline-block !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 7px 9px !important;
  border: 1px solid var(--horseshoe-bay-town-record-post-accent) !important;
  border-radius: 2px !important;
  background: var(--horseshoe-bay-town-record-post-panel) !important;
  box-shadow: none !important;
  color: var(--horseshoe-bay-town-record-post-accent) !important;
  font: 800 9px/1.2 Arial, Helvetica, sans-serif !important;
  text-align: center !important;
  text-transform: none !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  cursor: pointer !important;
}

.horseshoe-bay-town-record-post-composer-upload-button:hover,
.horseshoe-bay-town-record-post-composer-upload-button:focus-visible {
  background: var(--horseshoe-bay-town-record-post-note) !important;
}

.horseshoe-bay-town-record-post-composer-upload-button:active {
  transform: translateY(1px);
}

#pun .post-content .horseshoe-bay-town-record-post-composer .horseshoe-bay-town-record-post-composer-profile .horseshoe-bay-town-record-post-composer-upload-button,
.horseshoe-bay-town-record-post-composer-profile .horseshoe-bay-town-record-post-composer-upload-button {
  order: 3 !important;
  display: block !important;
  width: auto !important;
  margin: 0 auto 18px !important;
}

.horseshoe-bay-town-record-post-composer-inline-image {
  display: block !important;
  box-sizing: border-box;
  width: auto !important;
  max-width: 100% !important;
  max-height: 320px !important;
  margin: 12px auto !important;
  padding: 0 !important;
  border: 1px solid var(--horseshoe-bay-town-record-post-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: contain;
}

.horseshoe-bay-town-record-post-composer-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  box-sizing: border-box;
  padding: 10px 14px;
  border-top: 1px solid var(--horseshoe-bay-town-record-post-line);
  background: var(--horseshoe-bay-town-record-post-panel-alt);
}

#pun .post-content .horseshoe-bay-town-record-post-composer .horseshoe-bay-town-record-post-composer-button,
.horseshoe-bay-town-record-post-composer-button {
  display: inline-block !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  border: 1px solid var(--horseshoe-bay-town-record-post-navy) !important;
  border-radius: 2px !important;
  background: var(--horseshoe-bay-town-record-post-navy) !important;
  box-shadow: none !important;
  color: var(--horseshoe-bay-town-record-post-panel) !important;
  font: 800 10px/1.2 Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
  cursor: pointer !important;
}

.horseshoe-bay-town-record-post-composer-button:hover,
.horseshoe-bay-town-record-post-composer-button:focus-visible {
  border-color: var(--horseshoe-bay-town-record-post-accent) !important;
  background: var(--horseshoe-bay-town-record-post-accent) !important;
}

.horseshoe-bay-town-record-post-composer-button:active {
  transform: translateY(1px);
}

.horseshoe-bay-town-record-post-composer-status {
  flex: 1 1 180px;
  min-width: 0;
  color: var(--horseshoe-bay-town-record-post-muted);
  font-size: 9px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
}

.horseshoe-bay-town-record-post-composer-status-error { color: #a1375b; }
.horseshoe-bay-town-record-post-composer-status-success { color: var(--horseshoe-bay-town-record-post-accent); }

.horseshoe-bay-town-record-post-composer-generated {
  display: none;
  box-sizing: border-box;
  padding: 15px;
  border-top: 1px solid var(--horseshoe-bay-town-record-post-line);
  background: var(--horseshoe-bay-town-record-post-panel);
}

.horseshoe-bay-town-record-post-composer-generated.horseshoe-bay-town-record-post-composer-generated-visible {
  display: block;
}

.horseshoe-bay-town-record-post-composer-generated-section + .horseshoe-bay-town-record-post-composer-generated-section {
  margin-top: 16px;
}

.horseshoe-bay-town-record-post-composer-output {
  box-sizing: border-box;
  width: 100%;
  max-height: 230px;
  overflow: auto;
  margin: 7px 0 10px;
  padding: 10px;
  border: 1px solid var(--horseshoe-bay-town-record-post-line);
  outline: 0;
  background: var(--horseshoe-bay-town-record-post-canvas);
  color: var(--horseshoe-bay-town-record-post-text-soft);
  font: 10px/1.5 Consolas, "Courier New", monospace;
  text-align: left !important;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* Карточка, которую создаёт редактор */
.horseshoe-bay-town-record-post-publication {
  --horseshoe-bay-town-record-post-navy: #123f72;
  --horseshoe-bay-town-record-post-accent: #247f76;
  --horseshoe-bay-town-record-post-canvas: #f4f7f7;
  --horseshoe-bay-town-record-post-panel: #fcfdfd;
  --horseshoe-bay-town-record-post-panel-alt: #edf2f2;
  --horseshoe-bay-town-record-post-note: #e7f0ee;
  --horseshoe-bay-town-record-post-text: #263e49;
  --horseshoe-bay-town-record-post-text-soft: #415761;
  --horseshoe-bay-town-record-post-muted: #60727a;
  --horseshoe-bay-town-record-post-line: #cdd8dc;
  box-sizing: border-box;
  width: 100%;
  max-width: 760px;
  margin: 14px auto;
  overflow: hidden;
  border: 1px solid var(--horseshoe-bay-town-record-post-line);
  border-top: 3px solid var(--horseshoe-bay-town-record-post-navy);
  background: var(--horseshoe-bay-town-record-post-panel);
  color: var(--horseshoe-bay-town-record-post-text);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.6;
  text-align: left !important;
}

html[data-forum-theme="dark"] .horseshoe-bay-town-record-post-publication {
  --horseshoe-bay-town-record-post-navy: #8eb7d7;
  --horseshoe-bay-town-record-post-accent: #70c2b3;
  --horseshoe-bay-town-record-post-canvas: #111c25;
  --horseshoe-bay-town-record-post-panel: #162631;
  --horseshoe-bay-town-record-post-panel-alt: #1d303b;
  --horseshoe-bay-town-record-post-note: #19332f;
  --horseshoe-bay-town-record-post-text: #dce7eb;
  --horseshoe-bay-town-record-post-text-soft: #c2d0d5;
  --horseshoe-bay-town-record-post-muted: #9eb0b8;
  --horseshoe-bay-town-record-post-line: #344b57;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  html:not([data-forum-theme]) .horseshoe-bay-town-record-post-publication {
    --horseshoe-bay-town-record-post-navy: #8eb7d7;
    --horseshoe-bay-town-record-post-accent: #70c2b3;
    --horseshoe-bay-town-record-post-canvas: #111c25;
    --horseshoe-bay-town-record-post-panel: #162631;
    --horseshoe-bay-town-record-post-panel-alt: #1d303b;
    --horseshoe-bay-town-record-post-note: #19332f;
    --horseshoe-bay-town-record-post-text: #dce7eb;
    --horseshoe-bay-town-record-post-text-soft: #c2d0d5;
    --horseshoe-bay-town-record-post-muted: #9eb0b8;
    --horseshoe-bay-town-record-post-line: #344b57;
    color-scheme: dark;
  }
}

.horseshoe-bay-town-record-post-publication-author {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  box-sizing: border-box;
  padding: 11px 14px;
  border-bottom: 1px solid var(--horseshoe-bay-town-record-post-line);
  background: var(--horseshoe-bay-town-record-post-panel-alt);
}

.horseshoe-bay-town-record-post-publication-avatar,
.horseshoe-bay-town-record-post-publication-avatar-fallback {
  display: grid !important;
  place-items: center;
  box-sizing: border-box;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 2px solid var(--horseshoe-bay-town-record-post-panel) !important;
  border-radius: 50% !important;
  background: var(--horseshoe-bay-town-record-post-canvas);
  box-shadow: 0 0 0 1px var(--horseshoe-bay-town-record-post-line) !important;
  color: var(--horseshoe-bay-town-record-post-muted);
  font-size: 8px;
  font-weight: 800;
  object-fit: cover;
  text-transform: uppercase;
}

.horseshoe-bay-town-record-post-publication-identity { min-width: 0; }

.horseshoe-bay-town-record-post-publication-name {
  color: var(--horseshoe-bay-town-record-post-navy);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.horseshoe-bay-town-record-post-publication-site {
  margin-top: 3px;
  color: var(--horseshoe-bay-town-record-post-muted);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.3;
}

.horseshoe-bay-town-record-post-publication-main {
  box-sizing: border-box;
  padding: 15px 16px 17px;
}

.horseshoe-bay-town-record-post-publication-title {
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--horseshoe-bay-town-record-post-navy) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  text-transform: none !important;
}

.horseshoe-bay-town-record-post-publication-copy {
  min-width: 0;
  color: var(--horseshoe-bay-town-record-post-text);
  font-size: 13px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

.horseshoe-bay-town-record-post-publication-copy > :first-child { margin-top: 0; }
.horseshoe-bay-town-record-post-publication-copy > :last-child { margin-bottom: 0; }
.horseshoe-bay-town-record-post-publication-copy blockquote {
  margin: 10px 0;
  padding: 8px 11px;
  border-left: 3px solid var(--horseshoe-bay-town-record-post-accent);
  background: var(--horseshoe-bay-town-record-post-note);
}

.horseshoe-bay-town-record-post-publication-image {
  display: block !important;
  box-sizing: border-box;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 14px auto 0 !important;
  padding: 0 !important;
  border: 1px solid var(--horseshoe-bay-town-record-post-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 600px) {
  .horseshoe-bay-town-record-post-composer { margin: 0 8px 16px; }
  .horseshoe-bay-town-record-post-composer-heading { align-items: flex-start; padding: 11px 12px; }
  .horseshoe-bay-town-record-post-composer-layout { grid-template-columns: 1fr; }
  .horseshoe-bay-town-record-post-composer-profile {
    display: grid !important;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 9px 11px;
    padding: 12px;
    border-right: 0;
    border-bottom: 1px solid var(--horseshoe-bay-town-record-post-line);
  }
  .horseshoe-bay-town-record-post-composer-profile-title {
    grid-column: 1 / -1;
    margin: 0;
  }
  .horseshoe-bay-town-record-post-composer-avatar-frame {
    grid-row: 2 / span 2;
    width: 62px;
    height: 62px;
    margin: 0;
  }
  .horseshoe-bay-town-record-post-composer-profile .horseshoe-bay-town-record-post-composer-field {
    grid-column: 2;
    margin: 0 !important;
  }
  .horseshoe-bay-town-record-post-composer-avatar-uploader-mount {
    grid-column: 1 / -1;
    margin: 0;
  }
  #pun .post-content .horseshoe-bay-town-record-post-composer .horseshoe-bay-town-record-post-composer-profile .horseshoe-bay-town-record-post-composer-upload-button,
  .horseshoe-bay-town-record-post-composer-profile .horseshoe-bay-town-record-post-composer-upload-button {
    grid-column: 2;
    margin: 0 !important;
  }
  .horseshoe-bay-town-record-post-composer-main { padding: 12px; }
  .horseshoe-bay-town-record-post-composer-upload-row { align-items: flex-start; flex-direction: column; }
  .horseshoe-bay-town-record-post-composer-actions { padding: 9px 12px; }
  .horseshoe-bay-town-record-post-composer-generated { padding: 12px; }
}

@media (max-width: 360px) {
  .horseshoe-bay-town-record-post-composer-heading { display: block; }
  .horseshoe-bay-town-record-post-composer-profile { grid-template-columns: 50px minmax(0, 1fr); gap: 8px 9px; }
  .horseshoe-bay-town-record-post-composer-avatar-frame {
    width: 50px;
    height: 50px;
  }
  .horseshoe-bay-town-record-post-composer-toolbar { gap: 4px; padding: 5px; }
  .horseshoe-bay-town-record-post-composer-actions { align-items: stretch; }
  .horseshoe-bay-town-record-post-composer-status { flex-basis: 100%; }
  .horseshoe-bay-town-record-post-composer-button { width: 100% !important; }
  .horseshoe-bay-town-record-post-publication-author {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 9px;
    padding: 10px;
  }
  .horseshoe-bay-town-record-post-publication-avatar,
  .horseshoe-bay-town-record-post-publication-avatar-fallback {
    width: 40px !important;
    height: 40px !important;
  }
  .horseshoe-bay-town-record-post-publication-author .horseshoe-bay-town-record-post-flair {
    grid-column: 2;
    justify-self: start;
  }
  .horseshoe-bay-town-record-post-publication-main { padding: 13px 11px 15px; }
  .horseshoe-bay-town-record-post-publication-title { font-size: 19px !important; }
}