@import url('//fonts.googleapis.com/css?family=Roboto');
@import url("//fonts.googleapis.com/css?family=Alegreya+Sans:300,300i,400,400i,500,500i,700,700i|Alegreya:400,400i,500,500i,700,700i|Ysabeau+Infant:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i|Inter:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|PT+Mono&subset=cyrillic");
@import url('//fonts.googleapis.com/css2?family=Alice&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

:root {
  --font-style-bg: #e4e4e4;
  --font-bg: #ebebeb;
  --change-font-size: 9px;
  --mini-profile-size: 16px;
  --transition: .3s all ease-in-out;
}


/***** MAIN STYLE *****/

.punbb .post h3 {
  z-index: 999;
  position: relative;
}

.post h3 span.new_func {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}


/*   */
.post h3 span.new_func strong {
  order: 3;
  font-weight: 700;
}

/*   */
.post h3 span.new_func .permalink {
  order: 1;
  flex-grow: 0;
}


/***   ***/

/*   */
#newFunc {
    position: relative;
    top: 0px;
    order: 2;
    display: flex;
    gap: 5px;
    margin-left: auto;
    margin-right: 4px;
    z-index: 9;
}

/*  :   */
#pun-post #newFunc {
  position: relative;
  top: -25px;
  justify-content: flex-end;
}

/*  :   */
#pun-edit #newFunc {
  position: absolute;
  top: 15px;
  right: 0;
}

/*   */
#newFunc a {
  position: relative;
  display: inline-block;

  width: 19px;
  height: 19px;
  background: var(--font-bg);

  text-align: center;
  color: var(--bg-header);
  font-size: var(--change-font-size);

  border-radius: 5px;

  padding: 4px;

  box-sizing: border-box;
  cursor: pointer;
}

/*  :   */
#newFunc a:hover {
  background: var(--bg-header);
  color: var(--font-bg);
}

#newFunc a i {
  pointer-events: none;
}



/***   ***/

#newFunc #changeFont {
  position: relative;
  display: inline-block;
}

#newFunc #changeFont span::before,
#newFunc #changeFont span::after {
  display: none;
}

/*   */
#newFunc #changeFont .change_font__content {
  position: absolute;
  display: block;

  top: 24px;

  width: 155px;
  max-width: 155px;
  background: var(--font-bg);

  border-radius: 5px;

  transform: translateX(-50%) scaleY(0);
  transform-origin: top;
  opacity: 0;
  transition: var(--transition);

  padding: 6px 10px 8px;
  margin: 0;
}

#newFunc #changeFont.active .change_font__content {
  transform: translateX(-50%) scaleY(1);
  opacity: 1;
}

/*  :        */
#pun-edit #newFunc #changeFont .change_font__content,
#pun-post #newFunc #changeFont .change_font__content {
  top: 33px;
  background: var(--font-style-bg);
}

/*    */
#newFunc #changeFont span.change_font__content span {
  display: block;

  width: auto;
  max-width: 100%;

  text-align: center;
  text-transform: none;

  margin: 4px 0;
  padding: 3px 3px 4px;

  transition: var(--transition);
  cursor: pointer;
}

/*   :     */
#newFunc #changeFont span.change_font__content span.active,
#newFunc #changeFont span.change_font__content span:hover {
  color: rgb(var(--accent));
}

#newFunc #changeFont span.change_font__content span.active {
  pointer-events: none;
}

/*   / - */
#newFunc #changeProfile.active,
#newFunc #changeFont.active a {
  background: var(--bg-header);
  color: var(--font-bg);
}

/*   / -:   */
#newFunc #changeProfile.active:hover,
#newFunc #changeFont.active a:hover {
  background: rgb(var(--accent));
  color: var(--font-bg);
}



/***** NEW VIEW *****/

/*    */
#pun-viewtopic .post.new_view .post-author {
  transform: scaleX(0) scaleY(0);
  height: 0;
}

#pun-viewtopic .post.new_view .post-author ul * {
  opacity: 0;
}

/*    - */
#pun-viewtopic .post.new_view h3 #newFunc #changeFont .change_font__content {
  top: 36px;
}

/*     */
#pun-viewtopic .post.new_view h3 {
  float: right;
  width: 77%;
  margin-bottom: 0;
  margin-top: 8px;
}

#pun-viewtopic .post.new_view h3 span {
  width: 100%;
}

/*   */
#pun-viewtopic .post.new_view .post-body {
  width: 100%;
}


/*   */
#pun-viewtopic .post.new_view .container {
  clear: both;
}

#pun-viewtopic .post.new_view .post-vote .container {
  clear: none;
}


/* - */
#newProfile {
  display: inline-block;
  position: sticky;
  top: 50px;

  width: max-content;
  min-width: calc(22% - 20px);
  background: var(--font-style-bg);

  border-radius: 3px;

  margin: -64px auto 15px 0;
  padding: 5px 10px 5px 5px;

  z-index: 99;
}

#newProfile .new_profile {
  display: flex;
  align-items: center;
}

#newProfile div:nth-child(2) {
  margin-left: 0;
}

#pun-main .post h3 span #newProfile span {
  display: inline;
  padding: 0;
  border: none;
}

/*   */
.online #newProfile::before {
  position: absolute;
  content: '';

  top: 5px;
  left: -3px;

  width: 8px;
  height: 8px;
  background: rgb(var(--accent));

  -webkit-animation: pulse 1.1s linear infinite;
  -moz-animation: pulse 1.1s linear infinite;
  -ms-animation: pulse 1.1s linear infinite;
  -o-animation: pulse 1.1s linear infinite;
  animation: pulse 1.1s linear infinite;

  border-radius: 50%;

  z-index: 1;
}

/*  - */
#newProfile li {
  list-style: none;
  line-height: 1;

  padding: 0;
}

/*  */
#newProfile li.pa-author {
  position: relative;
  top: -1px;
  left: 0;
  margin-bottom: 3px;
}

#newProfile li.pa-author a {
  display: inline-block;
  font-size: var(--mini-profile-size);
  line-height: 1;
  margin-bottom: 0;
  font-weight: 500;
}

#newProfile li.pa-author a:hover {
  color: rgb(var(--accent));
}

/*  */
#newProfile li.pa-respect {
  position: relative;
  bottom: 0;
  left: 0;
}

#newProfile li.pa-respect a {
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--bg-header);
}

/* ,          */
#newProfile li.pa-respect img {
  display: none;
}

#newProfile li.pa-respect a:hover {
  color: rgb(var(--accent));
}

#newProfile li.pa-respect .fld-name a {
  color: var(--bg-header);
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
}

#newProfile li.pa-respect .fld-name a:hover {
  color: rgb(var(--accent));
}

/*  */
#newProfile li.pa-avatar img {
  display: block;

  max-width: 40px;
  max-height: 40px;

  border-radius: 3px;
  margin-right: 7px;

  object-fit: cover;
  pointer-events: none;
  transition: var(--transition);
}



/*****    *****/

@keyframes pulse {
  0% {
    opacity: 1.0
  }

  50% {
    opacity: .3
  }

  100% {
    opacity: 1.0
  }
}

@-moz-keyframes pulse {
  0% {
    opacity: 1.0
  }

  50% {
    opacity: .3
  }

  100% {
    opacity: 1.0
  }
}

@-webkit-keyframes pulse {
  0% {
    opacity: 1.0
  }

  50% {
    opacity: .3
  }

  100% {
    opacity: 1.0
  }
}



/*****  *****/


/* Verdana */
@font-face {
  font-family: 'Verdana';
  src: url('//forumstatic.ru/files/001b/de/7b/98885.eot');
  src: url('//forumstatic.ru/files/001b/de/7b/98885.eot?#iefix') format('embedded-opentype'),
  url('//forumstatic.ru/files/001b/de/7b/65246.woff2') format('woff2'),
  url('//forumstatic.ru/files/001b/de/7b/60224.woff') format('woff'),
  url('//forumstatic.ru/files/001b/de/7b/51104.ttf') format('truetype'),
  url('//forumstatic.ru/files/001b/de/7b/71339.svg#Verdana-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Verdana';
  src: url('//forumstatic.ru/files/001b/de/7b/62443.eot');
  src: url('//forumstatic.ru/files/001b/de/7b/62443.eot?#iefix') format('embedded-opentype'),
  url('//forumstatic.ru/files/001b/de/7b/37753.woff2') format('woff2'),
  url('//forumstatic.ru/files/001b/de/7b/33009.woff') format('woff'),
  url('//forumstatic.ru/files/001b/de/7b/66429.ttf') format('truetype'),
  url('//forumstatic.ru/files/001b/de/7b/46366.svg#Verdana-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Verdana';
  src: url('//forumstatic.ru/files/001b/de/7b/52982.eot');
  src: url('//forumstatic.ru/files/001b/de/7b/52982.eot?#iefix') format('embedded-opentype'),
  url('//forumstatic.ru/files/001b/de/7b/26312.woff2') format('woff2'),
  url('//forumstatic.ru/files/001b/de/7b/32143.woff') format('woff'),
  url('//forumstatic.ru/files/001b/de/7b/58138.ttf') format('truetype'),
  url('//forumstatic.ru/files/001b/de/7b/57824.svg#Verdana-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Verdana';
  src: url('//forumstatic.ru/files/001b/de/7b/70306.eot');
  src: url('//forumstatic.ru/files/001b/de/7b/70306.eot?#iefix') format('embedded-opentype'),
  url('//forumstatic.ru/files/001b/de/7b/12584.woff2') format('woff2'),
  url('//forumstatic.ru/files/001b/de/7b/39663.woff') format('woff'),
  url('//forumstatic.ru/files/001b/de/7b/97082.ttf') format('truetype'),
  url('//forumstatic.ru/files/001b/de/7b/91153.svg#Verdana') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Arial */
@font-face {
  font-family: 'Arial';
  src: url('//forumstatic.ru/files/001a/fb/6b/29334.eot');
  src: url('//forumstatic.ru/files/001a/fb/6b/29334.eot?#iefix') format('embedded-opentype'),
  url('//forumstatic.ru/files/001a/fb/6b/87284.woff2') format('woff2'),
  url('//forumstatic.ru/files/001a/fb/6b/85027.woff') format('woff'),
  url('//forumstatic.ru/files/001a/fb/6b/60811.ttf') format('truetype'),
  url('//forumstatic.ru/files/001a/fb/6b/21174.svg#ArialMT') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arial';
  src: url('//forumstatic.ru/files/001a/fb/6b/17064.eot');
  src: url('//forumstatic.ru/files/001a/fb/6b/17064.eot?#iefix') format('embedded-opentype'),
  url('//forumstatic.ru/files/001a/fb/6b/70869.woff2') format('woff2'),
  url('//forumstatic.ru/files/001a/fb/6b/60679.woff') format('woff'),
  url('//forumstatic.ru/files/001a/fb/6b/67604.ttf') format('truetype'),
  url('//forumstatic.ru/files/001a/fb/6b/80167.svg#Arial-BoldMT') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arial';
  src: url('//forumstatic.ru/files/001b/de/7b/21409.eot');
  src: url('//forumstatic.ru/files/001b/de/7b/21409.eot?#iefix') format('embedded-opentype'),
  url('//forumstatic.ru/files/001b/de/7b/38145.woff2') format('woff2'),
  url('//forumstatic.ru/files/001b/de/7b/42382.woff') format('woff'),
  url('//forumstatic.ru/files/001b/de/7b/82241.ttf') format('truetype'),
  url('//forumstatic.ru/files/001b/de/7b/69034.svg#Arial-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Tahoma */
@font-face {
  font-family: 'Tahoma';
  src: url('//forumstatic.ru/files/001b/de/7b/52809.eot');
  src: url('//forumstatic.ru/files/001b/de/7b/52809.eot?#iefix') format('embedded-opentype'),
  url('//forumstatic.ru/files/001b/de/7b/56164.woff2') format('woff2'),
  url('//forumstatic.ru/files/001b/de/7b/71153.woff') format('woff'),
  url('//forumstatic.ru/files/001b/de/7b/25457.ttf') format('truetype'),
  url('//forumstatic.ru/files/001b/de/7b/21799.svg#Tahoma') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Courier New */
@font-face {
  font-family: 'Courier New';
  src: url('//forumstatic.ru/files/001a/fd/a5/38865.eot');
  src: url('//forumstatic.ru/files/001a/fd/a5/38865.eot?#iefix') format('embedded-opentype'),
  url('//forumstatic.ru/files/001a/fd/a5/50956.woff2') format('woff2'),
  url('//forumstatic.ru/files/001a/fd/a5/30877.woff') format('woff'),
  url('//forumstatic.ru/files/001a/fd/a5/68615.ttf') format('truetype'),
  url('//forumstatic.ru/files/001a/fd/a5/79866.svg#CourierNewPS-BoldItalicMT') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Courier New';
  src: url('//forumstatic.ru/files/001a/fd/a5/81311.eot');
  src: url('//forumstatic.ru/files/001a/fd/a5/81311.eot?#iefix') format('embedded-opentype'),
  url('//forumstatic.ru/files/001a/fd/a5/42148.woff2') format('woff2'),
  url('//forumstatic.ru/files/001a/fd/a5/20069.woff') format('woff'),
  url('//forumstatic.ru/files/001a/fd/a5/22513.ttf') format('truetype'),
  url('//forumstatic.ru/files/001a/fd/a5/50446.svg#CourierNewPS-ItalicMT') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Courier New';
  src: url('//forumstatic.ru/files/001a/fd/a5/73853.eot');
  src: url('//forumstatic.ru/files/001a/fd/a5/73853.eot?#iefix') format('embedded-opentype'),
  url('//forumstatic.ru/files/001a/fd/a5/92743.woff2') format('woff2'),
  url('//forumstatic.ru/files/001a/fd/a5/83107.woff') format('woff'),
  url('//forumstatic.ru/files/001a/fd/a5/33538.ttf') format('truetype'),
  url('//forumstatic.ru/files/001a/fd/a5/93101.svg#CourierNewPSMT') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Courier New';
  src: url('//forumstatic.ru/files/001a/fd/a5/61600.eot');
  src: url('//forumstatic.ru/files/001a/fd/a5/61600.eot?#iefix') format('embedded-opentype'),
  url('//forumstatic.ru/files/001a/fd/a5/28526.woff2') format('woff2'),
  url('//forumstatic.ru/files/001a/fd/a5/22171.woff') format('woff'),
  url('//forumstatic.ru/files/001a/fd/a5/77859.ttf') format('truetype'),
  url('//forumstatic.ru/files/001a/fd/a5/24033.svg#CourierNewPS-BoldMT') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* Georgia */
@font-face {
  font-family: 'Georgia';
  src: url('//forumstatic.ru/files/001a/fd/a5/78807.eot');
  src: url('//forumstatic.ru/files/001a/fd/a5/78807.eot?#iefix') format('embedded-opentype'),
  url('//forumstatic.ru/files/001a/fd/a5/26629.woff2') format('woff2'),
  url('//forumstatic.ru/files/001a/fd/a5/77612.woff') format('woff'),
  url('//forumstatic.ru/files/001a/fd/a5/22550.ttf') format('truetype'),
  url('//forumstatic.ru/files/001a/fd/a5/94307.svg#Georgia') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Georgia';
  src: url('//forumstatic.ru/files/001a/fd/a5/72285.eot');
  src: url('//forumstatic.ru/files/001a/fd/a5/72285.eot?#iefix') format('embedded-opentype'),
  url('//forumstatic.ru/files/001a/fd/a5/48844.woff2') format('woff2'),
  url('//forumstatic.ru/files/001a/fd/a5/58944.woff') format('woff'),
  url('//forumstatic.ru/files/001a/fd/a5/54897.ttf') format('truetype'),
  url('//forumstatic.ru/files/001a/fd/a5/37748.svg#Georgia-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}


.alegreya {
  font-family: "Alegreya", serif !important;
}


.roboto {
  font-family: "Roboto", sans-serif !important;
}


.pt_sans {
  font-family: "PT Sans", sans-serif !important;
}


.alice {
  font-family: "Alice", serif !important;
}


.ibm_plex {
  font-family: "IBM Plex Sans", sans-serif !important;
}


.pt_serif {
  font-family: "PT Serif", serif !important;
}


.ysabeau {
  font-family: "Ysabeau Infant", sans-serif !important;
}


.ubuntu {
  font-family: "Ubuntu", sans-serif !important;
}


.open_sans {
  font-family: "Open Sans", sans-serif !important;
}


.verdana {
  font-family: "Verdana", sans-serif !important;
}


.arial {
  font-family: "Arial", sans-serif !important;
}


.tahoma {
  font-family: "Tahoma", sans-serif !important;
}


.tahoma {
  font-family: "Tahoma", sans-serif !important;
}

.georgia {
  font-family: 'Georgia' !important;
}

.courier {
  font-family: 'Courier New' !important;
}

.inter {
  font-family: "Inter", sans-serif !important;
}