body {
	font-weight: normal;
	position: relative;
	font-family: 'Open Sans', sans-serif;
        background: var(--base-bg) repeat;
}

#pun-title {
	display: none
}

#pun-navlinks a {
	color: var(--text4) !important;
	transition: all .3s cubic-bezier(.64, .51, .55, 1.16) 0s !important;
	font: 500 15px var(--font) !important;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	height: auto;
	text-align: center;
	text-transform: lowercase
}

#pun-navlinks a:hover {
	color: var(--accent) !important;
}

#pun-navlinks ul {
	display: flex;
	gap: 20px;
	width: 100%;
	justify-content: flex-start;
	align-items: flex-end;
	height: auto;
	padding: 0 !important;
	text-align: right;
	border: none !important;
}

#pun-navlinks {
	display: block;
	font-size: 0px !important;
	font-style: normal;
	font-weight: lighter !important;
	width: auto;
	margin: 0px 0px 0 !important;
	height: 35px;
	padding: 0px 30px 0px;
	text-align: right;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	position: sticky;
	top: 0;
	z-index: 10;
	background: var(--dark400);
}

#navawards {
	display: none !important;
}

#pun-navlinks .container {
	flex: 1;
}

#pun-navlinks .container:after {
	display: none
}


#pun-ulinks {
	box-sizing: border-box;
	margin: 0px 0px 0 !important;   
	padding: 0px 30px 5px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: sticky;  
	top: 35px;
	z-index: 9;
	background: var(--dark400);
}


#pun-ulinks .container {
	padding: 0px !important;
	text-align: center;
	border: none !important;
	display: flex;
	height: 100%;
	gap: 15px;
	flex: 1;
	align-items: flex-start;
	justify-content: flex-start;
}

#pun-ulinks .container:after {
	display: none
}

#pun-ulinks a {
	font: 300 11px/120% var(--font) !important;
	text-transform: lowercase;
	color: var(--text4) !important;
	padding: 0 !important;
	margin: 0 0px 0 0 !important;
	box-sizing: border-box;
	display: flex !important;
	align-items: center;
}


#pun-ulinks.section {
	margin-bottom: 10px !important;
}

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

.offctgr {
	display: block !important;
	visibility: visible !important;
}

.pa-respect img {
	width: 10px
}


#profilenav h2 {
	text-align: left !important;
}

.post-author {
	width: 230px;
	font: 400 12px/100% var(--font);
	box-sizing: border-box;
	margin: 0 0 15px !important;
	padding: 0;
	position: relative;
	z-index: 0;
	background: 
    var(--beg100);
	overflow: visible;
}

.post-author p.pa-author {
	padding-bottom: 10px !important;
}

.post-author>ul {
	box-sizing: border-box;
	text-align: center !important;
	box-sizing: border-box;
	margin: 0px;
	padding: 15px 25px !important;
	color: var(--text2);
	display: flex;
	flex-direction: column;
	gap: 10px;
	position: relative
}

.pa-author {
	font: 700 12px var(--font) !important;
	text-align: right !important;
	padding: 5px 65px 15px 0 !important;
	margin: -15px -25px -10px !important;
	position: relative;
	background: 
    url(https://forumstatic.ru/files/001c/71/c5/77806.svg) no-repeat top left,
    url(https://forumstatic.ru/files/001c/71/c5/54741.svg) no-repeat bottom left,
    url(https://forumstatic.ru/files/001c/71/c5/93887.svg) repeat-y top left;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	text-transform: uppercase;
	gap: 10px;
	letter-spacing: -.05em
}

i#tuser,
.pa-author span.flag-i {
	display: none !important;
}

.pa-title {
	font-size: 10px;
	text-align: left;
	font-weight: 400 !important;
	position: relative;
	margin: 0px !important;
	position: relative;
	padding:0px !important;
	color: var(--dark300)
}

.pa-avatar {
	line-height: 0;
	overflow: hidden;
	display: inline-block;
	position: relative;
	margin: 0 0px !important;
	z-index: 1
}

.pa-avatar img {
	max-width: 180px;
        -webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	display: inline-block !important;
}

ul {
	margin-bottom: 0px;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
	color: #141414;
}
.font-montserrat {
	font-family: 'Montserrat', sans-serif;
}
.font-alegreya{
	font-family: 'Alegreya Sans';
}
.font-open-sans {
	font-family: 'Open Sans', sans-serif;
}
.text-transform-none {
	text-transform: none !important;
}
.text-white {
	color: #fff !important;
}
.text-bold {
	font-weight: bold !important;
}
.text-normal {
	font-weight: normal !important;
}
.font-12px {
	font-size: 12px !important;
}
.font-14px {
	font-size: 14px !important;
}
.font-16px {
	font-size: 16px !important;
}
.font-18px {
	font-size: 18px !important;
}
.font-20px {
	font-size: 20px !important;
}
.font-bold {
	font-weight: bold !important;
}
.font-normal {
	font-weight: normal !important;
}
.white-text {
	color: #fff !important;
}
.font-italic {
	font-style: italic;
}
.font-bold {
	font-weight: bold !important;
}
a:hover, a:focus {
	color: #f6b138;
}
.text-color-primary {
	color: #f6b138;
}


.field_wrap2 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	gap: 5px;
    margin: 0px -15px 0px !important;
	flex-wrap: wrap;
}

.pa-posts, .pa-respect, .pa-fld3, .pa-fld4 {
    display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
    text-align: center;
    font-size:10px;
	line-height: 120%;
	padding: 0px 10px !important;
	height: 30px;
	box-sizing: border-box;
	font-weight: 400;
	background: rgba(255,255,255,.1);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px)
}

.pa-posts .fld-name:before {
    content: "\f075";
	font: 10px FontAwesome;
	height: 10px;
	display: block;
}

.pa-posts .fld-name {
    font-size: 0;
}

.pa-respect .fld-name a:before, .gid3 .pa-respect .fld-name:before {
    content: "\f005";
	font: 10px FontAwesome;
	height: 10px;
	display: block;
}

.pa-respect .fld-name a, .pa-respect .fld-name  {
    font-size: 0;
    font-weight: normal
}

.pa-respect .fld-name a {
	display: flex;
	align-items: center;
}

.pa-respect img {
    display: none
}

.pa-posts .fld-name, .pa-respect .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name {
	display: flex !important;
	justify-content: center;
	width: 100%;
	height: 10px;
	align-items: center;
}

.pa-fld4 .fld-name:before {
    content: "\f52d";
	font: 10px FontAwesome;
	height: 10px;
	display: block;
}

.pa-fld4 .fld-name {
    font-size: 0;
}

.pa-fld3 .fld-name:before {
    content: "\f51e";
	font: 10px FontAwesome;
	height: 10px;
	display: block;
}

.pa-fld3 .fld-name {
    font-size: 0;
}

.pa-respect img {
  display: none
}

.indOnline,
.indOffline {
	display: block !important;
	z-index: 1;
	cursor: pointer;
	border: none !important;
	font-size: 0px;
	width: 11px;
	height: 12px;
	background: url(https://forumstatic.ru/files/001c/71/c5/30183.svg);
}

.indOnline {
	background: url(https://forumstatic.ru/files/001c/71/c5/30183.svg);
}

.indOffline {
	background: url(https://forumstatic.ru/files/001c/71/c5/97430.svg);
}

.pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld5 .fld-name {
	display: none
}

.lz_wrap a {
	color: var(--accent) !important;
	font-weight: 700
}

.lz_wrap a:hover {
	color: var(--dark300) !important;
}

.lz_wrap {
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	padding: 0px 10px !important;
}

.ank {
	background: var(--beg500);
	padding: 1px 15px 4px !important;
	font-size: 12px;
	margin-bottom: -10px !important;
	position: relative;
	line-height: 100%
}

.lz_desc {
	background: var(--beg300);
	margin: 0 -15px 0 !important;
	padding: 15px 10px 10px !important;
	text-align: left;
	font-size: 10px;
	line-height: 125%;
	color: var(--text1)
}

.pa-fld2 {
	position: absolute;
	top: 7px;
	right: 0;
	z-index: 1;
	width: 50px;
	color: var(--dark300);
	font-size: 9px;
	font-weight: 800
}

.pa-fld5 .fld-name {
	display: none
}

.pa-fld5 {
	margin-bottom: -30px !important;
}

.personal_banner {
	background: var(--beg350);
	box-shadow: 2px 2px 7px 0 rgba(87, 87, 87, 0.05), 8px 9px 12px 0 rgba(87, 87, 87, 0.04), 19px 20px 17px 0 rgba(87, 87, 87, 0.03), 33px 36px 20px 0 rgba(87, 87, 87, 0.01), 52px 56px 21px 0 rgba(87, 87, 87, 0);
	height: 30px;
	display: flex !important;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	font: 400 9px/100% var(--font);
	padding: 0 10px !important;
}

.personal_banner img {
	height: 50px;
	width: 50px;
	object-fit: contain;
}

.personal_bg {
	position: absolute;
	width: 100%;
	height: 100px;
	overflow: hidden;
	bottom: 0;
	left: 0;
	z-index: -1;
	mask: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #737373 100%);
	-webkit-mask:	linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #737373 100%);
	opacity: .7;
}

.personal_bg img {
	width: 100%;
	height: 100px;
	object-fit: cover;
}

#viewprofile .personal_bg {
	display: none
}

.pa-online,
.pa-reg,
.pa-last-visit {
	display: none;
}

.punbb th {
	font-size: 0 !important;
}

.lastedit {
	display: none !important;
}

.pa-gifts,
.pa-ua {
	display: none !important;
}

.punbb .section .container,
.punbb .post-body,
.punbb .post-links,
.punbb td.tc2,
.punbb td.tc3,
.punbb .formal fieldset .post-box,
#viewprofile li strong,
#viewprofile li div,
#setmods dd,
.punbb .info-box,
.punbb #pun-main .info-box .legend,
.punbb .main .container,
.punbb .post .container,
.punbb .post h3,
.punbb-admin #pun-admain .adcontainer,
#pun-title,
#pun-title .container,
.punbb .modmenu .container,
.punbb legend span,
#viewprofile h2 span,
#profilenav h2 span,
.punbb-admin #pun-admain legend span,
.punbb .post h3 span,
.punbb th,
#viewprofile li,
#setmods dl {
	border-color: transparent;
}

.punbb .post-box {
	text-align: justify
}

#pun-stats h2,
.punbb .main h1,
.punbb .main h2,
#pun-debug h2,
.punbb-admin #pun-admain h2 {
	border-color: transparent;
	font-style: normal;
	font-weight: normal;
}

#pun #post-form {
	position: relative;
	margin-top: 20px
}

.punbb textarea {
	box-sizing: border-box;
	background: var(--beg500);
	border: 1px solid rgba(var(--pun-cover-border), .07) !important;
	padding: 10px !important;
	border: none;
	width: 100% !important;
	color: var(--text1)
}

.punbb .quote-box,
.punbb .code-box {
	background: var(--beg500);
	border: 1px solid rgba(var(--pun-cover-border), .07) !important;
	padding: 10px !important;
	position: relative;
	text-align: justify;
}

#pun .answer-box, #pun .code-box, #pun .hide-box {
	padding: 15px 20px !important;
}

.answer-box:before {
	content: "\f10e";
	display: flex;
	font: normal 11px FontAwesome;
	position: absolute;
	width: 21px;
	height: 21px;
	justify-content: center;
	align-items: center;
	top: -5px;
	left: -5px;
    background: rgba(var(--pun-cover-border), .07) !important;
	backdrop-filter: blur(25px);
	-webkit-backdrop-filter: blur(25px);
}

.code-box:before {
	content: "\f121";
	display: flex;
	font: normal 11px FontAwesome;
	position: absolute;
	width: 21px;
	height: 21px;
	justify-content: center;
	align-items: center;
	top: -5px;
	left: -5px;
    background: rgba(var(--pun-cover-border), .07) !important;
	backdrop-filter: blur(25px);
	-webkit-backdrop-filter: blur(25px);
}


.hide-box:before {
	content: "\f023";
	display: flex;
	font: normal 11px FontAwesome;
	position: absolute;
	width: 21px;
	height: 21px;
	justify-content: center;
	align-items: center;
	top: -5px;
	left: -5px;
    background: rgba(var(--pun-cover-border), .07) !important;
	backdrop-filter: blur(25px);
	-webkit-backdrop-filter: blur(25px);
}

.answer-box blockquote, .blockcode, .hide-box blockquote {
	box-sizing: border-box
}

#pun .quote-box.spoiler-box {
	padding: 0px !important;
}

.quote-box.spoiler-box>div {
	margin: 5px 10px !important;
}

.quote-box.spoiler-box>blockquote {
	padding: 15px !important;
	box-sizing: border-box;
	border: none !important;
	margin: 14px 10px 10px !important;
	width: calc(100% - 20px) !important;
	background: var(--beg350)
}

#pun .quote-box cite,
#pun .code-box strong.legend {
	display: inline-block;
	font-size: 11px;
	font-family: var(--font);
	padding: 0;
	margin-bottom: 5px;
	text-align: left;
	font-weight: 800;
	text-transform: uppercase;
}

#pun .quote-box cite a,
#pun .code-box strong.legend a {
	color: var(--accent)
}

#pun .quote-box cite a:hover,
#pun .code-box strong.legend a:hover {
	color: var(--text1)
}

#pun-main .code-box .scrollbox pre {
	font-size: 11px;
	font-family: Courier New
}

.punbb select,
input {
	border: 0;
	padding: 4px 10px 4px 10px !important;
	color: var(--text1);
	background: var(--beg500);
	border: 1px solid rgba(var(--pun-cover-border), .07) !important;
	font: 400 12px var(--font), arial !important;
}

#isk {
	background: var(--beg500);
	border: 1px solid rgba(var(--pun-cover-border), .07) !important;
}

#pun-navlinks .container {
	border-color: transparent;
	color: #152115;
}

.offline li.pa-online strong {
	font-weight: normal;
}

.punbb .container,
.punbb .post-body,
.post h3,
#pun-title,
.punbb .section,
.punbb .forum,
.punbb .formal,
.punbb .modmenu,
.punbb .info,
.punbb .category,
.punbb .post,
#pun-stats h2,
.punbb .main h1,
.punbb .main h2,
#pun-debug h2,
.punbb-admin #pun-admain h2,
.punbb td,
.punbb fieldset,
#viewprofile ul,
#profilenav ul,
.punbb .post .post-body,
.punbb .post h3 span,
.post-links ul,
.post-links,
.usertable table,
#pun-ulinks li,
#pun-announcement h2 span,
li#onlinelist,
#pun-help .formal .info-box h3.legend span,
#pun-ulinks li a,
#pun-announcement h2,
li#onlinelist div,
#pun-help .formal .info-box h3.legend,
.punbb .divider,
.punbb .quote-box,
.punbb .code-box,
.punbb th,
.punbb .formal fieldset .post-box,
.punbb .info-box,
li.pa-online,
.punbb .post-sig dt {
	border-color: transparent;
}

.punbb a,
.punbb a:link,
.punbb a:visited,
.punbb-admin #pun-admain a,
.punbb-admin #pun-admain a:link,
.punbb-admin #punbb-admain a:visited,
.punbb li.isactive a,
.punbb li.isactive a:link,
.punbb li.isactive a:visited {
	border-bottom: 0 none #000;
	color: var(--accent);
	text-decoration: none;
	transition: color 0.3s ease-in-out;
}


.punbb a:hover,
.punbb a:focus,
.punbb a:active,
.punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover,
.punbb-admin #punbb-admain a:focus,
.punbb-admin #punbb-admain a:active {
	border-bottom: 0 none #000;
	color: var(--hover-link);
	text-decoration: none;
}

#pun-pagelinks a:active,
#pun-pagelinks a:focus {
	background-color: #211a13;
	color: #fff;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #141414;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}

h1 {
	display: none
}

h2, h1 {
	font: 800 12px var(--font) !important;
	color: var(--text);
        font-size: 36px;
	font-weight: bold;
}

p {
	font-family: inherit;
	font-weight: 400;
	color: #6a7483;
	font-size:13px;
	line-height: 24px;
	font-family: 'Open Sans', sans-serif;
}

a {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	text-decoration: none !important;
	font-family: 'Montserrat', sans-serif;
}

#pun-index h2 {
	box-shadow: none;
	border: 0 !important
}

#pun-main div.catleft,
#pun-main div.catright {
	display: none;
}

#pun-index table Div.icon {
	height: 30px;
	width: 94px;
	background: url(https://forumstatic.ru/files/001c/71/c5/79072.png) no-repeat 0 0;
	border: none;
	display: block;
	position: absolute;
	top: -7px;
	left: -21px;
	display: none
}

#pun-index tr.inew .icon {
	display: block
}

div.icon {
	box-sizing: border-box;
	margin-top: 0px !important;
    margin-right: 10px;
	width: 50px;
	height: 16px;
	display: none;
	background: var(--icons) no-repeat left 0px;
}


.inew div.icon {
	background: var(--icons) no-repeat left 0;
	display: block
}

.isticky div.icon {
	background: var(--icons) no-repeat left -16px;
	display: block
}

.iclosed div.icon {
	background: var(--icons) no-repeat left -32px;
	display: block
}


#pun-about p.container {
	height: auto;
	margin-top: 10px !important;
	width: auto;
	padding: 0 0 0px !important;
	border: 0 !important;
	font-size: 10px;
  font-family: var(--font)
}

#pun-about {
	border: 0 !important;
	padding: 0 !important;
}

div#pun-about {
	margin-top: 0px;
}

div#html-footer {
	margin: 0px 0 0;
}

#pun-announcement.section h2 span {
	display: none;
}

.punbb input {
	border: medium none;
}

.button,
#pa-edit strong a,
input[type="button"],
button[type="button"] {
	background: #222935;
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	padding: 15px 35px;
	font-weight: bold;
	color: #fff;
	position: relative;
	overflow: hidden;
	border-bottom:3px solid rgba(0,0,0,0.4);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

}

.button:hover,
#pa-edit strong a:hover,
input[type="button"]:hover,
input.active[type="button"],
button[type="button"]:hover {
	background:#ff6c3a;
	color:#fff;
}

input[name="preview"] {
	background:#333;
	border-bottom:3px solid rgba(0,0,0,0.4);
}


.button:active {
	background:#222935;
}
/* Додаємо стилі до контейнера */
.logo {
    position: absolute;
    top: 15px;        /* Відступ від верхнього краю */
    right: 205px;      /* Відступ від правого краю */
    z-index: 9999;
}

/* Зменшуємо розмір картинки */
.logo img {
    width: 50px;     /* Можна змінити на потрібне значення */
    height: auto;
}


#pun-crumbs1 p.container,
#pun-crumbs2 p.container {
	font: 400 12px var(--font);
	color: var(--text2)
}

#pun-crumbs2 p.container {
	color: var(--text4)
}

#pun-crumbs1 a,
#pun-crumbs2 a {
	font-weight: 700;
}

#pun-crumbs1,
#pun-crumbs2 {
	margin: 0px 0 0px !important;
	position: relative;
	z-index: 1
}

#pun-crumbs1 {
	margin-top: -10px!important;
	margin-bottom: 20px !important;
}

#pun-crumbs1 .container strong+em,
#pun-crumbs2 .container strong+em {
	display: none !important;
}

.post_reputation {
	background: var(--beg500);
	border: 1px solid rgba(var(--pun-cover-border), .07) !important;
}


#font-area,
.popup_graffiti,
#size-area,
#image-area,
#color-area,
#addition-area,
#video-area,
.inner .popup_graffiti,
#table-area,
#keyboard-area,
#smilies-area,
#spoiler-area,
#meny_My_replic {
	color: var(--text1);
	background: var(--beg500);
	border: 1px solid rgba(var(--pun-cover-border), .07) !important;
	padding: 15px !important;
}


#keyboard-area input {
	box-shadow: none;
}

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


#pun-index .tcmod {
	display: none
}

#pun-index .category {
	margin: 0 0px !important;
	border: none;
}

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

#pun .category h2  {
    margin: 0 0px !important;
    height: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    text-align: left;
    flex-direction: row-reverse;
    gap: 0;
	height: 42px;
	padding: 0px;
	text-transform: lowercase;
	margin-right: 10px !important;
}

#pun .category h2 span {
	margin: 0px !important;
	font: normal 16px/100% var(--font-accent);
	position: relative;
	z-index: 1;
	width: auto;
	box-sizing: border-box;
	background: var(--beg350);
	height: 27px;
	padding: 2px 20px 2px 30px;
	display: flex;
	align-items: center;
	box-shadow: inset 4px -4px 10px 0 rgba(0, 0, 0, 0.05);
}

#pun .category h2 span:before {
	content: "";
	background: 
    var(--cat-left) no-repeat top left,
    var(--cat-center) repeat-x top left;
	height: 42px;
	width: 100%;
	display: block;
	position: absolute;
	top: -7px;
	left: 0;
}

#pun .category h2 span:after {
	content: "";
	background: 
    var(--cat-right) no-repeat top left;
	height: 42px;
	width: 11px;
	display: block;
	position: absolute;
	top: -7px;
	right: -10px;
}

#pun .category h2 .cat_q {
	background: var(--beg300);
	height: 42px;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	color: var(--dark300);
	font: 300 10px var(--font);
}

#pun-index .category .container {
	position: relative;
	padding: 20px 25px 25px;
	background: var(--beg300);
}

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

.category tr {
	margin: 0 0px;
	font: 400 11px var(--font);
	display: flex;
	align-items: center;
	gap: 50px;
	padding: 0px !important;
	box-sizing: border-box;
	position: relative;
}

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

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

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

#pun-index thead {
	display: none
}

#pun-index .category .tcl {
	width: 550px;
	box-sizing: border-box;
	padding: 0px !important;
	position: relative;
	-webkit-text-size-adjust: 100%;
}

#pun-index .category a {
	color: var(--text1)
}

#pun-index .category a:hover {
	color: var(--accent)
}


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

#pun-index .tclcon {
	position: relative;
	color: var(--text1);
	display: flex;
	flex-direction: column;
	gap: 5px;
	align-items: flex-start
}


#pun-index .tclcon h3 a {
	font-size: 15px;
	width: 100%;
	box-sizing: border-box;
	text-align: right;
	text-transform: lowercase;
}

.knopfortext {
	line-height: 150%;
	font-size: 11px;
	-webkit-text-size-adjust: 100%;
}

#knopfors .inner {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	margin-top: 7px
}

#knopfors a {
	background: var(--beg500);
	padding: 2px 10px;
	transition: all .3s linear 0s !important;
}

#knopfors a:hover {
	background: var(--beg350)
}

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

.tcr {
	line-height: 110%;
	padding-left: 0 !important;
	margin: 0 0px !important;
}

#pun-index .tcr {
	flex: 1;
	text-align: left;
	padding: 0 !important;
	display: flex;
	align-items: center;
	text-transform: lowercase;
	color: var(--dark500)
}

#pun-index .tcr a.lastpost-link {
	font-weight: 700;
	font-size: 14px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	height: auto;
	width: 240px;
	white-space: nowrap;
	line-height: 120%;
}

.category td+td {
	padding: 0 0px;
}

#pun {
	background-position: center top;
	background-repeat: repeat-y;
}

#pun-main .post-author ul {
	text-align: center;
}

.punbb .post {
	border-color: transparent;
}

.topic a.sharelink {
	display: none;
}

textarea#main-reply:focus {
	outline: 1px solid rgba(0, 0, 0, 0) !important;
}

.arrow_wrap {
    margin-left: 1020px !important;
	position: fixed;
	top: 0;
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 15px;
	z-index: 11;
	padding: 0px 0;
	box-sizing: border-box;
	top: 50%;
	transform: translateY(-50%);
}

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

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


.go-up span, .go-down span {
	background: rgba(150, 150, 150, 0.05);
	border: 1px solid #292929;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 23px;
	height: 23px;
	box-sizing: border-box
}

.go-up img {
	margin-left: -3px;
	margin-top: -3px
}

.go-down img {
	margin-left: -3px;
	margin-bottom: -3px
}

.go-down img, .go-up img {
transition: filter .4s linear 0s;
	filter: drop-shadow(0 0 3px #635257);
}

.go-up:hover img, .go-down:hover img {
	filter: drop-shadow(0 0 10px #fff)
}

html .hvStickerPackModal {
	background:var(--beg350);
	box-shadow: none !important;
	margin-left: 15px !important;
	border: 1px solid rgba(var(--pun-cover-border), .1) !important;
}


.hvStickerPackModal .hvStickerPackModalContent {
	border: none !important;
	box-shadow: none !important;
	background: var(--beg500);
}

.hvStickerPackModalTabs {
	gap: 2px;
	margin-top: 10px
}

.hvStickerPackModalTab {
	background: var(--dark300) !important;
	border: none !important;
	color: var(--text4) !important;
	font-family: var(--font) !important;
	box-shadow: none;
	font-weight: 500 !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
	text-transform: uppercase;
	padding: 3px 10px !important;
	font-size: 10px !important;
	margin: 0 !important;
}

.hvStickerPackModalTab:hover {
	background: var(--dark600) !important;
}

.hvStickerPackModalTab.active {
	background: var(--accent) !important;
	color: var(--text4) !important;
}

.hvStickerPackModalAdd {
	display: flex;
	align-items: stretch;
}

.hvStickerPackModalAddButton {
	border-radius: 0 !important;
	border: none!important;
	box-shadow: none !important;
	margin-bottom: 0 !important;
}

#float {
	background: var(--beg300);
	border: 1px solid var(--borders);
	width: 150px;
	font: normal 9px var(--font);
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	position: absolute;
	z-index: 8;
	top: 50px;
	right: 50px
}