@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin,cyrillic-ext");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif&subset=latin,cyrillic-ext");
@import url("https://static.kozhilya.ru/fonts/PresentScript3.css");
@import url("https://static.kozhilya.ru/fontawesome/css/font-awesome.min.css?ver=4.7.0");
/* Цвет на деревяшках */
/* Цвет отблеска на деревяшках (потому что Крис, вот почему) */
/* Цвет ссылки по наведению */
/* Цвет на кнопке */
/* Цвет отблеска на кнопке */
/* Цвет тени от блока и оверлея всплывающего окна */
/* Цвет тени ссылок на деревяшках (он же цвет ссылок на деревяшках, потому что Крис, вот почему) */
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
  }
  20% {
    transform: scaleY(1);
  }
}
.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 11002;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
}
.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker .behind {
  background-color: transparent;
}
.blocker:after {
  content: "✖";
  position: absolute;
  right: 0.5em;
  top: 0.1em;
  font-size: 2em;
  opacity: 0.5;
  transition: opacity 0.2s;
}
.blocker:hover:after {
  opacity: 1;
}

.modal:not(body) {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 11001;
  max-width: 60vw;
  box-sizing: content-box;
  width: 90%;
  box-shadow: 0 0 10px #000;
  text-align: left;
  background: url("https://static.kozhilya.ru/files/design/day/block_bg.png?ver=2") repeat center;
  box-shadow: 0 0 20px #240E00;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_border_small.jpg?ver=2") 25 round;
  border-width: 25px;
  border-style: solid;
  color: #523C2E;
}
.modal:not(body) a, .modal:not(body) a:visited {
  color: #955830;
  text-decoration: none;
}
.modal:not(body) a:hover {
  color: #904c20;
}
.modal:not(body) a.close-modal {
  display: none;
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==");
}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}
.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.modal-spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.SelectClass {
  border: none;
  box-sizing: border-box;
  filter: alpha(opacity=0);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.SumoSelect.open .search-txt {
  border-radius: 5px;
  border: none;
  box-sizing: border-box;
  display: inline-block;
  left: 0;
  margin: 0;
  padding: 5px 8px;
  position: absolute;
  top: 0;
  width: 100%;
}

.SumoUnder {
  -moz-opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: none;
  box-sizing: border-box;
  filter: alpha(opacity=0);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.SumoSelect {
  display: inline-block;
  outline: 0;
  position: relative;
  width: 200px;
}
.SumoSelect p {
  margin: 0;
}
.SumoSelect .hidden {
  display: none;
}
.SumoSelect .search-txt {
  display: none;
  outline: 0;
}
.SumoSelect .no-match {
  display: none;
  padding: 6px;
}
.SumoSelect .select-all > label {
  cursor: pointer;
  user-select: none;
}
.SumoSelect:focus > .CaptionCont {
  border-color: transparent;
  box-shadow: 0 0 2px transparent;
}
.SumoSelect:hover > .CaptionCont {
  border-color: transparent;
  box-shadow: 0 0 2px transparent;
}
.SumoSelect .select-all.sel {
  background-color: #a1c0e4;
}
.SumoSelect .select-all > span {
  bottom: 0;
  display: block;
  margin-left: -35px;
  position: absolute;
  top: 0;
  width: 30px;
}
.SumoSelect .select-all > span i {
  background-color: rgba(149, 88, 48, 0.12);
  border-radius: 2px;
  border: 1px solid rgba(149, 88, 48, 0.24);
  bottom: 0;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  height: 14px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
}
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i, .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i {
  background-color: #11a911;
  box-shadow: none;
  border-color: transparent;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: center center;
}
.SumoSelect .select-all {
  background-color: rgba(149, 88, 48, 0.06);
  border-bottom: 1px solid rgba(149, 88, 48, 0.12);
  border-radius: 3px 3px 0 0;
  cursor: pointer;
  height: 20px;
  padding: 8px 0 3px 35px;
  position: relative;
}

.SelectBox {
  padding: 5px 8px;
}

.sumoStopScroll {
  overflow: hidden;
}

.SumoSelect.open > .search > label {
  visibility: hidden;
}

.SumoSelect.open > .search > span {
  visibility: hidden;
}

.SumoSelect > .CaptionCont {
  min-height: 14px;
  position: relative;
  user-select: none;
  border-radius: 5px;
  border: 0 none transparent;
  padding: 5px 8px;
  color: #523C2E;
  background: #EBD2A8;
  box-shadow: 0 0 5px #240E00;
  text-align: left;
}

.SumoSelect > .optWrapper > .options {
  border-radius: 2px;
  max-height: 250px;
  position: relative;
}
.SumoSelect > .optWrapper > .options li.opt {
  border-bottom: 1px solid rgba(149, 88, 48, 0.12);
  padding: 6px;
  position: relative;
}
.SumoSelect > .optWrapper > .options li.opt label {
  user-select: none;
}
.SumoSelect > .optWrapper > .options li.opt:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
.SumoSelect > .optWrapper > .options li.group.disabled > label {
  opacity: 0.5;
}
.SumoSelect > .optWrapper > .options li ul li.opt {
  padding-left: 22px;
}
.SumoSelect > .optWrapper > .options li label {
  cursor: pointer;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.SumoSelect > .optWrapper > .options li span {
  display: none;
}
.SumoSelect > .optWrapper > .options li.opt.sel {
  background-color: #a1c0e4;
}
.SumoSelect > .optWrapper > .options li.group > label {
  cursor: default;
  font-weight: 700;
  padding: 8px 6px;
}
.SumoSelect > .optWrapper > .options li.opt.disabled {
  background-color: inherit;
  pointer-events: none;
}
.SumoSelect > .optWrapper > .options li.opt.disabled * {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.SumoSelect > .optWrapper > .options li.optGroup {
  padding-left: 5px;
  text-decoration: underline;
}

.SumoSelect.open > .CaptionCont {
  border-color: transparent;
  box-shadow: 0 0 2px transparent;
  text-align: left;
}

.SumoSelect > .CaptionCont > span {
  cursor: default;
  display: block;
  overflow: hidden;
  padding-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.SumoSelect > .CaptionCont > span.placeholder {
  color: #523C2E;
  font-style: italic;
}

.SumoSelect > .CaptionCont > label {
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
}

.SumoSelect > .CaptionCont > label > i {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=);
  background-position: center center;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  opacity: 0.8;
}

.SumoSelect > .optWrapper {
  background: #EBD2A8;
  border: 1px solid rgba(149, 88, 48, 0.12);
  box-sizing: border-box;
  display: none;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 30px;
  width: 100%;
  z-index: 1000;
}
.SumoSelect > .optWrapper ul {
  display: block;
  list-style: none;
  margin: 0;
  overflow: auto;
  padding: 0;
}

.SumoSelect.open > .optWrapper {
  display: block;
  top: 30px;
  text-align: left;
}

.SumoSelect.open > .optWrapper.up {
  bottom: 100%;
  margin-bottom: 5px;
  top: auto;
}

.SumoSelect > .optWrapper.okCancelInMulti > .options {
  border-radius: 2px 2px 0 0;
}

.SumoSelect > .optWrapper.selall > .options {
  border-radius: 0 0 2px 2px;
}

.SumoSelect > .optWrapper.selall.okCancelInMulti > .options {
  border-radius: 0;
}

.SumoSelect > .optWrapper.multiple > .options li ul li.opt {
  padding-left: 50px;
}
.SumoSelect > .optWrapper.multiple > .options li.opt {
  cursor: pointer;
  padding-left: 35px;
}
.SumoSelect > .optWrapper.multiple > .options li.opt span {
  bottom: 0;
  display: block;
  margin-left: -35px;
  position: absolute;
  top: 0;
  width: 30px;
}
.SumoSelect > .optWrapper.multiple > .options li.opt span i {
  background-color: rgba(149, 88, 48, 0.12);
  border-radius: 2px;
  border: 1px solid rgba(149, 88, 48, 0.24);
  bottom: 0;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  height: 14px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
}

.SumoSelect > .optWrapper.isFloating > .options {
  box-shadow: 0 0 100px #595959;
  max-height: 100%;
}
.SumoSelect > .optWrapper.isFloating > .options li.opt {
  padding: 12px 6px;
}

.SumoSelect > .optWrapper > .options > li.opt:first-child {
  border-radius: 2px 2px 0 0;
}
.SumoSelect > .optWrapper > .options > li.opt:last-child {
  border-bottom: none;
  border-radius: 0 0 2px 2px;
}

.SumoSelect > .optWrapper.selall > .options > li.opt:first-child {
  border-radius: 0;
}

.SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {
  border-radius: 0;
}

.SumoSelect > .optWrapper.isFloating {
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 90%;
  position: fixed;
  right: 0;
  top: 0;
  width: 90%;
}

.SumoSelect > .optWrapper > .MultiControls {
  background-color: #ffffff;
  border-radius: 0 0 3px 3px;
  border-top: 1px solid #dddddd;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
  display: none;
}

.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
  bottom: 0;
  display: block;
  margin-top: 5px;
  position: absolute;
  width: 100%;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
  display: block;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
  padding: 6px;
}
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {
  background-color: #a1c0e4;
  border-color: #a1c0e4;
  box-shadow: 0 0 2px #a1c0e4;
  outline: 0;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 12px;
  text-align: center;
  width: 50%;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
  background-color: #f1f1f1;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
  border-radius: 0 0 0 3px;
  border-right: 1px solid rgba(149, 88, 48, 0.12);
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
  border-radius: 0 0 3px;
}

.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt {
  padding-left: 35px;
}

.SumoSelect > .optWrapper.multiple.isFloating {
  padding-bottom: 43px;
}

.SumoSelect.disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

.SumoSelect.disabled > .CaptionCont {
  border-color: #523C2E;
  box-shadow: none;
}

/******************************
 ******* Regular styles *******
 ******************************/
html, :root {
  width: 100%;
  font: normal 12px "Open Sans", sans-serif;
}

body {
  text-align: center;
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
}
body.freezeContent {
  position: fixed;
  width: 100%;
  left: 0;
}

::selection {
  background-color: white;
  color: #101010;
}

a, a:visited {
  color: #955830;
  text-decoration: none;
}

a:hover {
  color: #904c20;
}

.clear {
  clear: both;
}

pre {
  white-space: pre-wrap;
  text-align: left;
}

hr {
  border-style: none none solid;
  border-width: 0 0 1px;
  color: #523C2E;
}

/******************************
 ******* Regular blocks *******
 ******************************/
/***** Inputs *****/
textarea, input, .localmenu li a, form .form_row_checkbox_group_vertical .form_input label, form .form_row_checkboxgroup .form_input label, button, body.fight.fight_modifier .myselect, body.fight.fight_modifier .marks, select, a.button {
  border: 1px solid #955830;
  padding: 5px 8px;
  color: #523C2E;
  background: #EBD2A8;
  outline: 0 none transparent;
  box-sizing: border-box;
}
textarea[disabled], input[disabled], .localmenu li a[disabled], form .form_row_checkbox_group_vertical .form_input label[disabled], form .form_row_checkboxgroup .form_input label[disabled], button[disabled], body.fight.fight_modifier [disabled].myselect, body.fight.fight_modifier [disabled].marks, select[disabled], a.button[disabled] {
  background: transparent !important;
  cursor: not-allowed !important;
}
textarea:hover, input:hover, .localmenu li a:hover, form .form_row_checkbox_group_vertical .form_input label:hover, form .form_row_checkboxgroup .form_input label:hover, button:hover, body.fight.fight_modifier .myselect:hover, body.fight.fight_modifier .marks:hover, select:hover, a.button:hover {
  background: #e4c89e;
}
textarea:focus, textarea:active,
textarea form .form_row_checkbox_group_vertical .form_input input:checked + label,
textarea form .form_row_checkbox_group_vertical .form_input .localmenu li a:checked + label,
.localmenu li textarea form .form_row_checkbox_group_vertical .form_input a:checked + label,
form .form_row_checkbox_group_vertical .form_input textarea input:checked + label,
form .form_row_checkbox_group_vertical .form_input textarea .localmenu li a:checked + label,
.localmenu li form .form_row_checkbox_group_vertical .form_input textarea a:checked + label,
textarea form .form_row_checkbox_group_vertical .form_input label:checked + label,
form .form_row_checkbox_group_vertical .form_input textarea label:checked + label,
textarea form .form_row_checkboxgroup .form_input input:checked + label,
textarea form .form_row_checkboxgroup .form_input .localmenu li a:checked + label,
.localmenu li textarea form .form_row_checkboxgroup .form_input a:checked + label,
form .form_row_checkboxgroup .form_input textarea input:checked + label,
form .form_row_checkboxgroup .form_input textarea .localmenu li a:checked + label,
.localmenu li form .form_row_checkboxgroup .form_input textarea a:checked + label,
textarea form .form_row_checkboxgroup .form_input label:checked + label,
form .form_row_checkboxgroup .form_input textarea label:checked + label, input:focus, .localmenu li a:focus, form .form_row_checkbox_group_vertical .form_input label:focus, form .form_row_checkboxgroup .form_input label:focus, input:active, .localmenu li a:active, form .form_row_checkbox_group_vertical .form_input label:active, form .form_row_checkboxgroup .form_input label:active,
input form .form_row_checkbox_group_vertical .form_input input:checked + label,
.localmenu li a form .form_row_checkbox_group_vertical .form_input input:checked + label,
input form .form_row_checkbox_group_vertical .form_input .localmenu li a:checked + label,
.localmenu li input form .form_row_checkbox_group_vertical .form_input a:checked + label,
.localmenu li a form .form_row_checkbox_group_vertical .form_input a:checked + label,
form .form_row_checkbox_group_vertical .form_input input input:checked + label,
form .form_row_checkbox_group_vertical .form_input .localmenu li a input:checked + label,
.localmenu li form .form_row_checkbox_group_vertical .form_input a input:checked + label,
form .form_row_checkbox_group_vertical .form_input input .localmenu li a:checked + label,
.localmenu li form .form_row_checkbox_group_vertical .form_input input a:checked + label,
form .form_row_checkbox_group_vertical .form_input .localmenu li a a:checked + label,
.localmenu li form .form_row_checkbox_group_vertical .form_input a a:checked + label,
input form .form_row_checkbox_group_vertical .form_input label:checked + label,
.localmenu li a form .form_row_checkbox_group_vertical .form_input label:checked + label,
form .form_row_checkbox_group_vertical .form_input input label:checked + label,
form .form_row_checkbox_group_vertical .form_input .localmenu li a label:checked + label,
.localmenu li form .form_row_checkbox_group_vertical .form_input a label:checked + label,
form .form_row_checkbox_group_vertical .form_input label input:checked + label,
form .form_row_checkbox_group_vertical .form_input label .localmenu li a:checked + label,
.localmenu li form .form_row_checkbox_group_vertical .form_input label a:checked + label,
form .form_row_checkbox_group_vertical .form_input label label:checked + label,
input form .form_row_checkboxgroup .form_input input:checked + label,
.localmenu li a form .form_row_checkboxgroup .form_input input:checked + label,
input form .form_row_checkboxgroup .form_input .localmenu li a:checked + label,
.localmenu li input form .form_row_checkboxgroup .form_input a:checked + label,
.localmenu li a form .form_row_checkboxgroup .form_input a:checked + label,
form .form_row_checkboxgroup .form_input input input:checked + label,
form .form_row_checkboxgroup .form_input .localmenu li a input:checked + label,
.localmenu li form .form_row_checkboxgroup .form_input a input:checked + label,
form .form_row_checkboxgroup .form_input input .localmenu li a:checked + label,
.localmenu li form .form_row_checkboxgroup .form_input input a:checked + label,
form .form_row_checkboxgroup .form_input .localmenu li a a:checked + label,
.localmenu li form .form_row_checkboxgroup .form_input a a:checked + label,
input form .form_row_checkboxgroup .form_input label:checked + label,
.localmenu li a form .form_row_checkboxgroup .form_input label:checked + label,
form .form_row_checkboxgroup .form_input input label:checked + label,
form .form_row_checkboxgroup .form_input .localmenu li a label:checked + label,
.localmenu li form .form_row_checkboxgroup .form_input a label:checked + label,
form .form_row_checkboxgroup .form_input label input:checked + label,
form .form_row_checkboxgroup .form_input label .localmenu li a:checked + label,
.localmenu li form .form_row_checkboxgroup .form_input label a:checked + label,
form .form_row_checkboxgroup .form_input label label:checked + label, button:focus, body.fight.fight_modifier .myselect:focus, body.fight.fight_modifier .marks:focus, button:active, body.fight.fight_modifier .myselect:active, body.fight.fight_modifier .marks:active,
button form .form_row_checkbox_group_vertical .form_input input:checked + label,
body.fight.fight_modifier .myselect form .form_row_checkbox_group_vertical .form_input input:checked + label,
body.fight.fight_modifier .marks form .form_row_checkbox_group_vertical .form_input input:checked + label,
button form .form_row_checkbox_group_vertical .form_input .localmenu li a:checked + label,
body.fight.fight_modifier .myselect form .form_row_checkbox_group_vertical .form_input .localmenu li a:checked + label,
body.fight.fight_modifier .marks form .form_row_checkbox_group_vertical .form_input .localmenu li a:checked + label,
.localmenu li button form .form_row_checkbox_group_vertical .form_input a:checked + label,
.localmenu li body.fight.fight_modifier .myselect form .form_row_checkbox_group_vertical .form_input a:checked + label,
body.fight.fight_modifier .localmenu li .myselect form .form_row_checkbox_group_vertical .form_input a:checked + label,
.localmenu li body.fight.fight_modifier .marks form .form_row_checkbox_group_vertical .form_input a:checked + label,
body.fight.fight_modifier .localmenu li .marks form .form_row_checkbox_group_vertical .form_input a:checked + label,
form .form_row_checkbox_group_vertical .form_input button input:checked + label,
form .form_row_checkbox_group_vertical .form_input body.fight.fight_modifier .myselect input:checked + label,
body.fight.fight_modifier form .form_row_checkbox_group_vertical .form_input .myselect input:checked + label,
form .form_row_checkbox_group_vertical .form_input body.fight.fight_modifier .marks input:checked + label,
body.fight.fight_modifier form .form_row_checkbox_group_vertical .form_input .marks input:checked + label,
form .form_row_checkbox_group_vertical .form_input button .localmenu li a:checked + label,
form .form_row_checkbox_group_vertical .form_input body.fight.fight_modifier .myselect .localmenu li a:checked + label,
body.fight.fight_modifier form .form_row_checkbox_group_vertical .form_input .myselect .localmenu li a:checked + label,
form .form_row_checkbox_group_vertical .form_input body.fight.fight_modifier .marks .localmenu li a:checked + label,
body.fight.fight_modifier form .form_row_checkbox_group_vertical .form_input .marks .localmenu li a:checked + label,
.localmenu li form .form_row_checkbox_group_vertical .form_input button a:checked + label,
.localmenu li form .form_row_checkbox_group_vertical .form_input body.fight.fight_modifier .myselect a:checked + label,
body.fight.fight_modifier .localmenu li form .form_row_checkbox_group_vertical .form_input .myselect a:checked + label,
.localmenu li form .form_row_checkbox_group_vertical .form_input body.fight.fight_modifier .marks a:checked + label,
body.fight.fight_modifier .localmenu li form .form_row_checkbox_group_vertical .form_input .marks a:checked + label,
button form .form_row_checkbox_group_vertical .form_input label:checked + label,
body.fight.fight_modifier .myselect form .form_row_checkbox_group_vertical .form_input label:checked + label,
body.fight.fight_modifier .marks form .form_row_checkbox_group_vertical .form_input label:checked + label,
form .form_row_checkbox_group_vertical .form_input button label:checked + label,
form .form_row_checkbox_group_vertical .form_input body.fight.fight_modifier .myselect label:checked + label,
body.fight.fight_modifier form .form_row_checkbox_group_vertical .form_input .myselect label:checked + label,
form .form_row_checkbox_group_vertical .form_input body.fight.fight_modifier .marks label:checked + label,
body.fight.fight_modifier form .form_row_checkbox_group_vertical .form_input .marks label:checked + label,
button form .form_row_checkboxgroup .form_input input:checked + label,
body.fight.fight_modifier .myselect form .form_row_checkboxgroup .form_input input:checked + label,
body.fight.fight_modifier .marks form .form_row_checkboxgroup .form_input input:checked + label,
button form .form_row_checkboxgroup .form_input .localmenu li a:checked + label,
body.fight.fight_modifier .myselect form .form_row_checkboxgroup .form_input .localmenu li a:checked + label,
body.fight.fight_modifier .marks form .form_row_checkboxgroup .form_input .localmenu li a:checked + label,
.localmenu li button form .form_row_checkboxgroup .form_input a:checked + label,
.localmenu li body.fight.fight_modifier .myselect form .form_row_checkboxgroup .form_input a:checked + label,
body.fight.fight_modifier .localmenu li .myselect form .form_row_checkboxgroup .form_input a:checked + label,
.localmenu li body.fight.fight_modifier .marks form .form_row_checkboxgroup .form_input a:checked + label,
body.fight.fight_modifier .localmenu li .marks form .form_row_checkboxgroup .form_input a:checked + label,
form .form_row_checkboxgroup .form_input button input:checked + label,
form .form_row_checkboxgroup .form_input body.fight.fight_modifier .myselect input:checked + label,
body.fight.fight_modifier form .form_row_checkboxgroup .form_input .myselect input:checked + label,
form .form_row_checkboxgroup .form_input body.fight.fight_modifier .marks input:checked + label,
body.fight.fight_modifier form .form_row_checkboxgroup .form_input .marks input:checked + label,
form .form_row_checkboxgroup .form_input button .localmenu li a:checked + label,
form .form_row_checkboxgroup .form_input body.fight.fight_modifier .myselect .localmenu li a:checked + label,
body.fight.fight_modifier form .form_row_checkboxgroup .form_input .myselect .localmenu li a:checked + label,
form .form_row_checkboxgroup .form_input body.fight.fight_modifier .marks .localmenu li a:checked + label,
body.fight.fight_modifier form .form_row_checkboxgroup .form_input .marks .localmenu li a:checked + label,
.localmenu li form .form_row_checkboxgroup .form_input button a:checked + label,
.localmenu li form .form_row_checkboxgroup .form_input body.fight.fight_modifier .myselect a:checked + label,
body.fight.fight_modifier .localmenu li form .form_row_checkboxgroup .form_input .myselect a:checked + label,
.localmenu li form .form_row_checkboxgroup .form_input body.fight.fight_modifier .marks a:checked + label,
body.fight.fight_modifier .localmenu li form .form_row_checkboxgroup .form_input .marks a:checked + label,
button form .form_row_checkboxgroup .form_input label:checked + label,
body.fight.fight_modifier .myselect form .form_row_checkboxgroup .form_input label:checked + label,
body.fight.fight_modifier .marks form .form_row_checkboxgroup .form_input label:checked + label,
form .form_row_checkboxgroup .form_input button label:checked + label,
form .form_row_checkboxgroup .form_input body.fight.fight_modifier .myselect label:checked + label,
body.fight.fight_modifier form .form_row_checkboxgroup .form_input .myselect label:checked + label,
form .form_row_checkboxgroup .form_input body.fight.fight_modifier .marks label:checked + label,
body.fight.fight_modifier form .form_row_checkboxgroup .form_input .marks label:checked + label, select:focus, select:active,
select form .form_row_checkbox_group_vertical .form_input input:checked + label,
select form .form_row_checkbox_group_vertical .form_input .localmenu li a:checked + label,
.localmenu li select form .form_row_checkbox_group_vertical .form_input a:checked + label,
form .form_row_checkbox_group_vertical .form_input select input:checked + label,
form .form_row_checkbox_group_vertical .form_input select .localmenu li a:checked + label,
.localmenu li form .form_row_checkbox_group_vertical .form_input select a:checked + label,
select form .form_row_checkbox_group_vertical .form_input label:checked + label,
form .form_row_checkbox_group_vertical .form_input select label:checked + label,
select form .form_row_checkboxgroup .form_input input:checked + label,
select form .form_row_checkboxgroup .form_input .localmenu li a:checked + label,
.localmenu li select form .form_row_checkboxgroup .form_input a:checked + label,
form .form_row_checkboxgroup .form_input select input:checked + label,
form .form_row_checkboxgroup .form_input select .localmenu li a:checked + label,
.localmenu li form .form_row_checkboxgroup .form_input select a:checked + label,
select form .form_row_checkboxgroup .form_input label:checked + label,
form .form_row_checkboxgroup .form_input select label:checked + label, a.button:focus, a.button:active,
a.button form .form_row_checkbox_group_vertical .form_input input:checked + label,
a.button form .form_row_checkbox_group_vertical .form_input .localmenu li a:checked + label,
.localmenu li a.button form .form_row_checkbox_group_vertical .form_input a:checked + label,
form .form_row_checkbox_group_vertical .form_input a.button input:checked + label,
form .form_row_checkbox_group_vertical .form_input a.button .localmenu li a:checked + label,
.localmenu li form .form_row_checkbox_group_vertical .form_input a.button a:checked + label,
a.button form .form_row_checkbox_group_vertical .form_input label:checked + label,
form .form_row_checkbox_group_vertical .form_input a.button label:checked + label,
a.button form .form_row_checkboxgroup .form_input input:checked + label,
a.button form .form_row_checkboxgroup .form_input .localmenu li a:checked + label,
.localmenu li a.button form .form_row_checkboxgroup .form_input a:checked + label,
form .form_row_checkboxgroup .form_input a.button input:checked + label,
form .form_row_checkboxgroup .form_input a.button .localmenu li a:checked + label,
.localmenu li form .form_row_checkboxgroup .form_input a.button a:checked + label,
a.button form .form_row_checkboxgroup .form_input label:checked + label,
form .form_row_checkboxgroup .form_input a.button label:checked + label {
  background: #ddbe95;
}

textarea {
  width: 100%;
  height: 300px;
}

a.button {
  display: block;
  margin: 5px;
}

option[selected], option.checked {
  background: #ddbe95;
}

input[type=submit], .localmenu li a[type=submit], form .form_row_checkbox_group_vertical .form_input label[type=submit], form .form_row_checkboxgroup .form_input label[type=submit] {
  color: #6F361D;
  text-shadow: #D9984F 1px 1px 0;
  font: bold 30px "Present Script";
  border-radius: 0;
  min-width: 176px;
  height: 57px;
  border-image: url("https://static.kozhilya.ru/files/design/day/pseudo_button_bg.png?ver=2") 1 14 fill round;
  border-width: 1px 14px;
  border-style: solid;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  background-color: transparent;
  box-shadow: none;
}
input[type=submit][disabled], .localmenu li a[type=submit][disabled], form .form_row_checkbox_group_vertical .form_input label[type=submit][disabled], form .form_row_checkboxgroup .form_input label[type=submit][disabled] {
  opacity: 0.5;
}
input[type=color], .localmenu li a[type=color], form .form_row_checkbox_group_vertical .form_input label[type=color], form .form_row_checkboxgroup .form_input label[type=color] {
  padding: 0 2px;
}
input[type=radio], .localmenu li a[type=radio], form .form_row_checkbox_group_vertical .form_input label[type=radio], form .form_row_checkboxgroup .form_input label[type=radio], input[type=checkbox], .localmenu li a[type=checkbox], form .form_row_checkbox_group_vertical .form_input label[type=checkbox], form .form_row_checkboxgroup .form_input label[type=checkbox] {
  display: none;
}
input[type=radio] + label, .localmenu li a[type=radio] + label, form .form_row_checkbox_group_vertical .form_input label[type=radio] + label, form .form_row_checkboxgroup .form_input label[type=radio] + label, input[type=checkbox] + label, .localmenu li a[type=checkbox] + label, form .form_row_checkbox_group_vertical .form_input label[type=checkbox] + label, form .form_row_checkboxgroup .form_input label[type=checkbox] + label {
  display: block;
  padding: 3px 5px;
  cursor: pointer;
}
input[type=radio] + label:before, .localmenu li a[type=radio] + label:before, form .form_row_checkbox_group_vertical .form_input label[type=radio] + label:before, form .form_row_checkboxgroup .form_input label[type=radio] + label:before, input[type=checkbox] + label:before, .localmenu li a[type=checkbox] + label:before, form .form_row_checkbox_group_vertical .form_input label[type=checkbox] + label:before, form .form_row_checkboxgroup .form_input label[type=checkbox] + label:before {
  display: inline-block;
  font: normal normal normal 1.2em/1 FontAwesome;
  text-rendering: auto;
  content: "\f096";
  margin-right: 4px;
  width: 15px;
  top: 1px;
  position: relative;
}
input[type=radio]:checked + label:before, .localmenu li a[type=radio]:checked + label:before, form .form_row_checkbox_group_vertical .form_input label[type=radio]:checked + label:before, form .form_row_checkboxgroup .form_input label[type=radio]:checked + label:before, input[type=checkbox]:checked + label:before, .localmenu li a[type=checkbox]:checked + label:before, form .form_row_checkbox_group_vertical .form_input label[type=checkbox]:checked + label:before, form .form_row_checkboxgroup .form_input label[type=checkbox]:checked + label:before {
  content: "\f046";
}
input[type=radio] + label:before, .localmenu li a[type=radio] + label:before, form .form_row_checkbox_group_vertical .form_input label[type=radio] + label:before, form .form_row_checkboxgroup .form_input label[type=radio] + label:before {
  content: "\f10c";
}
input[type=radio]:checked + label:before, .localmenu li a[type=radio]:checked + label:before, form .form_row_checkbox_group_vertical .form_input label[type=radio]:checked + label:before, form .form_row_checkboxgroup .form_input label[type=radio]:checked + label:before {
  content: "\f192";
}
input[type=range], .localmenu li a[type=range], form .form_row_checkbox_group_vertical .form_input label[type=range], form .form_row_checkboxgroup .form_input label[type=range] {
  background: none;
  box-shadow: none;
  -webkit-appearance: none;
  margin: 0.75em 0;
  width: 100%;
}
input[type=range]::-webkit-slider-runnable-track, .localmenu li a[type=range]::-webkit-slider-runnable-track, form .form_row_checkbox_group_vertical .form_input label[type=range]::-webkit-slider-runnable-track, form .form_row_checkboxgroup .form_input label[type=range]::-webkit-slider-runnable-track {
  background: #EBD2A8;
  border-radius: 0.1px;
  border: 1px solid #523C2E;
  cursor: pointer;
  height: 1em;
  width: 100%;
}
input[type=range]::-moz-range-track, .localmenu li a[type=range]::-moz-range-track, form .form_row_checkbox_group_vertical .form_input label[type=range]::-moz-range-track, form .form_row_checkboxgroup .form_input label[type=range]::-moz-range-track {
  background: #EBD2A8;
  border-radius: 0.1px;
  border: 1px solid #523C2E;
  cursor: pointer;
  height: 1em;
  width: 100%;
}
input[type=range]::-ms-track, .localmenu li a[type=range]::-ms-track, form .form_row_checkbox_group_vertical .form_input label[type=range]::-ms-track, form .form_row_checkboxgroup .form_input label[type=range]::-ms-track {
  background: #EBD2A8;
  border-radius: 0.1px;
  border: 1px solid #523C2E;
  cursor: pointer;
  height: 1em;
  width: 100%;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower, .localmenu li a[type=range]::-ms-fill-lower, form .form_row_checkbox_group_vertical .form_input label[type=range]::-ms-fill-lower, form .form_row_checkboxgroup .form_input label[type=range]::-ms-fill-lower {
  background: #EBD2A8;
  border-radius: 0.1px;
  border: 1px solid #523C2E;
  cursor: pointer;
  height: 1em;
  width: 100%;
}
input[type=range]::-ms-fill-upper, .localmenu li a[type=range]::-ms-fill-upper, form .form_row_checkbox_group_vertical .form_input label[type=range]::-ms-fill-upper, form .form_row_checkboxgroup .form_input label[type=range]::-ms-fill-upper {
  background: #EBD2A8;
  border-radius: 0.1px;
  border: 1px solid #523C2E;
  cursor: pointer;
  height: 1em;
  width: 100%;
}
input[type=range]::-webkit-slider-thumb, .localmenu li a[type=range]::-webkit-slider-thumb, form .form_row_checkbox_group_vertical .form_input label[type=range]::-webkit-slider-thumb, form .form_row_checkboxgroup .form_input label[type=range]::-webkit-slider-thumb {
  background: #523C2E;
  border: 0 solid #523C2E;
  cursor: pointer;
  height: 2.5em;
  width: 1em;
  border-radius: 2px;
  -webkit-appearance: none;
  margin-top: calc(-0.75em - 1px);
}
input[type=range]::-moz-range-thumb, .localmenu li a[type=range]::-moz-range-thumb, form .form_row_checkbox_group_vertical .form_input label[type=range]::-moz-range-thumb, form .form_row_checkboxgroup .form_input label[type=range]::-moz-range-thumb {
  background: #523C2E;
  border: 0 solid #523C2E;
  cursor: pointer;
  height: 2.5em;
  width: 1em;
  border-radius: 2px;
}
input[type=range]::-ms-thumb, .localmenu li a[type=range]::-ms-thumb, form .form_row_checkbox_group_vertical .form_input label[type=range]::-ms-thumb, form .form_row_checkboxgroup .form_input label[type=range]::-ms-thumb {
  background: #523C2E;
  border: 0 solid #523C2E;
  cursor: pointer;
  height: 2.5em;
  width: 1em;
  border-radius: 2px;
}
input[type=range]:focus, .localmenu li a[type=range]:focus, form .form_row_checkbox_group_vertical .form_input label[type=range]:focus, form .form_row_checkboxgroup .form_input label[type=range]:focus {
  outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track, .localmenu li a[type=range]:focus::-webkit-slider-runnable-track, form .form_row_checkbox_group_vertical .form_input label[type=range]:focus::-webkit-slider-runnable-track, form .form_row_checkboxgroup .form_input label[type=range]:focus::-webkit-slider-runnable-track {
  background: #e4c89e;
}
input[type=range]:focus::-ms-fill-lower, .localmenu li a[type=range]:focus::-ms-fill-lower, form .form_row_checkbox_group_vertical .form_input label[type=range]:focus::-ms-fill-lower, form .form_row_checkboxgroup .form_input label[type=range]:focus::-ms-fill-lower {
  background: #e4c89e;
}
input[type=range]:focus::-ms-fill-upper, .localmenu li a[type=range]:focus::-ms-fill-upper, form .form_row_checkbox_group_vertical .form_input label[type=range]:focus::-ms-fill-upper, form .form_row_checkboxgroup .form_input label[type=range]:focus::-ms-fill-upper {
  background: #e4c89e;
}

button.active, body.fight.fight_modifier .active.myselect, body.fight.fight_modifier .active.marks {
  background: #e4c89e;
}

/***** Captcha *****/
.captcha {
  border: 1px solid #955830;
  display: flex;
  flex-flow: row wrap;
  margin: 10px auto;
  width: 200px;
}
.captcha .captcha-container {
  flex: 0 0 100%;
  height: 92px;
}
.captcha .captcha-tools {
  display: flex;
  height: calc(1.2em + 11px);
  width: 2.2em;
}
.captcha .captcha-tools span {
  cursor: pointer;
  flex: 1 auto;
  font-size: 16px;
  padding: 0.1em 0.1em 0.1em 0.1em;
  text-align: center;
  background: #955830;
  color: #d3b489;
}
.captcha .captcha-tools span:hover {
  background: #904c20;
}
.captcha .captcha-input {
  flex: 1 1 40px;
}
.captcha .captcha-input input, .captcha .captcha-input .localmenu li a, .localmenu li .captcha .captcha-input a, .captcha .captcha-input form .form_row_checkbox_group_vertical .form_input label, form .form_row_checkbox_group_vertical .form_input .captcha .captcha-input label, .captcha .captcha-input form .form_row_checkboxgroup .form_input label, form .form_row_checkboxgroup .form_input .captcha .captcha-input label {
  border: 0 none;
  box-sizing: border-box;
  width: 100%;
}

/***** Message *****/
.message {
  border: 1px solid;
  margin: 1em auto;
  padding: 5px;
  width: 50%;
}
.message ul {
  margin: 1em auto;
  text-align: left;
}
.message.success {
  color: #347826;
  background-color: #c1bd8b;
  border-color: #2e8424;
}
.message.info {
  color: #7a4d2f;
  background-color: #d2b28e;
  border-color: #82502f;
}
.message.warning {
  color: #8a8212;
  background-color: #d6bf86;
  border-color: #96900d;
}
.message.error {
  color: #ba352f;
  background-color: #e2ac8e;
  border-color: #cf332f;
}

/*******************/
.tooltip-suite-container {
  border-style: solid;
  border-width: 5px;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_tab.png?ver=2") 12 fill round;
  color: #d3b489;
  position: fixed;
  max-width: 350px;
  padding: 2px 5px;
  display: none;
}
.tooltip-suite-container a, .tooltip-suite-container a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
.tooltip-suite-container a:hover {
  color: #bb8f53;
}
.tooltip-suite-element {
  cursor: help;
  text-decoration: underline dotted;
}

/***** Userlink *****/
.userlink {
  display: inline-block;
  vertical-align: text-bottom;
}
.userlink .userlink-avatar {
  display: inline-block;
  vertical-align: middle;
}
.userlink .userlink-avatar img {
  margin-right: 0.3em;
  max-height: 50px;
  max-width: 50px;
  vertical-align: middle;
}
.userlink .userlink-name {
  display: inline-block;
  font-family: "Noto Serif", serif;
  vertical-align: middle;
}

/***** Pridelink *****/
.pridelink {
  font-size: 1.2em;
  font-family: "Present Script", serif;
  font-weight: bold;
  display: inline-block;
  vertical-align: text-bottom;
  --pride-color: transparent;
  text-shadow: 0 0 1px var(--pride-color);
}

/***** Charlink *****/
.charlink {
  display: inline-block;
  vertical-align: text-bottom;
}
.charlink .charlink-avatar {
  display: inline-block;
  vertical-align: middle;
}
.charlink .charlink-avatar img {
  margin-right: 0.3em;
  height: 50px;
  width: 50px;
  vertical-align: middle;
  object-fit: contain;
}
.charlink .charlink-name {
  display: inline-block;
  font-family: "Present Script", serif;
  vertical-align: middle;
  font-size: 1.2em;
  font-weight: bold;
}
.charlink .charlink-name .fa {
  margin-left: 3px;
  font-size: 13px;
}
.charlink.notactive .charlink-name {
  font-weight: normal;
}

/***** Breadcrumbs *****/
.breadcrumbs {
  text-align: left;
  color: #d3b489;
  border-width: 10px;
  border-style: solid;
  border-image: url("https://static.kozhilya.ru/files/design/day/wooden_block_wide.png?ver=2") 10 fill repeat;
}
.breadcrumbs a, .breadcrumbs a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
.breadcrumbs a:hover {
  color: #bb8f53;
}
.breadcrumbs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.breadcrumbs ul li {
  display: inline-block;
  margin: 0 0.3em;
}
.breadcrumbs ul li a {
  display: block;
  padding: 0.3em 1em;
  height: 1.4em;
  text-decoration: none;
  position: relative;
}
.breadcrumbs ul li.active a {
  font-weight: bold;
}
.breadcrumbs ul li:before {
  content: "/";
  position: absolute;
  padding: 0.3em 0;
  height: 1.4em;
  margin-left: -0.6em;
}
.breadcrumbs ul li:first-child {
  padding-left: 1em;
}
.breadcrumbs ul li:first-child:before {
  content: "//";
  margin-left: -0.9em;
}

/***** Paginator *****/
.paginator {
  margin: 1.5em 0;
}
.paginator .title {
  font-weight: bold;
}
.paginator .pages {
  border: 1px solid #955830;
  border-left: 0 none transparent;
  display: inline-flex;
}
.paginator .pages a {
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border-left: 1px solid #955830;
  padding: 4px 8px;
}
.paginator .pages a.current {
  cursor: auto;
  font-weight: bold;
  background-color: rgba(149, 88, 48, 0.12);
}
.paginator .pages a:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
.paginator .pages .sep {
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border-left: 1px solid #955830;
  padding: 4px 8px;
}

/***** BB Editor *****/
.bbeditor-container {
  margin: auto;
  padding: 0 5px;
}
.bbeditor-container .bbeditor-toolbar-row {
  display: flex;
  padding: 5px 0;
}
.bbeditor-container .bbeditor-toolbar-button {
  background-color: rgba(149, 88, 48, 0.06);
  background: url("https://static.kozhilya.ru/files/design/day/form_icons.png?ver=2") no-repeat 50% 0;
  cursor: pointer;
  height: 26px;
  width: 26px;
}
.bbeditor-container .bbeditor-toolbar-button:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
.bbeditor-container .bbeditor-toolbar-button#button-font {
  background-position-y: 5px;
}
.bbeditor-container .bbeditor-toolbar-button#button-size {
  background-position-y: -21px;
}
.bbeditor-container .bbeditor-toolbar-button#button-bold {
  background-position-y: -47px;
}
.bbeditor-container .bbeditor-toolbar-button#button-italic {
  background-position-y: -73px;
}
.bbeditor-container .bbeditor-toolbar-button#button-underline {
  background-position-y: -99px;
}
.bbeditor-container .bbeditor-toolbar-button#button-strike {
  background-position-y: -125px;
}
.bbeditor-container .bbeditor-toolbar-button#button-align-left {
  background-position-y: -151px;
}
.bbeditor-container .bbeditor-toolbar-button#button-align-center {
  background-position-y: -177px;
}
.bbeditor-container .bbeditor-toolbar-button#button-align-right {
  background-position-y: -203px;
}
.bbeditor-container .bbeditor-toolbar-button#button-link {
  background-position-y: -229px;
}
.bbeditor-container .bbeditor-toolbar-button#button-spoiler {
  background-position-y: -255px;
}
.bbeditor-container .bbeditor-toolbar-button#button-image {
  background-position-y: -281px;
}
.bbeditor-container .bbeditor-toolbar-button#button-video {
  background-position-y: -307px;
}
.bbeditor-container .bbeditor-toolbar-button#button-hide {
  background-position-y: -333px;
}
.bbeditor-container .bbeditor-toolbar-button#button-quote {
  background-position-y: -359px;
}
.bbeditor-container .bbeditor-toolbar-button#button-code {
  background-position-y: -385px;
}
.bbeditor-container .bbeditor-toolbar-button#button-color {
  background-position-y: -411px;
}
.bbeditor-container .bbeditor-toolbar-button#button-smile {
  background-position-y: -437px;
}
.bbeditor-container .bbeditor-toolbar-button#button-keyboard {
  background-position-y: -463px;
}
.bbeditor-container .bbeditor-toolbar-button#button-table {
  background-position-y: -489px;
}
.bbeditor-container .bbeditor-toolbar-button#button-addition {
  background-position-y: -515px;
}
.bbeditor-container .bbeditor-toolbar-button#button-fullscreen {
  background: none;
  color: #955830;
}
.bbeditor-container .bbeditor-toolbar-button#button-fullscreen:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f0b2";
  margin: 7px 7px;
}
.bbeditor-container .bbeditor-toolbar-splitter {
  border-right: 1px solid;
  margin-right: 2px;
  padding-right: 2px;
}
.bbeditor-container .bbeditor-toolbar-filler {
  flex: 1 auto;
}
.bbeditor-container .bbeditor-toolbar-counter {
  color: #955830;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bbeditor-container .bbeditor-toolbar-counter i {
  flex: 0 auto;
  margin-right: 3px;
  font-size: 1.2em;
}
.bbeditor-container .bbeditor-toolbar-counter span {
  flex: 1 auto;
}
.bbeditor-container .bbeditor-tools-container {
  position: relative;
}
.bbeditor-container .bbeditor-tool-select {
  border-style: solid;
  border-width: 5px;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_tab.png?ver=2") 12 fill round;
  color: #d3b489;
  position: absolute;
  right: 5px;
  top: 5px;
}
.bbeditor-container .bbeditor-tool-select a, .bbeditor-container .bbeditor-tool-select a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
.bbeditor-container .bbeditor-tool-select a:hover {
  color: #bb8f53;
}
.bbeditor-container .bbeditor-tool-select-element {
  cursor: pointer;
  display: block;
  text-align: left;
}
.bbeditor-container .bbeditor-tool-select-element:hover {
  background: rgba(149, 88, 48, 0.12);
}
.bbeditor-container .bbeditor-tool-select#select-color {
  height: 2em;
}
.bbeditor-container .bbeditor-tool-select#select-color .bbeditor-tool-select-element {
  display: inline-block;
}
.bbeditor-container .bbeditor-tool-select#select-color .bbeditor-tool-select-element span {
  display: inline-block;
  height: 2em;
  margin: 0 2px;
  width: 2em;
}
.bbeditor-container .bbeditor-textarea {
  box-sizing: border-box;
}
.bbeditor-container.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 10001;
  padding: 0;
  background: url("https://static.kozhilya.ru/files/design/day/block_bg.png?ver=2") repeat center;
  box-shadow: 0 0 20px #240E00;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_border_small.jpg?ver=2") 25 round;
  border-width: 25px;
  border-style: solid;
  color: #523C2E;
  border: 0 none;
}
.bbeditor-container.fullscreen a, .bbeditor-container.fullscreen a:visited {
  color: #955830;
  text-decoration: none;
}
.bbeditor-container.fullscreen a:hover {
  color: #904c20;
}
.bbeditor-container.fullscreen .bbeditor-toolbar-row {
  padding: 5px 15px;
}
.bbeditor-container.fullscreen textarea {
  max-height: calc(100% - 40px);
  max-width: calc(100% - 10px);
  height: 100%;
  width: 100%;
}

/***** BB Container *****/
.bb-container {
  text-align: justify;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.bb-container.mybb {
  max-width: 700px;
  margin: 0 auto;
}
.bb-container p {
  line-height: 150%;
  margin: 0.5em 0 0.5em 0;
  padding: 0;
  text-align: justify;
}
.bb-container p.lastedit {
  display: none;
}
.bb-container img {
  vertical-align: text-bottom;
}
.bb-container img.postimg {
  vertical-align: middle;
}
.bb-container .blockcode {
  overflow: hidden;
  width: 100%;
}
.bb-container blockquote {
  overflow: hidden;
  width: 100%;
}
.bb-container .scrollbox {
  overflow: auto;
  width: 100%;
}
.bb-container .quote-box, .bb-container .code-box {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
}
.bb-container .quote-box.collapsable .collapsable-title, .bb-container .code-box.collapsable .collapsable-title {
  cursor: pointer;
}
.bb-container .quote-box.collapsable .collapsable-title .toggler .fa-plus-square-o, .bb-container .code-box.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
.bb-container .quote-box.collapsable .collapsable-title .toggler .fa-minus-square-o, .bb-container .code-box.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
.bb-container .quote-box.collapsable .collapsable-content, .bb-container .code-box.collapsable .collapsable-content {
  display: block;
}
.bb-container .quote-box.collapsable.collapsed .collapsable-title, .bb-container .code-box.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
.bb-container .quote-box.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o, .bb-container .code-box.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
.bb-container .quote-box.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o, .bb-container .code-box.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
.bb-container .quote-box.collapsable.collapsed .collapsable-content, .bb-container .code-box.collapsable.collapsed .collapsable-content {
  display: none;
}
.bb-container .quote-box cite, .bb-container .quote-box strong.legend, .bb-container .code-box cite, .bb-container .code-box strong.legend {
  display: block;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  padding-bottom: 0.4em;
}
.bb-container .quote-box blockquote, .bb-container .code-box blockquote {
  width: 100%;
  margin: 0;
  overflow: hidden;
}
.bb-container em.bbuline {
  font-style: normal;
  text-decoration: underline;
}
.bb-container em.bbuline em:not(.bbuline) {
  font-style: italic;
}
.bb-container .spoiler-box > div {
  background: url("https://tlkthebeginning.ru/img/plus.png") no-repeat left center;
  cursor: pointer;
  padding-left: 18px;
}
.bb-container .spoiler-box > div.visible {
  background-image: url("https://tlkthebeginning.ru/img/minus.png");
}
.bb-container .spoiler-box > blockquote {
  display: none;
  padding-top: 1.4em;
}
.bb-container .spoiler-box > blockquote.visible {
  display: block;
}
.bb-container .spoiler-box .spoiler_finite {
  display: block;
  text-align: center;
  height: 25px;
  padding-top: 5px;
  overflow: visible;
}
.bb-container .spoiler-box .spoiler_finite span {
  padding: 7px;
  display: block;
  font-weight: bold;
}
.bb-container ul.user-list {
  list-style: disc;
  padding: 0 0 1em 15px;
}
.bb-container ul.user-list li {
  list-style: inherit;
  margin-bottom: 0.3em;
}
.bb-container ul.user-list li > p {
  padding-bottom: 0.3em;
}
.bb-container ul.user-list li > p:last-of-type {
  padding-bottom: 0;
}
.bb-container table {
  border-collapse: collapse;
  margin: 0 0 0.8em;
}
.bb-container table tr td {
  border-style: solid none solid;
  border-width: 1px 0 1px;
  vertical-align: middle;
  padding: 0.4em 0.5em;
  overflow: hidden;
}
.bb-container table tr td p:last-child {
  padding-bottom: 0;
}
.bb-container table tr:first-child td {
  border-top-style: none;
  border-top-width: 0;
}
.bb-container table tr:last-child td {
  border-bottom-style: none;
  border-bottom-width: 0;
}
.bb-container hr, .bb-container .post-sig dt {
  opacity: 0.5;
  margin-bottom: 0.8em;
  border-color: #955830;
}
.bb-container img.postimg {
  max-width: 100%;
  margin: 0.4em 0;
  vertical-align: middle;
}
.bb-container .userlink {
  display: inline-block;
  vertical-align: middle;
}
.bb-container .userlink .userlink-avatar {
  display: inline-block;
  vertical-align: middle;
}
.bb-container .userlink .userlink-avatar img {
  margin-right: 0.3em;
  max-height: 2.2em;
  max-width: 2.2em;
  vertical-align: middle;
}
.bb-container .userlink .userlink-name {
  display: inline-block;
  font-family: "Noto Serif", serif;
  vertical-align: middle;
}
.bb-container .charlink {
  display: inline-block;
  vertical-align: middle;
}
.bb-container .charlink .charlink-avatar {
  display: inline-block;
  vertical-align: middle;
}
.bb-container .charlink .charlink-avatar img {
  height: 2.2em;
  margin-right: 0.3em;
  object-fit: contain;
  vertical-align: middle;
  width: 2.2em;
}
.bb-container .charlink .charlink-name {
  display: inline-block;
  font-family: "Present Script", serif;
  font-size: 1.2em;
  font-weight: bold;
  vertical-align: middle;
}
.bb-container .charlink .charlink-name .fa {
  font-size: 0.7em;
  margin-left: 3px;
}
.bb-container .cooldown h4 {
  background-color: #955830;
  color: #d3b489;
  text-align: center;
  margin: 0.5rem 0 0;
  font-size: 1rem;
}
.bb-container .cooldown h4 em {
  font: bold normal 1.2rem "Present Script";
  padding: 0.5em 0 0.6em;
  display: inline-block;
}
.bb-container .cooldown h4 a {
  color: #d3b489;
}
.bb-container .cooldown h4 a:hover {
  color: #bb8f53;
}
.bb-container .cooldown ul {
  list-style: disc;
}
.bb-container .cooldown ul li {
  margin: 0;
}
.bb-container .cooldown ul li ul {
  list-style: circle;
}

/***** Form *****/
form {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
form .form_row {
  align-items: flex-start;
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  margin: 0;
  padding: 0.5em 1%;
  text-align: left;
  width: 98%;
}
form .form_row .form_title {
  box-sizing: border-box;
  flex: 1 300px;
}
form .form_row .form_title strong {
  display: block;
  padding: 5px 0;
}
form .form_row .form_title em, form .form_row .form_title small {
  display: block;
  font-size: 0.9em;
  margin: 0 0 0 1em;
}
form .form_row .form_input {
  box-sizing: border-box;
  flex: 1 700px;
}
form .form_row textarea.form_input {
  height: 10em;
}
form .form_row_hidden {
  display: none;
}
form .form_row_radio .form_input {
  display: flex;
  flex-flow: row wrap;
  justify-content: stretch;
  align-items: stretch;
  background: #EBD2A8;
}
form .form_row_radio .form_input label {
  flex: 1 auto;
  border: 1px solid #955830;
  border-left-style: none;
}
form .form_row_radio .form_input label:hover {
  background: rgba(149, 88, 48, 0.06);
}
form .form_row_radio .form_input label:first-of-type {
  border-left-style: solid;
}
form .form_row_radio .form_input input:checked + label, form .form_row_radio .form_input .localmenu li a:checked + label, .localmenu li form .form_row_radio .form_input a:checked + label, form .form_row_radio .form_row_checkbox_group_vertical .form_input label:checked + label, form .form_row_checkbox_group_vertical .form_row_radio .form_input label:checked + label, form .form_row_radio .form_row_checkboxgroup .form_input label:checked + label, form .form_row_checkboxgroup .form_row_radio .form_input label:checked + label {
  background: rgba(149, 88, 48, 0.12);
}
form .form_row_nullable .form_input {
  background-color: rgba(149, 88, 48, 0.12);
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 5px;
}
form .form_row_nullable .form_input:hover {
  background-color: rgba(149, 88, 48, 0.24);
}
form .form_row_nullable .form_input input[type=checkbox], form .form_row_nullable .form_input .localmenu li a[type=checkbox], .localmenu li form .form_row_nullable .form_input a[type=checkbox], form .form_row_nullable .form_row_checkbox_group_vertical .form_input label[type=checkbox], form .form_row_checkbox_group_vertical .form_row_nullable .form_input label[type=checkbox], form .form_row_nullable .form_row_checkboxgroup .form_input label[type=checkbox], form .form_row_checkboxgroup .form_row_nullable .form_input label[type=checkbox] {
  display: none;
}
form .form_row_nullable .form_input span {
  display: inline-block;
  opacity: 0.3;
  vertical-align: middle;
}
form .form_row_nullable .form_input span input, form .form_row_nullable .form_input span .localmenu li a, .localmenu li form .form_row_nullable .form_input span a, form .form_row_nullable .form_row_checkbox_group_vertical .form_input span label, form .form_row_checkbox_group_vertical .form_row_nullable .form_input span label, form .form_row_nullable .form_row_checkboxgroup .form_input span label, form .form_row_checkboxgroup .form_row_nullable .form_input span label {
  box-sizing: border-box;
  vertical-align: middle;
  width: calc(100% - 2.2em);
}
form .form_row_nullable .form_input span:before {
  content: "\f096";
  display: inline-block;
  font: normal 1.5em FontAwesome;
  margin: 0 0.2em;
  text-align: left;
  vertical-align: middle;
  width: 0.9em;
}
form .form_row_nullable .form_input input:checked + span, form .form_row_nullable .form_input .localmenu li a:checked + span, .localmenu li form .form_row_nullable .form_input a:checked + span, form .form_row_nullable .form_row_checkbox_group_vertical .form_input label:checked + span, form .form_row_checkbox_group_vertical .form_row_nullable .form_input label:checked + span, form .form_row_nullable .form_row_checkboxgroup .form_input label:checked + span, form .form_row_checkboxgroup .form_row_nullable .form_input label:checked + span {
  opacity: 1;
  width: 100%;
}
form .form_row_nullable .form_input input:checked + span:before, form .form_row_nullable .form_input .localmenu li a:checked + span:before, .localmenu li form .form_row_nullable .form_input a:checked + span:before, form .form_row_nullable .form_row_checkbox_group_vertical .form_input label:checked + span:before, form .form_row_checkbox_group_vertical .form_row_nullable .form_input label:checked + span:before, form .form_row_nullable .form_row_checkboxgroup .form_input label:checked + span:before, form .form_row_checkboxgroup .form_row_nullable .form_input label:checked + span:before {
  content: "\f046";
}
form .form_row_bb .bbeditor-container {
  width: 100% !important;
  padding: 0;
}
form .form_row_checkboxgroup .form_input {
  padding: 0;
  display: flex;
}
form .form_row_checkboxgroup .form_input label {
  flex: 1 auto;
}
form .form_row_checkboxgroup .form_input label:not(:first-of-type) {
  border-left: 0 none;
}
form .form_row_checkbox_group_vertical .form_input {
  padding: 0;
  display: flex;
  flex-flow: column wrap;
}
form .form_row_checkbox_group_vertical .form_input label:not(:last-child) {
  border-bottom: none;
}
form .form_row_checkbox_group_vertical .form_input label:not(:first-of-type) {
  border-left: 0 none;
}
form .form_row_checkbox_group_vertical .form_input .checkbox-item:not(:last-child) label {
  border-bottom: none;
}
form .form_row_special .form_input.timezone_selects {
  display: flex;
  flex-flow: row nowrap;
}
form .form_row_special .form_input.timezone_selects select {
  flex: 1 1 auto;
  margin-right: 3px;
  width: 0;
}
form .form_row_special .form_input.timezone_selects select.select_element {
  flex-grow: 3;
  margin-right: 0;
}
form .form_row_html .form_input {
  padding: 5px 0;
}
form.login .login_controls {
  display: flex;
  flex-flow: row nowrap;
}
form.login .login_controls > * {
  flex: 1 auto;
}
form.login .login_controls .brands {
  text-align: left;
}
form.login .login_controls .texts {
  text-align: right;
}
form.login .login_controls .brand-login {
  cursor: pointer;
}
form.login .login_controls .brand-login img {
  cursor: pointer;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
}

/***** Skills *****/
.iconset {
  height: 100px;
  margin: auto;
  position: relative;
  width: 100px;
}
.iconset img.nature {
  height: 90%;
  margin: 5%;
  width: 90%;
}
.iconset img.individual {
  bottom: 0;
  height: 40%;
  position: absolute;
  right: 0;
  width: 40%;
}
.iconset img.type {
  bottom: 0;
  height: 40%;
  left: 0;
  position: absolute;
  width: 40%;
}
.iconset img.bought {
  height: 30%;
  position: absolute;
  right: 5%;
  top: 5%;
  width: 30%;
}

/***** Awards *****/
.awardslist {
  list-style: none;
  margin: 0;
  padding: 0;
}
.awardslist li {
  display: inline-block;
}
.awardslist li abbr img {
  opacity: 0.6;
  width: 60px;
  height: 60px;
}
.awardslist li abbr:hover img {
  opacity: 1;
}

.award_tooltip h3 {
  margin: 3px 0 5px;
  font: bold 1.5em "Present Script";
}
.award_tooltip p {
  margin: 0.3em 0;
}
.award_tooltip .description {
  margin-top: 1em;
}
.award_tooltip .text {
  font-style: italic;
  margin-bottom: 0.3em;
}

/***** Query table *****/
.queryform {
  position: relative;
  border: 1px solid transparent;
}
.queryform h2 {
  color: #d3b489;
  border-width: 10px;
  border-style: solid;
  border-image: url("https://static.kozhilya.ru/files/design/day/wooden_block_wide.png?ver=2") 10 fill repeat;
  margin: 0;
  cursor: pointer;
  text-align: left;
  padding: 0 15px;
  box-sizing: border-box;
}
.queryform h2 a, .queryform h2 a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
.queryform h2 a:hover {
  color: #bb8f53;
}
.queryform h2:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f147";
  margin-right: 5px;
}
.queryform fieldset {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
  display: none;
  margin-top: 25px;
  padding: 0;
}
.queryform fieldset.collapsable .collapsable-title {
  cursor: pointer;
}
.queryform fieldset.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
.queryform fieldset.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
.queryform fieldset.collapsable .collapsable-content {
  display: block;
}
.queryform fieldset.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
.queryform fieldset.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
.queryform fieldset.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
.queryform fieldset.collapsable.collapsed .collapsable-content {
  display: none;
}
.queryform.visible h2 {
  position: absolute;
  width: 100%;
}
.queryform.visible h2:before {
  content: "\f196";
}
.queryform.visible fieldset {
  display: block;
}

.querytable {
  width: 100%;
  border-spacing: 0;
}
.querytable thead {
  background: #955830;
  color: #d3b489;
}
.querytable thead a, .querytable thead a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
.querytable thead a:hover {
  color: #bb8f53;
}
.querytable thead td, .querytable thead th {
  background: rgba(149, 88, 48, 0.06);
  padding: 5px;
}
.querytable thead td.number, .querytable thead th.number {
  text-align: left;
}
.querytable thead td.sortable, .querytable thead th.sortable {
  position: relative;
  padding: 5px 15px;
}
.querytable thead td.sortable a, .querytable thead th.sortable a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.querytable thead td.sortable a:hover, .querytable thead th.sortable a:hover {
  background: rgba(211, 180, 137, 0.1);
}
.querytable thead td.sortable a i, .querytable thead th.sortable a i {
  margin-right: 3px;
}
.querytable tbody tr {
  height: 2em;
}
.querytable tbody tr:nth-child(2n) {
  background: rgba(149, 88, 48, 0.12);
}
.querytable tbody tr td, .querytable tbody tr th {
  padding: 5px;
  height: inherit;
}
.querytable tbody tr td.sorted, .querytable tbody tr th.sorted {
  background: rgba(149, 88, 48, 0.12);
}
.querytable tbody tr td.number, .querytable tbody tr th.number {
  text-align: left;
}
.querytable tbody tr td.link, .querytable tbody tr td.user, .querytable tbody tr td.char, .querytable tbody tr td.pride, .querytable tbody tr th.link, .querytable tbody tr th.user, .querytable tbody tr th.char, .querytable tbody tr th.pride {
  padding: 0;
}
.querytable tbody tr td.link a, .querytable tbody tr td.user a, .querytable tbody tr td.char a, .querytable tbody tr td.pride a, .querytable tbody tr th.link a, .querytable tbody tr th.user a, .querytable tbody tr th.char a, .querytable tbody tr th.pride a {
  display: block;
  height: 100%;
  padding: 0 5px;
}
.querytable tbody tr td.link a:hover, .querytable tbody tr td.user a:hover, .querytable tbody tr td.char a:hover, .querytable tbody tr td.pride a:hover, .querytable tbody tr th.link a:hover, .querytable tbody tr th.user a:hover, .querytable tbody tr th.char a:hover, .querytable tbody tr th.pride a:hover {
  background: rgba(149, 88, 48, 0.12);
}
.querytable tbody tr td.link a, .querytable tbody tr th.link a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
}
.querytable tbody tr td.char, .querytable tbody tr th.char {
  text-align: left;
}
.querytable tbody tr td.char a, .querytable tbody tr th.char a {
  display: flex;
  align-items: center;
}
.querytable tbody tr td.char a img, .querytable tbody tr th.char a img {
  margin-right: 6px;
  width: 2em;
  height: 2em;
}
.querytable tbody tr td.user, .querytable tbody tr th.user {
  text-align: left;
}
.querytable tbody tr td.user a, .querytable tbody tr th.user a {
  display: flex;
  align-items: center;
}
.querytable tbody tr td.user a img, .querytable tbody tr th.user a img {
  margin-right: 6px;
  height: 2em;
}
.querytable tbody tr td.pride a, .querytable tbody tr th.pride a {
  color: #523C2E;
  font: bold 1.2em "Present Script";
  padding: 0 5px;
  text-align: left;
  display: flex;
  align-items: center;
}
.querytable tbody tr td.tooltip, .querytable tbody tr th.tooltip {
  padding: 0;
}
.querytable tbody tr td.tooltip .tooltip-suite-element, .querytable tbody tr th.tooltip .tooltip-suite-element {
  display: block;
  padding: 9px 5px 8px;
}

.localmenu {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 auto 10px;
  justify-content: center;
}
.localmenu li {
  flex: 0 auto;
  width: 150px;
}
.localmenu li a {
  display: block;
  padding: 5px 8px;
}
.localmenu li:not(:first-of-type) a {
  border-left: 0 none;
}
.localmenu li.active a {
  font-weight: bold;
  background: rgba(149, 88, 48, 0.12);
}

/***** Event *****/
.tooltip_pride_score_milestone {
  width: 300px;
}
.tooltip_pride_score_milestone h3 {
  font: bold 1.2em "Present Script";
  margin: 0 0 10px;
}
.tooltip_pride_score_milestone p {
  margin: 5px 0 0;
}

.tooltip_pride_score_reason {
  width: 300px;
}
.tooltip_pride_score_reason p {
  margin-top: 0;
}
.tooltip_pride_score_reason ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.tooltip_pride_score_reason ul li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.tooltip_pride_score_reason ul li strong {
  flex: 0 0 auto;
  width: 76px;
  font: bold 1.2em "Present Script";
  text-align: left;
}
.tooltip_pride_score_reason ul li span {
  flex: 1 auto;
  text-align: left;
}
.tooltip_pride_score_reason ul li.multiplier {
  border-top: 1px solid #d3b489;
  padding-top: 2px;
  margin-top: 3px;
}

/***** Fight state editor *****/
.form_row.form_row_fightstate {
  margin-top: -40px;
}
.form_row.form_row_fightstate > .form_title {
  display: none;
}

.fightstate-editor {
  flex-basis: 100%;
  margin: 0;
}
.fightstate-editor .fightstate-button {
  flex: 0 0 30px;
  width: 30px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
  padding: 0;
  transition: 0.5s flex-basis, 0.5s width;
}
.fightstate-editor .fightstate-button em {
  display: block;
  font-size: 12px;
  width: 100px;
  flex: 0 0 100px;
  text-align: right;
  order: 1;
  line-height: 1;
}
.fightstate-editor .fightstate-button i {
  display: block;
  width: 16px;
  flex: 0 0 16px;
  text-align: center;
  font-size: 18px;
  margin: 0 8px;
  order: 2;
}
.fightstate-editor .fightstate-button:hover {
  flex-basis: 130px;
  width: 130px;
}
.fightstate-editor .fightstate-tools {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
}
.fightstate-editor .fightstate-tools .fightstate-title {
  flex: 1 0 auto;
}
.fightstate-editor .char {
  border: 1px solid #955830;
  margin: 5px 0;
}
.fightstate-editor .char .char-title {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  background-color: #955830;
  color: #d3b489;
}
.fightstate-editor .char .char-title a, .fightstate-editor .char .char-title a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
.fightstate-editor .char .char-title a:hover {
  color: #bb8f53;
}
.fightstate-editor .char .char-title .char-name {
  flex: 1 auto;
  text-align: left;
  font: bold 1.2em "Present Script";
  padding: 4px 7px;
}
.fightstate-editor .char .char-title .fightstate-button, .fightstate-editor .char .char-title .fightstate-button:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
.fightstate-editor .char .char-title .fightstate-button:hover {
  color: #bb8f53;
}
.fightstate-editor .char .char-elements {
  border-top: 1px solid #955830;
}
.fightstate-editor .char .fightstate-button#char-tool-expand em {
  display: none;
}
.fightstate-editor .char .fightstate-button#char-tool-expand i {
  padding-top: 3px;
}
.fightstate-editor .char .fightstate-button#char-tool-expand:hover {
  width: 30px;
  flex-basis: 30px;
}
.fightstate-editor .char .fightstate-button#char-tool-drag em {
  display: none;
}
.fightstate-editor .char .fightstate-button#char-tool-drag i {
  padding-top: 1px;
}
.fightstate-editor .char .fightstate-button#char-tool-drag:hover {
  width: 30px;
  flex-basis: 30px;
  color: inherit;
}
.fightstate-editor .char.expandable .char-button.char-expand i:before {
  content: "\f196";
}
.fightstate-editor .char.expandable .char-elements {
  display: none;
}
.fightstate-editor .char.expandable.expanded .char-button.char-expand i:before {
  content: "\f147";
}
.fightstate-editor .char.expandable.expanded .char-elements {
  display: block;
}
.fightstate-editor .element {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.fightstate-editor .element:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
.fightstate-editor .element .element-drag-handler {
  width: 20px;
  padding: 7px;
}
.fightstate-editor .element .element-bonus {
  flex: 0 20px;
  text-align: right;
  margin: 0 10px 0 0;
  font: bold 1.2em "Consolas";
}
.fightstate-editor .element .element-title {
  flex: 1 200px;
  text-align: left;
}
.fightstate-editor .element .element-remain {
  flex: 1 150px;
  text-align: left;
}
.fightstate-editor .element .element-tools {
  display: flex;
}
.fightstate-editor .element .element-tools .fightstate-button {
  padding: 6px 0;
}
.fightstate-editor .element .element-tools .fightstate-button:hover {
  background: rgba(149, 88, 48, 0.12);
}
.fightstate-editor .element .element-tools#element-active .fightstate-button em {
  display: none;
}
.fightstate-editor .element .element-tools#element-active .fightstate-button i {
  padding-top: 3px;
}
.fightstate-editor .element .element-tools#element-active .fightstate-button:hover {
  width: 30px;
  flex-basis: 30px;
}
.fightstate-editor .element .element-tools#element-actions {
  flex: 1 0 150px;
  justify-content: flex-end;
}
.fightstate-editor .element.empty span {
  padding: 7px 100px;
  display: block;
  flex: 1 auto;
  text-align: left;
}
.fightstate-editor .element.disabled {
  opacity: 0.5;
}
.fightstate-editor .element.notactivable .element-tools#element-active {
  visibility: hidden;
}
.fightstate-editor .element.neutral {
  background: #cfad88;
}
.fightstate-editor .element.positive {
  background: #a4b878;
}
.fightstate-editor .element.negative {
  background: #e7967d;
}
.fightstate-editor .fightstate-form {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
}
.fightstate-editor .fightstate-form.collapsable .collapsable-title {
  cursor: pointer;
}
.fightstate-editor .fightstate-form.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
.fightstate-editor .fightstate-form.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
.fightstate-editor .fightstate-form.collapsable .collapsable-content {
  display: block;
}
.fightstate-editor .fightstate-form.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
.fightstate-editor .fightstate-form.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
.fightstate-editor .fightstate-form.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
.fightstate-editor .fightstate-form.collapsable.collapsed .collapsable-content {
  display: none;
}
.fightstate-editor .fightstate-form .form_row_select .form_input select {
  display: block;
  width: 100%;
}
.fightstate-editor .fightstate-form .form_row_select .form_input div.description p {
  margin: 0.5rem 0 0;
}

/***** Dice result *****/
.dice-preview {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
}
.dice-preview.collapsable .collapsable-title {
  cursor: pointer;
}
.dice-preview.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
.dice-preview.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
.dice-preview.collapsable .collapsable-content {
  display: block;
}
.dice-preview.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
.dice-preview.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
.dice-preview.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
.dice-preview.collapsable.collapsed .collapsable-content {
  display: none;
}
.dice-preview-wrapper {
  width: 700px;
  margin: 10px auto;
}
.dice-preview .dice-preview-title {
  font: bold 1.2em "Open Sans";
  margin-top: 0;
}
.dice-preview .modifier-value {
  font: bold 1.2em "Present Script";
  display: inline-block;
  height: 20px;
}
.dice-preview .modifier-value .modifier-value-sign {
  font-size: 1.2em;
  padding-right: 3px;
}
.dice-preview .modifier-value .modifier-value-value {
  font-size: 1.5em;
}
.dice-preview .toggler-container .toggler {
  display: block;
  padding: 5px 0;
}
.dice-preview .toggler-container .toggler .fa:before {
  content: "\f138";
}
.dice-preview .toggler-container .toggler em {
  display: inline-block;
  border-bottom: dashed 1px #955830;
  font-style: normal;
}
.dice-preview .toggler-container .toggler span {
  display: inline-block;
}
.dice-preview .toggler-container .toggler span.onactive {
  display: none;
}
.dice-preview .toggler-container .toggler-content {
  display: none;
}
.dice-preview .toggler-container.active .toggler .fa:before {
  content: "\f13a";
}
.dice-preview .toggler-container.active .toggler span.onnotactive {
  display: none;
}
.dice-preview .toggler-container.active .toggler span.onactive {
  display: inline-block;
}
.dice-preview .toggler-container.active .throw-modifier-list {
  display: flex;
}
.dice-preview .toggler-container.active .toggler-content {
  display: block;
}
.dice-preview .throws {
  display: grid;
  grid-template-columns: 100px 1fr 100px;
  grid-template-rows: auto auto auto;
  grid-template-areas: "imageattack infoattack ." "imageattack modifiers ." ". infodamage imagedamage";
  border-top: 1px solid #523C2E;
}
.dice-preview .throws .throw-image object {
  width: 100px;
  margin: 0 auto;
}
.dice-preview .throws .throw-image#attack {
  grid-area: imageattack;
}
.dice-preview .throws .throw-image#damage {
  grid-area: imagedamage;
}
.dice-preview .throws .throw-image#damage object {
  width: 80px;
}
.dice-preview .throws .throw-info {
  grid-area: info;
}
.dice-preview .throws .throw-info p {
  margin: 10px 0;
}
.dice-preview .throws .throw-info p:first-of-type {
  margin-top: 5px;
}
.dice-preview .throws .throw-info .throw-result {
  font: bold 1.5em "Open Sans";
}
.dice-preview .throws .throw-info#attack {
  grid-area: infoattack;
}
.dice-preview .throws .throw-info#damage {
  grid-area: infodamage;
}
.dice-preview .throws .throw-modifiers {
  grid-area: modifiers;
}
.dice-preview .throws .throw-modifiers.active .throw-modifier-list {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  flex-flow: row wrap;
  justify-content: stretch;
}
.dice-preview .throws .throw-modifiers li.throw-modifier {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: stretch;
  margin: 1px 1px;
  padding: 1px;
}
.dice-preview .throws .throw-modifiers li.throw-modifier .throw-modifier-value {
  flex: 0 0 36px;
  padding: 0 0 1px;
  border: 1px solid #955830;
  background: #EBD2A8;
}
.dice-preview .throws .throw-modifiers li.throw-modifier .throw-modifier-title {
  flex: 1 0 auto;
  border: 1px solid #955830;
  background: #EBD2A8;
  border-left: 0 none;
  padding: 2px 3px;
}
.dice-preview .throws .throw-modifiers li.throw-modifier.combat-modifier .throw-modifier-title {
  font-weight: bold;
}
.dice-preview .state .state-items {
  padding: 0 0 0 2em;
  text-align: left;
}

/***** Brands *****/
.brand-icon {
  fill: #2CA5E0;
  background-color: #FFFFFF;
  fill: #4680C2;
  background-color: #FFFFFF;
  fill: #05CC47;
  background-color: #FFFFFF;
  fill: #00AFF0;
  background-color: #FFFFFF;
  fill: #FF4500;
  background-color: #FFFFFF;
  fill: #FF0000;
  background-color: #FFFFFF;
  fill: #000000;
  background-color: #FFFFFF;
  fill: #7289DA;
  background-color: #FFFFFF;
  fill: #E4405F;
  background-color: #FFFFFF;
  fill: #9146FF;
  background-color: #FFFFFF;
  fill: #1DA1F2;
  background-color: #FFFFFF;
}

/***** Editable list *****/
.editable-list .content {
  list-style: none;
  margin: 0;
  padding: 0;
}
.editable-list .content li {
  padding: 0.3em 0.5em;
}
.editable-list .content li:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
.editable-list .content li .title {
  text-align: center;
}
.editable-list .content li .title .mybox_title {
  display: inline-block;
  font: bold 1.2em "Open Sans";
  text-align: left;
  width: 50%;
}
.editable-list .content li .title > * {
  vertical-align: middle;
}
.editable-list .content li div.more {
  display: none;
}
.editable-list .content li .active_toggle {
  cursor: pointer;
  font-size: 2em;
}
.editable-list .content li .active_toggle span {
  display: none;
}
.editable-list .content li .active_toggle span.on_deactive {
  display: inline-block;
}
.editable-list .content li.active {
  background-color: rgba(149, 88, 48, 0.12);
}
.editable-list .content li.active div.more {
  display: block;
}
.editable-list .content li.active .active_toggle span {
  display: inline-block;
}
.editable-list .content li.active .active_toggle span.on_deactive {
  display: none;
}
.editable-list .content .null_check {
  margin-left: -1.1em;
  margin-top: 0.5em;
  position: absolute;
}
.editable-list .content li {
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
}
.editable-list .content li .drag-handle {
  align-items: center;
  display: flex;
  font-size: 1.5em;
}
.editable-list .content li .active_toggle {
  align-items: center;
  display: flex;
  font-size: 1.5em;
}
.editable-list .content li .fields {
  align-items: center;
  display: inline-flex;
  flex-flow: row nowrap;
  flex: 1 400px;
  justify-content: space-around;
  padding: 0 10px;
  width: 590px;
}
.editable-list .content li .fields .form_title {
  display: none;
}
.editable-list .content li.active {
  background-color: rgba(149, 88, 48, 0.06);
}
.editable-list .content li.active .fields {
  display: block;
}
.editable-list .content li.active .fields .form_title {
  display: block;
}

/***** Declenstion input *****/
.declension-modal {
  width: 50vw;
  max-width: initial;
}
.declension-modal .declension-content {
  text-align: center;
}
.declension-modal .declension-word {
  display: inline-flex;
  flex-flow: row nowrap;
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: stretch;
  justify-content: stretch;
  max-width: 100%;
}
.declension-modal .declension-word .declension-option {
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 1px;
}
.declension-modal .declension-word .declension-option h4 {
  flex: 0 auto;
  margin: 0;
  padding: 0 1em 0;
  max-height: 18rem;
  writing-mode: vertical-rl;
  text-orientation: sideways;
}
.declension-modal .declension-word .declension-option .declension-variants {
  display: none;
  flex-flow: row wrap;
  height: 17em;
  align-items: center;
}
.declension-modal .declension-word .declension-option p {
  flex: 1 100%;
  text-align: left;
  margin: 0;
}
.declension-modal .declension-word .declension-option.editable p {
  margin: 0;
}
.declension-modal .declension-word .declension-option:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
.declension-modal .declension-word .declension-option.active {
  flex-grow: 1;
  background-color: rgba(149, 88, 48, 0.24);
}
.declension-modal .declension-word .declension-option.active .declension-variants {
  display: flex;
}
.declension-modal .declension-word .declension-option.active .declension-variants p {
  flex: 1 100%;
}

/***** Draft list *****/
.draft_list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.draft_list li {
  flex: 0 0 auto;
  margin: 5px;
  width: calc(25% - 10px);
}
.draft_list li a {
  background: rgba(149, 88, 48, 0.12);
  border: 1px solid #955830;
  display: block;
  height: 120px;
  overflow-y: hidden;
  width: 100%;
}
.draft_list li a:hover {
  background: rgba(149, 88, 48, 0.24);
}
.draft_list li h2 {
  margin: 0.2em 0 0.2em;
}
.draft_list li .type {
  color: #523C2E;
  margin: 0 0 0.2em;
  font-weight: bold;
}
.draft_list li .lastedit {
  color: #523C2E;
  margin: 0 0 0.2em;
}
.draft_list li .preview {
  color: #523C2E;
  font: normal 10px "Consolas", "Courier New", monospace;
  opacity: 0.6;
  padding: 5px;
  text-align: left;
  overflow: hidden;
}

/* Цвет на деревяшках */
/* Цвет отблеска на деревяшках (потому что Крис, вот почему) */
/* Цвет ссылки по наведению */
/* Цвет на кнопке */
/* Цвет отблеска на кнопке */
/* Цвет тени от блока и оверлея всплывающего окна */
/* Цвет тени ссылок на деревяшках (он же цвет ссылок на деревяшках, потому что Крис, вот почему) */
body {
  background: url("https://static.kozhilya.ru/files/design/desert/body_bg_top.png?ver=2") no-repeat center -320px fixed, url("https://static.kozhilya.ru/files/design/fall/body_bg_regular.jpg?ver=2") repeat center fixed #cd944d;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto 1fr auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "header header header" ". content ." "footer footer footer";
  color: #523C2E;
}
body header {
  grid-area: header;
}
body footer {
  grid-area: footer;
}
body .wrapper {
  grid-area: content;
  margin-top: 20px;
}
body .ads {
  height: 0;
  display: none;
}
body .ads .sadMessage {
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: center;
  background: #101010;
  border: 1px solid #E0E040;
  color: #E0E040;
  font: bold 16px "Noto Serif";
}
@media (max-width: 768px) {
  body {
    grid-template-columns: 1fr;
    grid-template-areas: "header" "content" "footer";
  }
}

.grecaptcha-badge {
  visibility: hidden;
}

/***** Header *****/
header {
  position: sticky;
  top: 0;
  height: 78px;
  width: 100%;
  z-index: 10000;
  display: flex;
  flex-flow: row wrap;
  background: url("https://static.kozhilya.ru/files/design/day/body_header_bg.jpg?ver=2") repeat-x;
  box-shadow: 0 0 20px #240E00;
}
header input#header_handler {
  display: none;
}
header input + label[for=header_handler] {
  color: #d3b489;
  display: none;
  width: 100%;
  text-align: left;
  font: bold 16px "Present Script";
  padding: 10px;
}
header input + label[for=header_handler] a, header input + label[for=header_handler] a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
header input + label[for=header_handler] a:hover {
  color: #bb8f53;
}
header input + label[for=header_handler] em {
  font-style: normal;
}
header input + label[for=header_handler] em i {
  padding: 0;
}
header input + label[for=header_handler] em strong {
  padding: 0;
}
header nav {
  flex: 10 100px;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
}
header nav > li {
  display: inline-block;
  position: relative;
  flex: 0 auto;
}
header nav > li#filler {
  flex: 1 auto;
  visibility: hidden;
}
header nav > li a, header nav > li a:visited, header nav > li .menu_title, header nav > li .element {
  display: inline-block;
  padding: 11px 8px 20px;
  text-decoration: none;
  color: #d3b489;
  font: bold 16px "Present Script";
  text-shadow: 2px 1px 1px #491D00;
}
header nav > li a:hover, header nav > li a:visited:hover, header nav > li .menu_title:hover, header nav > li .element:hover {
  color: #bb8f53;
}
header nav > li .menu_title {
  cursor: default;
}
header nav > li ul {
  display: none;
  position: absolute;
  width: 200px;
  margin-top: -5px;
  padding: 0;
  list-style: none;
  border-style: solid;
  border-width: 5px;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_tab.png?ver=2") 12 fill round;
  color: #d3b489;
}
header nav > li ul a, header nav > li ul a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
header nav > li ul a:hover {
  color: #bb8f53;
}
header nav > li ul li {
  display: block;
}
header nav > li ul li a {
  text-align: left;
  display: block;
  font: normal 12px "Open Sans", sans-serif;
  padding: 8px 12px;
}
header nav > li.collapsable .menu_title {
  cursor: pointer;
}
header nav > li.collapsable.collapsed ul, header nav > li.collapsable:hover ul {
  display: block;
}
header nav > li#search_mobile {
  display: none;
}
header nav > li#search .menu_title {
  padding: 8px 3px 8px;
  position: relative;
}
header nav > li#search .menu_title i {
  position: absolute;
  height: calc(100% - 15px);
  display: flex;
  align-items: center;
  justify-content: center;
}
header nav > li#search .menu_title i:before {
  content: "\f002";
}
header nav > li#search .menu_title input {
  padding: 10px 5px 10px 27px;
  color: #d3b489;
  background: none;
  border: 0 none;
}
header nav > li#search .menu_title input a, header nav > li#search .menu_title input a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
header nav > li#search .menu_title input a:hover {
  color: #bb8f53;
}
header nav > li#search ul.havedata {
  display: block;
}
header nav > li#search ul li {
  text-align: left;
  border-bottom: 1px solid #d3b489;
}
header nav > li#search ul li a {
  display: block;
}
header nav > li#search ul li a.charlink, header nav > li#search ul li a.userlink {
  padding: 3px;
}
header nav > li#search ul li a.charlink img, header nav > li#search ul li a.userlink img {
  height: 40px;
  width: 40px;
}
header nav > li#search ul li a.userlink {
  font-size: 16px;
  font-weight: bold;
}
header nav > li#search ul li em {
  display: block;
  text-align: right;
  font-style: normal;
  font-size: 0.9em;
}
header nav > li#search ul li:last-of-type {
  border-bottom-color: transparent;
}
header nav > li#user {
  width: 200px;
}
header nav > li#user .menu_title {
  padding: 5px 0;
  display: block;
  text-align: left;
}
header nav > li#user .menu_title .fa {
  display: none;
}
header nav > li#user .menu_title .title {
  display: none;
}
header nav > li#user .menu_title a {
  font-size: 16px;
  display: block;
  width: auto;
  padding: 6px 8px;
}
header nav > li#user .menu_title img {
  width: 30px;
}
@media (min-width: 769px) and (max-width: 1150px) {
  header {
    height: 39px;
  }
  header nav > li a,
  header nav > li .menu_title {
    font-size: 15px;
    padding: 11px 8px 13px;
  }
  header nav > li#search_mobile {
    display: block;
  }
  header nav > li#search .menu_title {
    display: none;
  }
  header nav > li#user {
    width: auto;
  }
  header nav > li#user .menu_title {
    padding: 0;
  }
  header nav > li#user .menu_title a {
    font-size: 12px;
    padding: 5px 8px 4px;
  }
  header nav > li#user ul {
    right: 0;
  }
}
@media (max-width: 768px) {
  header {
    height: auto;
  }
  header input + label[for=header_handler] {
    display: block;
  }
  header input + label[for=header_handler]:before {
    display: none;
  }
  header input + label[for=header_handler] .hidden {
    display: block;
  }
  header input + label[for=header_handler] .visible {
    display: none;
  }
  header nav {
    display: none;
    border-style: solid;
    border-width: 5px;
    border-image: url("https://static.kozhilya.ru/files/design/day/block_tab.png?ver=2") 12 fill round;
    color: #d3b489;
    flex-flow: column nowrap;
    text-align: left;
  }
  header nav a, header nav a:visited {
    color: #d3b489;
    text-shadow: #A3663E 0 0 0;
    text-decoration: none;
  }
  header nav a:hover {
    color: #bb8f53;
  }
  header nav > li .menu_title, header nav > li a {
    display: block;
  }
  header nav > li ul {
    background: none;
    border: 0 none;
    position: static;
    width: auto;
    margin: 0 0 5px 25px;
  }
  header nav > li#search_mobile {
    display: block;
  }
  header nav > li#search {
    display: none;
  }
  header nav > li#user {
    width: auto;
  }
  header nav > li#user .menu_title {
    padding: 11px 8px 20px;
  }
  header nav > li#user .menu_title .fa, header nav > li#user .menu_title .title {
    display: inline-block;
    vertical-align: middle;
  }
  header nav > li#user .menu_title a {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
  }
  header nav > li#user ul {
    width: auto;
  }
  header input#header_handler:checked ~ label[for=header_handler] .hidden {
    display: none;
  }
  header input#header_handler:checked ~ label[for=header_handler] .visible {
    display: block;
  }
  header input#header_handler:checked ~ label[for=header_handler] ~ nav {
    display: flex;
  }
}

/***** Footer *****/
footer {
  display: flex;
  vertical-align: middle;
  text-align: right;
  margin-top: -2px;
  color: #d3b489;
  background: url("https://static.kozhilya.ru/files/design/day/body_bg_bottom.jpg?ver=2") repeat-x center bottom;
  background-clip: padding-box;
  height: 46px;
  padding: 32px 0 0;
}
footer a, footer a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
footer a:hover {
  color: #bb8f53;
}
footer .container {
  display: flex;
  flex-flow: row wrap;
  width: 1200px;
  margin: 0 auto;
}
footer .container div {
  flex: 1 auto;
  margin: 0.9em;
}
footer .beget {
  text-align: left;
}
@media (max-width: 768px) {
  footer .container {
    width: auto;
  }
}

/***** Common (ex. announcement) *****/
.common {
  width: 1100px;
  margin: 150px auto 0;
  border-width: 195px 65px 80px;
  box-sizing: border-box;
  padding: 15px 0 0;
  overflow: visible;
  border-style: solid;
  border-image: url("https://static.kozhilya.ru/files/design/day/announcement_bg2.png?ver=2") 195 65 80 fill stretch;
  position: relative;
  color: #d3b489;
}
.common a, .common a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
.common a:hover {
  color: #bb8f53;
}
.common .title {
  position: absolute;
  display: block;
  top: -250px;
  left: 0;
  width: 100%;
}
.common .title .logo {
  position: absolute;
  width: 357px;
  height: 295px;
  z-index: 15;
  top: -45px;
  left: calc(50% - 463px);
  background: url("https://static.kozhilya.ru/files/design/day/logo_image.png?ver=2") center no-repeat transparent;
}
.common .title h1 {
  margin: 30px 0 0 400px;
  font: bold 45px "Present Script";
  color: #523C2E;
}
.common .content {
  margin: 0 10px;
  padding: 0;
  height: 320px;
  overflow-y: auto;
  border-width: 15px;
  border-style: solid;
  border-image: url("https://static.kozhilya.ru/files/design/day/announcement_bg_content.png?ver=2") 20 fill stretch;
  color: #523C2E;
  display: grid;
  grid-gap: 0;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 350px;
  grid-template-areas: "greeting news";
}
.common .content a, .common .content a:visited {
  color: #955830;
  text-decoration: none;
}
.common .content a:hover {
  color: #904c20;
}
.common .content .greeting {
  grid-area: greeting;
  overflow-y: auto;
}
.common .content .greeting .external {
  display: block;
}
.common .content .greeting .external * {
  vertical-align: middle;
}
.common .content .news {
  grid-area: news;
  overflow-x: hidden;
  overflow-y: auto;
  border-left: 1px solid #955830;
}
.common .content .news h2 {
  margin: 0 0 5px;
}
.common .content .news ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.common .content .news ul li {
  border-bottom: 1px solid #955830;
}
.common .content .news ul li a {
  display: block;
  padding: 5px 5px;
}
.common .content .news ul li a em {
  display: block;
  width: 320px;
  height: 70px;
  overflow: hidden;
  margin: auto;
}
.common .content .news ul li a em img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.common .content .news ul li a span {
  display: block;
  margin: 5px 0 0;
}
.common .content .news ul li a span time:after {
  content: ".";
}
.common .breadcrumbs#top {
  position: absolute;
  width: 104%;
  bottom: -110px;
  left: -3%;
}
@media (max-width: 960px) {
  .common {
    padding: 0;
    background: none;
    border: 1px solid transparent;
    width: auto;
    margin: 50px auto 0;
  }
  .common .title {
    display: block;
    position: static;
    margin: 0 auto 50px;
  }
  .common .title .logo {
    position: static;
    margin: 0 auto;
  }
  .common .title h1 {
    margin: 0 auto;
  }
  .common .content {
    display: none;
  }
  .common .breadcrumbs#top {
    position: static;
    width: 95%;
    margin: auto;
  }
}

/***** Container *****/
main {
  width: min(calc(100vw - 17px), 1200px);
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 1fr;
  gap: 15px 0;
  grid-auto-flow: row;
  grid-template-areas: "header" "breadcrumbs" "article";
}
main > h1 {
  font: bold 2rem "Present Script", sans-serif;
  grid-area: header;
  width: 800px;
  margin: 50px auto 50px;
}
main .breadcrumbs {
  grid-area: breadcrumbs;
}
main article {
  background: url("https://static.kozhilya.ru/files/design/day/block_bg.png?ver=2") repeat center;
  box-shadow: 0 0 20px #240E00;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_border_small.jpg?ver=2") 25 round;
  border-width: 25px;
  border-style: solid;
  color: #523C2E;
  grid-area: article;
  max-width: 1200px;
  margin: 20px 0 0;
}
main article a, main article a:visited {
  color: #955830;
  text-decoration: none;
}
main article a:hover {
  color: #904c20;
}
main.has_aside {
  grid-template-columns: 200px 1fr;
  grid-template-rows: auto auto 1fr;
  gap: 15px 0;
  grid-auto-flow: row;
  grid-template-areas: "header header" "breadcrumbs breadcrumbs" "aside article";
}
main.has_aside aside {
  grid-area: aside;
  position: sticky;
  top: 70px;
  display: block;
  list-style: none;
  padding: 10px 5px;
  text-align: left;
  align-self: flex-start;
}
@media (max-width: 800px) {
  main {
    overflow-x: hidden;
  }
  main > h1 {
    width: auto;
    max-width: 100%;
  }
  main > h1 > span {
    margin: 0;
  }
}
@media (min-width: 769px) {
  main aside {
    border-right: 0 none transparent;
    float: left;
    margin: 40px 0 20px;
  }
}
@media (max-width: 768px) {
  main {
    width: auto;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "header" "breadcrumbs" "article";
  }
  main.has_aside {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto 1fr;
    grid-template-areas: "header" "breadcrumbs" "aside" "article";
  }
  main article {
    border-left: 0 none;
    border-right: 0 none;
    padding: 0 5px;
    margin-top: -15px;
  }
  main aside {
    border-bottom: 0 none transparent;
    margin: 5px 10px 0;
  }
  main aside.auto, main aside.auto ul {
    display: flex;
    flex-flow: row wrap;
  }
  main aside.auto li, main aside.auto ul li {
    flex: 1 150px;
  }
  main aside.auto li.collapsable, main aside.auto ul li.collapsable {
    flex-basis: 100%;
  }
}

aside {
  border-style: solid;
  border-width: 5px;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_tab.png?ver=2") 12 fill round;
  color: #d3b489;
}
aside a, aside a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
aside a:hover {
  color: #bb8f53;
}
aside h2 {
  margin: 0;
  text-align: center;
}
aside.auto li {
  margin: 1px 0;
}
aside.auto li ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 0.35em;
}
aside.auto a {
  display: block;
  padding: 0.5em 0.5em;
}
aside.auto a:hover {
  background-color: rgba(211, 180, 137, 0.1);
}
aside.auto a i {
  margin-right: 3px;
}
aside.auto .menu_title {
  display: block;
  padding: 0.5em 0.5em;
}
aside.auto .active a {
  background-color: rgba(211, 180, 137, 0.2);
  font-weight: bold;
}
aside.auto .menu_title.collapsing {
  cursor: pointer;
  font-weight: bold;
}
aside.auto .menu_title.collapsing:before {
  content: "\f147";
  display: inline-block;
  font: normal 1em FontAwesome;
  width: 1.2em;
}
aside.auto .menu_title.collapsing.collapsed:before {
  content: "\f196";
}
aside.auto .menu_title.collapsing + ul {
  border-left: 1px solid;
}
aside.auto .menu_title.collapsing.collapsed + ul {
  display: none;
}

body.index {
  /* Цвет на деревяшках */
  /* Цвет отблеска на деревяшках (потому что Крис, вот почему) */
  /* Цвет ссылки по наведению */
  /* Цвет на кнопке */
  /* Цвет отблеска на кнопке */
  /* Цвет тени от блока и оверлея всплывающего окна */
  /* Цвет тени ссылок на деревяшках (он же цвет ссылок на деревяшках, потому что Крис, вот почему) */
  /***** Posts *****/
  /***** Drafts *****/
}
body.index main {
  margin-top: 0;
}
body.index h1, body.index h1:before, body.index h1:after {
  background: none;
  box-shadow: none;
  border-image: none;
  border: 0 none;
  color: #523C2E;
  font-size: 3rem;
  margin: 40px auto;
}
body.index .breadcrumbs {
  display: none;
}
body.index article {
  display: grid;
  grid-template-rows: repeat(4, auto);
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
  margin: -15px 0 0;
  grid-template-areas: "posts nylottery" "posts links" "posts user" "scores scores";
  border: 1px solid transparent;
  border-image: none;
  background: none;
  box-shadow: none;
}
body.index article > section {
  background: url("https://static.kozhilya.ru/files/design/day/block_bg.png?ver=2") repeat center;
  box-shadow: 0 0 20px #240E00;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_border_small.jpg?ver=2") 25 round;
  border-width: 25px;
  border-style: solid;
  color: #523C2E;
}
body.index article > section a, body.index article > section a:visited {
  color: #955830;
  text-decoration: none;
}
body.index article > section a:hover {
  color: #904c20;
}
body.index article > section h2 {
  font: bold 1.8rem "Present Script";
  margin: 0 0 0.5em;
}
body.index article section#nylottery {
  grid-area: nylottery;
  background: url(/static/files/design/winter/block_bg.png) repeat center;
  border-image: url(/static/files/design/winter/block_border_small.jpg) 25 round;
}
body.index article section#nylottery p.time {
  font-size: 1.5em;
  margin: 20px 0;
}
body.index article section#nylottery p.time .boom {
  display: block;
  font-weight: bold;
  font-size: 1.5em;
}
body.index article section#nylottery p.info {
  margin: 15px 0 25px;
  padding: 5px 0;
}
body.index article section#nylottery p.info a {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
}
body.index article section#nylottery p.info a:hover {
  background: rgba(149, 88, 48, 0.12);
}
body.index article section#nylottery p.text {
  font-size: 1.2em;
}
body.index article section#nylottery .promo p.time {
  margin: 80px 0;
}
body.index article section#nylottery .promo.nothread p.time {
  margin: 100px 0;
}
body.index article section#nylottery .active p.time {
  margin-top: 30px;
}
body.index article section#news {
  grid-area: news;
}
body.index article section#news ul {
  display: flex;
  flex-flow: row nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.index article section#news ul li {
  flex: 1 auto;
}
body.index article section#news ul li a {
  display: block;
  padding: 10px;
}
body.index article section#news ul li a:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
body.index article section#news ul li a em {
  display: block;
  height: 200px;
  margin: auto;
  overflow: hidden;
  width: 100%;
}
body.index article section#news ul li a em img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 300px;
  margin: 0 auto;
}
body.index article section#news ul li a span {
  display: block;
  font-size: 1.2em;
  margin: 10px 0 0;
}
body.index article section#login {
  grid-area: user;
}
body.index article section#feed {
  flex-basis: 100%;
}
body.index article section#feed ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.index article section#feed ul li {
  border-bottom: 1px solid #955830;
}
body.index article section#feed ul li h3 {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  font-weight: normal;
  margin: 0;
  padding: 10px;
  cursor: pointer;
}
body.index article section#feed ul li h3:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
body.index article section#feed ul li h3 em {
  display: inline-block;
  flex: 1 250px;
  font-style: normal;
  text-align: left;
}
body.index article section#feed ul li h3 img {
  height: 2em;
}
body.index article section#feed ul li h3 em.time {
  flex-basis: 100px;
  text-align: right;
}
body.index article section#feed ul li h3 em.icon {
  flex-basis: auto;
  flex-grow: 0;
  width: 20px;
}
body.index article section#feed ul li h3 em.icon .fa-plus-square-o {
  display: block;
}
body.index article section#feed ul li h3 em.icon .fa-minus-square-o {
  display: none;
}
body.index article section#feed ul li .content {
  padding: 0 10px;
  text-align: left;
  display: none;
}
body.index article section#feed ul li.active h3 em.icon .fa-plus-square-o {
  display: none;
}
body.index article section#feed ul li.active h3 em.icon .fa-minus-square-o {
  display: block;
}
body.index article section#feed ul li.active .content {
  display: block;
}
body.index article section#pride_scores {
  grid-area: scores;
}
body.index article section#pride_scores table {
  border-spacing: 0;
  width: 99%;
  margin: auto;
}
body.index article section#pride_scores table thead tr {
  background: #955830;
  color: #d3b489;
}
body.index article section#pride_scores table thead td, body.index article section#pride_scores table thead th {
  padding: 5px 0;
}
body.index article section#pride_scores table thead .banner {
  display: none;
  width: 3px;
}
body.index article section#pride_scores table thead .name {
  width: 170px;
}
body.index article section#pride_scores table thead .score {
  width: 50px;
}
body.index article section#pride_scores table thead .graphics {
  width: auto;
}
body.index article section#pride_scores table tbody tr:nth-child(2n) {
  background: rgba(149, 88, 48, 0.12);
}
body.index article section#pride_scores table tbody tr.category {
  background: rgba(149, 88, 48, 0.24);
}
body.index article section#pride_scores table tbody tr.category th {
  background: rgba(149, 88, 48, 0.12);
}
body.index article section#pride_scores table tbody tr.category h3 {
  margin: 3px 0;
}
body.index article section#pride_scores table tbody tr.pride:hover {
  background: rgba(149, 88, 48, 0.24);
}
body.index article section#pride_scores table tbody .banner {
  display: none;
}
body.index article section#pride_scores table tbody .banner img {
  display: none;
  width: 2.9vw;
  height: 1.2vw;
  object-fit: contain;
}
body.index article section#pride_scores table tbody .name {
  text-align: left;
  padding: 1px 5px;
  font: bold 0.9em/1.3 "Present Script";
}
body.index article section#pride_scores table tbody .score {
  text-align: center;
}
body.index article section#pride_scores table tbody .graphics {
  position: relative;
}
body.index article section#pride_scores table tbody .graphics .bar {
  width: 100%;
  height: 5px;
  margin: 15px 0;
  background-color: rgba(149, 88, 48, 0.12);
}
body.index article section#pride_scores table tbody .graphics .bar .inner-bar {
  margin: 0;
  height: 5px;
  background-color: #955830;
}
body.index article section#pride_scores table tbody .graphics .milestones {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.index article section#pride_scores table tbody .graphics .milestones .milestone {
  position: absolute;
  height: 100%;
}
body.index article section#pride_scores table tbody .graphics .milestones .milestone .check {
  position: absolute;
  display: block;
  left: -0.553em;
  top: calc(50% - 0.7em);
  font-size: 1.1em;
  opacity: 0.8;
}
body.index article section#pride_scores table tbody .graphics .milestones .milestone .check:hover {
  opacity: 1;
  left: -0.603em;
  font-size: 1.3em;
}
body.index article section#pride_scores table tbody .graphics .milestones .milestone .check.true {
  color: #d3b489;
  text-shadow: -1px 1px 1px #523C2E, -1px -1px 1px #523C2E, 1px 1px 1px #523C2E, 1px -1px 1px #523C2E;
}
body.index article section#pride_scores table tbody .graphics .milestones .milestone .check.false {
  text-shadow: -1px 1px 1px #d3b489, -1px -1px 1px #d3b489, 1px 1px 1px #d3b489, 1px -1px 1px #d3b489;
}
body.index article section#pride_scores ul#pride_score_log {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
body.index article section#pride_scores ul#pride_score_log li {
  height: 66px;
  flex: 1 0 250px;
  display: grid;
  grid-template-columns: 43.56px auto 60px;
  grid-template-rows: 1.5fr 1fr 1.3fr;
  grid-template-areas: "avatar name  score" "avatar time  score" "avatar pride score";
  justify-items: center;
  align-items: center;
  border: 1px solid transparent;
  background: rgba(149, 88, 48, 0.12);
  background-clip: padding-box;
  text-decoration: none;
}
body.index article section#pride_scores ul#pride_score_log li:hover {
  background: rgba(149, 88, 48, 0.24);
}
body.index article section#pride_scores ul#pride_score_log li .char-avatar {
  grid-area: avatar;
  justify-self: stretch;
  align-self: stretch;
}
body.index article section#pride_scores ul#pride_score_log li .char-avatar a.charlink,
body.index article section#pride_scores ul#pride_score_log li .char-avatar .charlink-avatar,
body.index article section#pride_scores ul#pride_score_log li .char-avatar img {
  display: block;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
body.index article section#pride_scores ul#pride_score_log li .char-name {
  grid-area: name;
  font-size: 1.2em;
}
body.index article section#pride_scores ul#pride_score_log li .time {
  grid-area: time;
}
body.index article section#pride_scores ul#pride_score_log li .pride {
  grid-area: pride;
  line-height: 0.9;
}
body.index article section#pride_scores ul#pride_score_log li .score {
  grid-area: score;
  flex: 1 100%;
  font: bold 1.5em "Present Script";
}
body.index article section#pride_scores ul#pride_score_log li.showmore {
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  grid-template-areas: "link";
  align-items: stretch;
  justify-items: stretch;
}
body.index article section#pride_scores ul#pride_score_log li.showmore a {
  grid-area: link;
  display: flex;
  align-items: center;
  justify-content: center;
  font: bold 1.5em "Present Script";
}
@media (max-width: 768px) {
  body.index article section#pride_scores ul#pride_score_log li {
    width: auto;
    flex: 1 0 190px;
  }
}
@media (max-width: 768px) {
  body.index article {
    display: flex;
    flex-flow: row wrap;
    padding: 0;
    border-style: solid none;
  }
  body.index article > section {
    flex: 1 100%;
    width: 100%;
    border-left: 0 none;
    border-right: 0 none;
    padding: 0 5px;
  }
  body.index article > section#login {
    order: 1;
  }
  body.index article > section#news {
    order: 2;
  }
  body.index article > section#news ul {
    padding: 0;
    margin: 0;
    flex-flow: row wrap;
    list-style: none;
  }
  body.index article > section#news ul li {
    border-bottom: 1px solid #955830;
  }
  body.index article > section#news ul li a {
    display: block;
    padding: 5px 5px;
  }
  body.index article > section#news ul li a em {
    display: block;
    width: 320px;
    height: 70px;
    overflow: hidden;
    margin: auto;
  }
  body.index article > section#news ul li a em img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body.index article > section#news ul li a span {
    display: block;
    margin: 5px 0 0;
  }
  body.index article > section#news ul li a span time:after {
    content: ".";
  }
  body.index article > section#posts {
    order: 3;
  }
  body.index article > section#posts table tbody {
    display: flex;
    flex-flow: row wrap;
  }
  body.index article > section#posts table tbody tr {
    flex: 1 0 300px;
    display: flex;
    flex-flow: row wrap;
    height: auto;
  }
  body.index article > section#posts table tbody tr > td {
    flex: 1 auto;
  }
  body.index article > section#posts table tbody tr > td.char {
    order: 1;
    flex: 1 45%;
  }
  body.index article > section#posts table tbody tr > td.char .charlink {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  body.index article > section#posts table tbody tr > td.char .charlink .charlink-avatar {
    order: 2;
  }
  body.index article > section#posts table tbody tr > td.char .charlink .charlink-name {
    order: 1;
  }
  body.index article > section#posts table tbody tr > td.user {
    order: 2;
    flex: 1 45%;
  }
  body.index article > section#posts table tbody tr > td.topic {
    order: 4;
    flex: 1 45%;
    text-align: center;
  }
  body.index article > section#posts table tbody tr > td.time {
    order: 3;
    flex: 1 45%;
    text-align: right;
  }
  body.index article > section#posts table tbody tr > td.link {
    flex: 1 100%;
    order: 5;
    text-align: center;
  }
  body.index article > section#drafts {
    order: 4;
  }
  body.index article > section#pride_scores {
    order: 5;
  }
}
body.index section#posts {
  grid-area: posts;
  container: index-posts;
  container-type: inline-size;
}
@container index-posts (width > 450px) {
  body.index .post-list {
    display: table;
    table-layout: fixed;
    width: 100%;
    --image-size: 2em;
  }
  body.index .post-list .post {
    display: table-row;
  }
  body.index .post-list .post:nth-child(2n) {
    background: rgba(149, 88, 48, 0.06);
  }
  body.index .post-list .post:hover {
    background: rgba(149, 88, 48, 0.12);
  }
  body.index .post-list .post > * {
    display: table-cell;
    text-align: left;
    height: inherit;
    vertical-align: middle;
    padding: 3px;
  }
  body.index .post-list .post > *:hover {
    background: rgba(149, 88, 48, 0.12);
  }
  body.index .post-list .post > *.charlink {
    width: calc(130px + var(--image-size));
  }
  body.index .post-list .post > *.userlink {
    width: calc(105px + var(--image-size));
  }
  body.index .post-list .post > *.topic .topic-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  body.index .post-list .post > *.topic .topic {
    font-weight: bold;
  }
  body.index .post-list .post > *.topic time {
    font-style: italic;
  }
  body.index .post-list .post img {
    width: var(--image-size);
    height: var(--image-size);
  }
}
@container index-posts (width >= 450px) and (width < 600px) {
  body.index section#posts .post-list .post {
    --image-size: 3em;
  }
  body.index section#posts .post-list .post > .topic .topic-text time, body.index section#posts .post-list .post > .topic .topic-text span.topic {
    display: block;
  }
}
@container index-posts (width < 450px) {
  body.index .post-list {
    display: block;
    --image-size: 2em;
  }
  body.index .post-list .post {
    display: flex;
    flex-flow: row wrap;
  }
  body.index .post-list .post:nth-child(2n) {
    background: rgba(149, 88, 48, 0.06);
  }
  body.index .post-list .post:hover {
    background: rgba(149, 88, 48, 0.12);
  }
  body.index .post-list .post > * {
    padding: 3px;
    flex: 1 1 40%;
  }
  body.index .post-list .post > *:hover {
    background: rgba(149, 88, 48, 0.12);
  }
  body.index .post-list .post > *.charlink {
    width: calc(130px + var(--image-size));
    text-align: right;
  }
  body.index .post-list .post > *.charlink .charlink-avatar {
    float: right;
  }
  body.index .post-list .post > *.charlink .charlink-avatar img {
    margin-left: 0.3em;
  }
  body.index .post-list .post > *.userlink {
    width: calc(130px + var(--image-size));
    text-align: left;
  }
  body.index .post-list .post > *.topic {
    flex-basis: 100%;
  }
  body.index .post-list .post img {
    width: var(--image-size);
    height: var(--image-size);
  }
}
body.index section#drafts {
  grid-area: user;
}
body.index section#drafts ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
body.index section#drafts ul li {
  width: calc(50% - 10px);
}
body.index section#drafts ul li a {
  height: auto;
}
body.index section#drafts ul li h2 {
  text-align: center;
  font-size: 1.2em;
  margin-bottom: 0.3em;
}
body.index section#drafts ul li .type, body.index section#drafts ul li .lastedit {
  text-align: center;
}
body.index section#drafts ul li .preview {
  display: none;
  padding: 0;
  height: 0;
}

body.redirect {
  /* Цвет на деревяшках */
  /* Цвет отблеска на деревяшках (потому что Крис, вот почему) */
  /* Цвет ссылки по наведению */
  /* Цвет на кнопке */
  /* Цвет отблеска на кнопке */
  /* Цвет тени от блока и оверлея всплывающего окна */
  /* Цвет тени ссылок на деревяшках (он же цвет ссылок на деревяшках, потому что Крис, вот почему) */
}
body.redirect main {
  width: 850px;
  margin-top: 250px;
}
body.redirect main .message {
  width: 75%;
}

body.search {
  /* Цвет на деревяшках */
  /* Цвет отблеска на деревяшках (потому что Крис, вот почему) */
  /* Цвет ссылки по наведению */
  /* Цвет на кнопке */
  /* Цвет отблеска на кнопке */
  /* Цвет тени от блока и оверлея всплывающего окна */
  /* Цвет тени ссылок на деревяшках (он же цвет ссылок на деревяшках, потому что Крис, вот почему) */
}
body.search article .input {
  position: relative;
  width: 100%;
}
body.search article .input * {
  font-size: 1.5rem;
  line-height: 1.5rem;
}
body.search article .input i {
  position: absolute;
  z-index: 5;
  top: 0.5rem;
  left: 0.5rem;
}
body.search article .input input {
  z-index: 4;
  padding: 0.5rem 0.5rem 0.5rem 2.5rem;
  height: 2.5rem;
  width: 100%;
}
body.search article .searchresult {
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem;
}
body.search article .searchresult li {
  flex: 1 auto;
  font-size: 1.5em;
  background-color: rgba(149, 88, 48, 0.12);
  padding: 0 0.5rem;
}
body.search article .searchresult li a {
  vertical-align: middle;
}
body.search article .searchresult li a.pridelink {
  padding-bottom: 0.3em;
}
body.search article .searchresult li em {
  font-size: 0.75em;
  vertical-align: middle;
}

body.forum {
  /* Цвет на деревяшках */
  /* Цвет отблеска на деревяшках (потому что Крис, вот почему) */
  /* Цвет ссылки по наведению */
  /* Цвет на кнопке */
  /* Цвет отблеска на кнопке */
  /* Цвет тени от блока и оверлея всплывающего окна */
  /* Цвет тени ссылок на деревяшках (он же цвет ссылок на деревяшках, потому что Крис, вот почему) */
}
body.forum .topiclist {
  width: 100%;
  border-spacing: 0;
}
body.forum .topiclist td {
  padding: 5px 0;
}
body.forum .topiclist .icon {
  width: 50px;
}
body.forum .topiclist .title {
  text-align: left;
}
body.forum .topiclist .title h2 {
  font: bold 2em "Present Script";
  margin: 0 0 10px;
}
body.forum .topiclist .title p {
  margin: 0;
}
body.forum .topiclist .title img {
  width: 20px;
  height: 20px;
}
body.forum .topiclist .last .link {
  display: block;
  font: bold 1.3em "Open Sans";
  margin: 0 0 10px;
}
body.forum .topiclist .last p {
  margin: 0;
}
body.forum .topiclist .last img {
  width: 20px;
  height: 20px;
}
body.forum .topiclist tbody tr:nth-child(2n) {
  background-color: rgba(149, 88, 48, 0.06);
}
body.forum .topic .post {
  margin: 0 0 10px;
}
body.forum .topic .post h2 {
  background: rgba(149, 88, 48, 0.24);
  margin: 0;
  padding: 5px;
}
body.forum .topic .post .post-body {
  text-align: justify;
}
body.forum .topic + form {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
  box-sizing: border-box;
  width: auto;
}
body.forum .topic + form.collapsable .collapsable-title {
  cursor: pointer;
}
body.forum .topic + form.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.forum .topic + form.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.forum .topic + form.collapsable .collapsable-content {
  display: block;
}
body.forum .topic + form.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.forum .topic + form.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.forum .topic + form.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.forum .topic + form.collapsable.collapsed .collapsable-content {
  display: none;
}
body.forum .topic.default h2 {
  font-size: 20px;
}
body.forum .topic.default h2 img {
  width: 1.4em;
}
body.forum .topic.default h2 > * {
  vertical-align: baseline;
}
body.forum .topic.mybbnewsfeed h2 > * {
  vertical-align: middle;
}
body.forum .topic.mybbnewsfeed h2 img {
  width: 30px;
  height: 30px;
}
body.forum .topic.mybbnewsfeed li {
  list-style: none;
  text-align: center;
}
body.forum .topic.mybbnewsfeed li a {
  border: 1px solid #523C2E;
  display: block;
  float: left;
  padding: 10px;
}
body.forum .topic.mybbnewsfeed li a:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
body.forum .topic.mybbnewsfeed li a em {
  display: block;
  height: 200px;
  margin: auto;
  overflow: hidden;
  width: 300px;
}
body.forum .topic.mybbnewsfeed li a em img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
body.forum .topic.mybbnewsfeed li a span {
  display: block;
  font-size: 1.2em;
  margin: 10px 0 0;
}
body.forum .topic.mybbnewsfeed pre {
  margin: 0;
  margin-left: 332px;
  padding: 10px;
}
body.forum .topic.game .post-author {
  border: 15px solid transparent;
  border-width: 40px 15px;
  border-image: url("https://static.kozhilya.ru/files/design/day/profile_bg.jpg?ver=2") 40 15 fill round;
  float: left;
  width: 230px;
  box-sizing: border-box;
}
body.forum .topic.game .post-author ul {
  line-height: 140%;
  text-align: center;
  margin: 0 -8px;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
}
body.forum .topic.game .post-author ul li {
  margin: 0.2em 0;
}
body.forum .topic.game .post-author .pa-name {
  border-image: url("https://static.kozhilya.ru/files/design/day/wooden_block_profile.png?ver=2") 8 10 10 fill round;
  font-weight: bold;
  margin: -48px 0 0 -15px;
  padding: 0;
  width: 245px;
  min-height: 45px;
  box-sizing: border-box;
  border-style: solid;
  border-width: 8px 10px 10px;
}
body.forum .topic.game .post-author .pa-name a {
  color: #d3b489;
  text-shadow: 2px 1px 1px #491D00;
}
body.forum .topic.game .post-author .pa-name a .charlink-name {
  font: bold 30px/0.75 "Present Script";
  padding: 0;
}
body.forum .topic.game .post-author .pa-name a img {
  display: none;
}
body.forum .topic.game .gamepost h2, body.forum .topic.game .gamepost .post-body {
  margin-left: 240px;
}

body.users {
  /* Цвет на деревяшках */
  /* Цвет отблеска на деревяшках (потому что Крис, вот почему) */
  /* Цвет ссылки по наведению */
  /* Цвет на кнопке */
  /* Цвет отблеска на кнопке */
  /* Цвет тени от блока и оверлея всплывающего окна */
  /* Цвет тени ссылок на деревяшках (он же цвет ссылок на деревяшках, потому что Крис, вот почему) */
}
body.users main h1 > span {
  display: block;
  padding-bottom: 0;
}
body.users main h1 > span .userlink .userlink-avatar img {
  width: 1.5em;
}
body.users main h1 > span * {
  vertical-align: middle;
}
body.users main h1 > span em {
  font-style: normal;
}
body.users.user_index section.usersocials {
  text-align: center;
  margin: 0 0 10px;
}
body.users.user_index section.usersocials a {
  display: inline-block;
  font-size: 1.1em;
  border: 1px solid transparent;
  background-color: rgba(149, 88, 48, 0.12);
  border-image-slice: 7;
  /* background-clip: padding-box; */
  padding: 2px;
  border-radius: 8px;
}
body.users.user_index section.usersocials a * {
  vertical-align: middle;
}
body.users.user_index section.usersocials a .brand-icon {
  width: 2em;
  height: 2em;
  display: inline-block;
}
body.users.user_index section.usersocials a .brand-icon img {
  width: 100%;
  height: 100%;
}
body.users.user_index section.usersocials a .brand-avatar img {
  width: 2em;
  height: 2em;
}
body.users.user_index section.usersocials a .brand-name {
  font-size: 1.3em;
  font-weight: bold;
}
body.users.user_index section.usersocials a:hover {
  background-color: rgba(149, 88, 48, 0.24);
}
body.users.user_index section.usersocials a:hover {
  border-color: #2CA5E0;
}
body.users.user_index section.usersocials a:hover {
  border-color: #4680C2;
}
body.users.user_index section.usersocials a:hover {
  border-color: #05CC47;
}
body.users.user_index section.usersocials a:hover {
  border-color: #00AFF0;
}
body.users.user_index section.usersocials a:hover {
  border-color: #FF4500;
}
body.users.user_index section.usersocials a:hover {
  border-color: #FF0000;
}
body.users.user_index section.usersocials a:hover {
  border-color: #000000;
}
body.users.user_index section.usersocials a:hover {
  border-color: #7289DA;
}
body.users.user_index section.usersocials a:hover {
  border-color: #E4405F;
}
body.users.user_index section.usersocials a:hover {
  border-color: #9146FF;
}
body.users.user_index section.usersocials a:hover {
  border-color: #1DA1F2;
}
body.users.user_index section.charlist ul {
  align-content: stretch;
  align-items: normal;
  flex-flow: row wrap;
  font-size: 0;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.users.user_index section.charlist ul li {
  border: 1px solid transparent;
  display: inline-flex;
  flex-flow: column wrap;
  font-size: 12px;
  height: 260px;
  position: relative;
  vertical-align: top;
  width: calc(20% - 2px);
}
body.users.user_index section.charlist ul li:hover {
  border-color: #955830;
}
body.users.user_index section.charlist ul li div {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 100%;
  height: 100%;
  text-align: left;
  width: 10%;
}
body.users.user_index section.charlist ul li div a {
  align-items: center;
  background-color: rgba(149, 88, 48, 0.12);
  display: flex;
  flex-flow: column nowrap;
  flex: 1 20px;
  justify-content: center;
  transition: 0.5s flex-grow;
  width: auto;
}
body.users.user_index section.charlist ul li div a span {
  display: none;
}
body.users.user_index section.charlist ul li div a strong {
  height: 0;
  overflow: hidden;
  transform-origin: 0 0;
  transition: 0.5s height;
  width: 0;
}
body.users.user_index section.charlist ul li div a:hover {
  flex: 15 20px;
}
body.users.user_index section.charlist ul li div a:hover i {
  display: block;
  flex: 0 auto;
  padding: 10px;
}
body.users.user_index section.charlist ul li div a:hover strong {
  display: block;
  flex: 1 auto;
  font-weight: normal;
  width: 100%;
}
body.users.user_index section.charlist ul li div a:hover span {
  display: block;
  text-align: left;
  transform-origin: 0 130%;
  transform: rotate(90deg) translate(-25px, 0px);
  width: 200px;
}
body.users.user_index section.charlist ul li span {
  display: block;
  margin: 0.3em auto 0;
  text-align: center;
  flex: 1 auto;
}
body.users.user_index section.charlist ul li span.charavatar {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
}
body.users.user_index section.charlist ul li span.charavatar img {
  display: none;
  height: 100%;
  visibility: hidden;
  width: 100%;
}
body.users.user_index section.charlist ul li span strong {
  display: block;
  font: bold 1.5em "Present Script";
}
body.users.user_index section.charlist ul li span strong .fa {
  font-size: 0.8em;
}
body.users.user_index section.charlist ul li span strong.notactive {
  font-weight: normal;
}
body.users.user_index section.charlist ul li span em {
  display: block;
  margin: 7px 0 0;
}
body.users.user_index section.charlist ul li > a,
body.users.user_index section.charlist ul li > dt {
  background-color: rgba(149, 88, 48, 0.12);
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
  flex: 1 100%;
  height: 100%;
  padding: 10px;
  position: relative;
  vertical-align: bottom;
}
body.users.user_index section.charlist ul a:hover {
  background-color: rgba(149, 88, 48, 0.24);
}
body.users.user_index section.charlist ul.small li, body.users.user_index section.charlist ul li.small {
  height: 80px;
}
body.users.user_index section.charlist ul.small li > a, body.users.user_index section.charlist ul.small li > dt, body.users.user_index section.charlist ul li.small > a, body.users.user_index section.charlist ul li.small > dt {
  width: 100%;
  flex-flow: row nowrap;
  height: 50px;
  align-items: center;
}
body.users.user_index section.charlist ul.small li span.charavatar, body.users.user_index section.charlist ul li.small span.charavatar {
  float: left;
  height: 60px;
  width: 40px;
  flex: 0 auto;
}
body.users.user_index section.charlist ul.small li strong, body.users.user_index section.charlist ul li.small strong {
  padding-bottom: 0.2em;
}
body.users.user_index section.charlist ul.small li em, body.users.user_index section.charlist ul li.small em {
  margin-top: 0;
}
@media (min-width: 769px) {
  body.users.user_index section.charlist ul li {
    flex-flow: column wrap;
    height: 300px;
    width: calc(25% - 2px);
  }
  body.users.user_index section.charlist ul li > a {
    flex-flow: column nowrap;
    flex: 1 100%;
    vertical-align: bottom;
    width: 90%;
    padding: 10px;
  }
  body.users.user_index section.charlist ul li:hover {
    border-color: #955830;
  }
  body.users.user_index section.charlist ul li div {
    display: flex;
    flex-flow: column nowrap;
    flex: 1 100%;
    height: 100%;
    text-align: left;
    width: 10%;
  }
  body.users.user_index section.charlist ul li div a {
    align-items: center;
    background-color: rgba(149, 88, 48, 0.12);
    display: flex;
    flex-flow: column nowrap;
    flex: 1 20px;
    justify-content: center;
    transition: 0.5s flex-grow;
    width: auto;
  }
  body.users.user_index section.charlist ul li div a span {
    display: none;
  }
  body.users.user_index section.charlist ul li div a strong {
    height: 0;
    overflow: hidden;
    transform-origin: 0% 0%;
    transition: 0.5s height;
    width: 0;
  }
  body.users.user_index section.charlist ul li div a:hover {
    flex: 15 20px;
  }
  body.users.user_index section.charlist ul li div a:hover i {
    display: block;
    flex: 0 auto;
    padding: 10px;
  }
  body.users.user_index section.charlist ul li div a:hover strong {
    display: block;
    flex: 1 auto;
    font-weight: normal;
    width: 100%;
  }
  body.users.user_index section.charlist ul li div a:hover span {
    display: block;
    text-align: left;
    transform-origin: 0% 130%;
    transform: rotate(90deg) translate(-25px, 4px);
    width: 200px;
  }
  body.users.user_index section.charlist ul.small li:not(.big) li, body.users.user_index section.charlist ul li.small li {
    height: 80px;
  }
  body.users.user_index section.charlist ul.small li:not(.big) li > a, body.users.user_index section.charlist ul li.small li > a {
    width: 100%;
    flex-flow: row nowrap;
    height: 50px;
    align-items: center;
  }
  body.users.user_index section.charlist ul.small li:not(.big) li span.charavatar, body.users.user_index section.charlist ul li.small li span.charavatar {
    float: left;
    height: 60px;
    width: 40px;
  }
}
@media (max-width: 768px) {
  body.users.user_index section.charlist ul {
    display: flex;
    align-content: stretch;
    align-items: normal;
    flex-flow: row wrap;
  }
  body.users.user_index section.charlist ul li {
    flex-flow: row wrap;
    height: 90px;
    flex: 1 250px;
    border-color: #955830;
  }
  body.users.user_index section.charlist ul li > a {
    flex: 1 100%;
    height: 60px;
    padding: 5px;
    flex-flow: row nowrap;
  }
  body.users.user_index section.charlist ul li > a span {
    flex: 1 auto;
  }
  body.users.user_index section.charlist ul li > a span.charavatar {
    flex-grow: 0;
    flex-basis: 40px;
  }
  body.users.user_index section.charlist ul li div {
    display: flex;
    flex-flow: row nowrap;
    flex: 1 100%;
    text-align: left;
    height: 30px;
  }
  body.users.user_index section.charlist ul li div a {
    align-items: center;
    background-color: rgba(149, 88, 48, 0.12);
    display: flex;
    flex-flow: row nowrap;
    flex: 1 20px;
    justify-content: center;
    width: auto;
  }
  body.users.user_index section.charlist ul li div a i {
    display: block;
    flex: 0 auto;
    padding: 10px;
  }
  body.users.user_index section.charlist ul li div a strong {
    display: block;
    flex: 1 auto;
    text-align: left;
    font-weight: normal;
    width: auto;
    height: auto;
  }
  body.users.user_index section.charlist ul li div a strong span {
    text-align: left;
    display: inline;
  }
  body.users.user_index section.charlist ul.small li:not(.big) li, body.users.user_index section.charlist ul li.small li {
    height: 45px;
    flex-basis: 180px;
  }
  body.users.user_index section.charlist ul.small li:not(.big) li > a, body.users.user_index section.charlist ul li.small li > a {
    height: 45px;
  }
  body.users.user_index section.charlist ul.small li:not(.big) li span strong, body.users.user_index section.charlist ul li.small li span strong {
    font-size: 1.5em;
  }
}
body.users.user_index section.userstats {
  display: flex;
  flex-flow: row wrap;
}
body.users.user_index section.userstats h2 {
  margin: 0 0 0.5em;
}
body.users.user_index section.userstats ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
body.users.user_index section.userstats ul li {
  padding: 5px;
  text-align: left;
  display: flex;
  flex-flow: row wrap;
}
body.users.user_index section.userstats ul li:nth-child(2n) {
  background: rgba(149, 88, 48, 0.06);
}
body.users.user_index section.userstats ul li > * {
  flex: 1 auto;
}
body.users.user_index section.userstats div.stats {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
  flex: 20 0 400px;
}
body.users.user_index section.userstats div.stats.collapsable .collapsable-title {
  cursor: pointer;
}
body.users.user_index section.userstats div.stats.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.users.user_index section.userstats div.stats.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.users.user_index section.userstats div.stats.collapsable .collapsable-content {
  display: block;
}
body.users.user_index section.userstats div.stats.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.users.user_index section.userstats div.stats.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.users.user_index section.userstats div.stats.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.users.user_index section.userstats div.stats.collapsable.collapsed .collapsable-content {
  display: none;
}
body.users.user_index section.userstats div.stats ul li strong {
  display: block;
}
body.users.user_index section.userstats div.stats ul li span {
  display: block;
  text-align: right;
}
body.users.user_index section.userstats div.posts {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
  flex: 1 0 300px;
}
body.users.user_index section.userstats div.posts.collapsable .collapsable-title {
  cursor: pointer;
}
body.users.user_index section.userstats div.posts.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.users.user_index section.userstats div.posts.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.users.user_index section.userstats div.posts.collapsable .collapsable-content {
  display: block;
}
body.users.user_index section.userstats div.posts.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.users.user_index section.userstats div.posts.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.users.user_index section.userstats div.posts.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.users.user_index section.userstats div.posts.collapsable.collapsed .collapsable-content {
  display: none;
}
body.users.user_index section.userstats div.posts ul {
  max-height: 216px;
  overflow-y: auto;
}
body.users.user_index section.userstats div.posts li {
  align-items: center;
  padding: 0 2px;
}
body.users.user_index section.userstats div.posts li > span {
  flex: 1 0 20px;
}
body.users.user_index section.userstats div.posts li > span.num {
  text-align: left;
  flex-grow: 0;
}
body.users.user_index section.userstats div.posts li > span.char {
  text-align: left;
  flex-basis: 200px;
}
body.users.user_index section.userstats div.posts li > span.char img {
  width: 20px;
  height: 30px;
}
body.users.user_index section.userstats div.posts li > span.value {
  flex-grow: 0;
  text-align: right;
  font-weight: bold;
}
body.users.user_index section.charposts {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
  grid-area: charposts;
}
body.users.user_index section.charposts.collapsable .collapsable-title {
  cursor: pointer;
}
body.users.user_index section.charposts.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.users.user_index section.charposts.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.users.user_index section.charposts.collapsable .collapsable-content {
  display: block;
}
body.users.user_index section.charposts.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.users.user_index section.charposts.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.users.user_index section.charposts.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.users.user_index section.charposts.collapsable.collapsed .collapsable-content {
  display: none;
}
body.users.user_index section.charposts h2 {
  margin-top: 0;
}
body.users.user_index section.charposts ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: auto;
  height: calc(100% - 3.5em);
}
body.users.user_index section.charposts ul li {
  padding: 5px;
  flex: 1 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
body.users.user_index section.charposts ul li:nth-child(2n) {
  background: rgba(149, 88, 48, 0.06);
}
body.users.user_index section.charposts ul li > span {
  flex: 1 20px;
}
body.users.user_index section.charposts ul li > span.num {
  text-align: left;
}
body.users.user_index section.charposts ul li > span.char {
  text-align: left;
  flex-basis: 200px;
}
body.users.user_index section.charposts ul li > span.char img {
  width: 20px;
  height: 30px;
}
body.users.user_index section.charposts ul li > span.value {
  text-align: right;
  font-weight: bold;
}
body.users.user_index section.userawards {
  grid-area: userawards;
}
body.users.user_index section.userawards h2 {
  margin: 25px 0 20px;
  cursor: pointer;
}
body.users.user_index section.userawards h2 .fa-minus-square-o {
  display: none;
}
body.users.user_index section.userawards h2 .fa-plus-square-o {
  display: inline-block;
}
body.users.user_index section.userawards ul {
  display: none;
}
body.users.user_index section.userawards.collapsed {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
}
body.users.user_index section.userawards.collapsed.collapsable .collapsable-title {
  cursor: pointer;
}
body.users.user_index section.userawards.collapsed.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.users.user_index section.userawards.collapsed.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.users.user_index section.userawards.collapsed.collapsable .collapsable-content {
  display: block;
}
body.users.user_index section.userawards.collapsed.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.users.user_index section.userawards.collapsed.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.users.user_index section.userawards.collapsed.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.users.user_index section.userawards.collapsed.collapsable.collapsed .collapsable-content {
  display: none;
}
body.users.user_index section.userawards.collapsed h2 {
  margin: 0 0 5px;
}
body.users.user_index section.userawards.collapsed h2 .fa-minus-square-o {
  display: inline-block;
}
body.users.user_index section.userawards.collapsed h2 .fa-plus-square-o {
  display: none;
}
body.users.user_index section.userawards.collapsed ul {
  display: block;
}
body.users.users_status .message {
  width: 95%;
}
body.users.user_edit form#status .message {
  width: 95%;
}
body.users .userlist {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.users .userlist li {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
  flex: 1 300px;
  margin: 0.1em;
  padding: 1em 0.5em 1em;
}
body.users .userlist li.collapsable .collapsable-title {
  cursor: pointer;
}
body.users .userlist li.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.users .userlist li.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.users .userlist li.collapsable .collapsable-content {
  display: block;
}
body.users .userlist li.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.users .userlist li.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.users .userlist li.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.users .userlist li.collapsable.collapsed .collapsable-content {
  display: none;
}
body.users .userlist li .user {
  font-size: 1.7em;
  height: 50px;
  position: relative;
}
body.users .userlist li .user .userlink {
  box-sizing: border-box;
  display: block;
  height: 50px;
  padding: 0 50px;
  position: absolute;
  width: 100%;
}
body.users .userlist li .user .userlink:hover {
  background: rgba(149, 88, 48, 0.12);
}
body.users .userlist li .user .userlink .userlink-avatar {
  align-items: center;
  display: inline-flex;
  height: 50px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
}
body.users .userlist li .user .userlink .userlink-name {
  padding: 0.4em;
}
body.users .userlist li .user .edit {
  display: block;
  padding: 0.5em 0.5em;
  position: absolute;
  right: 0;
  top: 0;
}
body.users .userlist li .user .edit:hover {
  background: rgba(149, 88, 48, 0.12);
}
body.users .userlist li .chars {
  margin: 0.8em 0 0;
}
body.users .userlist li .chars * {
  vertical-align: baseline;
}
body.users .bookmarklist {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.users .bookmarklist li {
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  padding: 5px 10px;
}
body.users .bookmarklist li:hover {
  background: rgba(149, 88, 48, 0.12);
}
body.users .bookmarklist li .drag-handle {
  align-items: center;
  display: flex;
  flex-basis: 1em;
  justify-content: center;
}
body.users .bookmarklist li input {
  flex-basis: 40%;
  margin: 0 4px;
}
body.users .bookmarklist li .delete-control {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-basis: 1em;
  justify-content: center;
}
body.users .bookmarklist li .delete-control:hover {
  background-color: #3C1010;
  color: #E04040;
}
body.users .bookmarklist li > * {
  display: block;
  flex: 1 auto;
}
body.users .editchars {
  margin: auto;
  width: 800px;
}
body.users .editchars .char {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  padding: 5px 0;
}
body.users .editchars .char:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
body.users .editchars .char .drag-handle {
  cursor: n-resize;
  display: block;
  flex: 1 auto;
  margin: 1.5em 0.5em;
  width: 2%;
}
body.users .editchars .char .name {
  flex: 1 auto;
  text-align: left;
  width: 30%;
}
body.users .editchars .char .name a {
  display: inline-block;
  font: bold 1.7em "Present Script";
}
body.users .editchars .char .name a .namefix {
  font-style: italic;
  font-weight: normal;
}
body.users .editchars .char .name .note {
  display: block;
}
body.users .editchars .char .edit {
  width: 30%;
  margin: 0 10px;
}
body.users .editchars .char .edit p {
  margin: 3px 0;
  text-align: left;
}
body.users .editchars .char .edit p input[type=text] {
  box-sizing: border-box;
  width: 100%;
}
body.users .editchars .char .actions {
  flex: 1 auto;
  width: 30%;
}
body.users .editchars .char .actions a {
  display: block;
  padding: 0.3em 0.5em;
  text-align: left;
}
body.users .editchars .char .actions a:hover {
  background-color: rgba(149, 88, 48, 0.24);
}
body.users .editchars .char .actions a i {
  margin-right: 0.2em;
}
body.users .editchars .char pre {
  display: none;
}
body.users .editchars .char.fixed .name {
  width: 30%;
}
body.users .editchars .char[href="#fixname"] {
  display: block;
  font-size: 2em;
  padding: 0.3em 0;
  width: 10%;
}
body.users .editchars .char[href="#fixname"]:hover {
  background-color: rgba(149, 88, 48, 0.24);
}
body.users .editchars .char.fixed[href="#fixname"] {
  display: none;
}
body.users .editawards {
  margin: 10px 0;
  padding: 0;
}
body.users .editawards li {
  list-style: none;
}
body.users .editawards li.hide {
  display: none;
}
body.users .editawards li.filtered {
  display: none;
}
body.users .editawards li label {
  display: flex;
  flex-flow: row nowrap;
  padding: 3px 5px;
  align-items: center;
}
body.users .editawards li label:before {
  width: 20px;
  padding: 3px;
  text-align: left;
}
body.users .editawards li label > div {
  flex: 0 auto;
}
body.users .editawards li label > div.active {
  width: 100px;
}
body.users .editawards li label > div.active label {
  display: block;
  width: 100%;
}
body.users .editawards li label > div.info {
  width: 500px;
  text-align: left;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
body.users .editawards li label > div.info img {
  flex: 0 0 auto;
  width: 75px;
}
body.users .editawards li label > div.info .texts {
  display: flex;
  flex: 1 auto;
  flex-flow: column nowrap;
  margin-left: 5px;
}
body.users .editawards li label > div.info .texts h3 {
  margin: 0 0 5px;
}
body.users .editawards li label > div.info .texts p {
  margin: 5px 0;
}
body.users .editawards li label > div.comment {
  width: 500px;
  visibility: hidden;
}
body.users .editawards li label > div.comment textarea {
  height: 6em;
}
body.users .editawards li:nth-child(2n) {
  background: rgba(149, 88, 48, 0.06);
}
body.users .editawards li :checked + label {
  background: rgba(149, 88, 48, 0.24);
}
body.users .editawards li :checked + label .comment {
  visibility: visible;
}
body.users .editawards.showall li.hide {
  display: block;
}
body.users .editawards.showall li.hide.filtered {
  display: none;
}
body.users .editawards_tools {
  display: flex;
  flex-flow: row nowrap;
}
body.users .editawards_tools p {
  flex: 1 auto;
}
body.users .editawards_tools p.search input {
  width: 100%;
}
body.users .edtisocial {
  display: flex;
  flex-flow: row wrap;
}
body.users .edtisocial .brand-row {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
  flex: 1 1 40%;
  display: grid;
  grid-template: "icon provider state" 40px "icon name     state" 20px / 60px 1fr 60px;
}
body.users .edtisocial .brand-row.collapsable .collapsable-title {
  cursor: pointer;
}
body.users .edtisocial .brand-row.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.users .edtisocial .brand-row.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.users .edtisocial .brand-row.collapsable .collapsable-content {
  display: block;
}
body.users .edtisocial .brand-row.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.users .edtisocial .brand-row.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.users .edtisocial .brand-row.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.users .edtisocial .brand-row.collapsable.collapsed .collapsable-content {
  display: none;
}
body.users .edtisocial .brand-row .brand-icon {
  grid-area: icon;
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  padding: 5px;
  border-radius: 14px;
}
body.users .edtisocial .brand-row .brand-icon img {
  width: 100%;
  height: 100%;
}
body.users .edtisocial .brand-row .brand-provider {
  grid-area: provider;
  font-size: 2em;
  font-weight: bold;
}
body.users .edtisocial .brand-row .brand-name {
  grid-area: name;
  align-self: end;
}
body.users .edtisocial .brand-row .brand-avatar {
  grid-area: state;
}
body.users .edtisocial .brand-row .brand-avatar img {
  width: 60px;
  height: 60px;
}
body.users .edtisocial .brand-row .brand-button {
  grid-area: state;
}
body.users .edtisocial .brand-row svg {
  fill: #2CA5E0;
}
body.users .edtisocial .brand-row svg {
  fill: #4680C2;
}
body.users .edtisocial .brand-row svg {
  fill: #05CC47;
}
body.users .edtisocial .brand-row svg {
  fill: #00AFF0;
}
body.users .edtisocial .brand-row svg {
  fill: #FF4500;
}
body.users .edtisocial .brand-row svg {
  fill: #FF0000;
}
body.users .edtisocial .brand-row svg {
  fill: #000000;
}
body.users .edtisocial .brand-row svg {
  fill: #7289DA;
}
body.users .edtisocial .brand-row svg {
  fill: #E4405F;
}
body.users .edtisocial .brand-row svg {
  fill: #9146FF;
}
body.users .edtisocial .brand-row svg {
  fill: #1DA1F2;
}
body.users p[id^=user_permissions] {
  padding: 0 1%;
  align-items: stretch;
}
body.users p[id^=user_permissions] label {
  padding: 3px;
}
body.users .notification_topics .querytable td#notification {
  padding: 0;
}
body.users .notification_topics .querytable td#notification * {
  height: 100%;
}
body.users .notification_topics .querytable td#notification p {
  padding: 0;
  justify-content: stretch;
  align-items: stretch;
}
body.users .notification_topics .querytable td#notification p .form_title {
  display: none;
}
body.users .notification_topics .querytable td#notification p .form_input {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
}
body.users .notification_topics .querytable td#notification p .form_input label {
  flex: 1 auto;
  text-align: center;
  padding: 5px;
}
body.users .notification_topics .querytable td#notification p .form_input label:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
body.users .notification_topics .querytable td#notification p .form_input label:before {
  margin: 0;
}

body.char {
  /* Цвет на деревяшках */
  /* Цвет отблеска на деревяшках (потому что Крис, вот почему) */
  /* Цвет ссылки по наведению */
  /* Цвет на кнопке */
  /* Цвет отблеска на кнопке */
  /* Цвет тени от блока и оверлея всплывающего окна */
  /* Цвет тени ссылок на деревяшках (он же цвет ссылок на деревяшках, потому что Крис, вот почему) */
}
body.char.char_post input#expcheck {
  display: none;
}
body.char.char_post input#expcheck:checked + img#expimg {
  opacity: 1;
  width: 100%;
}
body.char.char_post img#expimg {
  cursor: pointer;
  display: block;
  margin: 1em auto;
  opacity: 0.7;
  transition: 0.2s height, 0.2s width, 0.2s opacity;
  width: 30%;
}
body.char.char_post p label {
  display: inline-block;
  font-weight: bold;
  width: 50px;
}
body.char.char_post p input {
  width: 400px;
}
body.char a.charbind {
  font-size: 2em;
  font-weight: bold;
  text-decoration: none;
}
body.char .password {
  margin: 10px auto;
}
body.char .password .message {
  width: 80%;
}
body.char .password .message h2 {
  margin-top: 0;
}
body.char .password form label {
  display: inline-block;
  width: 260px;
}
body.char .password p#password .form_input {
  display: flex;
}
body.char .password p#password .form_input input {
  flex-basis: 300px;
}
body.char .password p#password .form_input > * {
  flex: 1 100px;
}
body.char.char_draft .form_row_radio .form_title {
  display: none;
}
body.char.char_draft .form_row_radio label {
  text-align: center;
}
body.char.char_draft .form_row_radio label:before {
  content: "";
  display: none;
}
body.char.char_draft .form_row_radio#spectype label {
  font-weight: bold;
}
body.char.char_draft .helloinfo {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 200px 1fr;
  grid-template-areas: "side_message bb_container";
}
body.char.char_draft .helloinfo.collapsable .collapsable-title {
  cursor: pointer;
}
body.char.char_draft .helloinfo.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.char.char_draft .helloinfo.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.char.char_draft .helloinfo.collapsable .collapsable-content {
  display: block;
}
body.char.char_draft .helloinfo.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.char.char_draft .helloinfo.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.char.char_draft .helloinfo.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.char.char_draft .helloinfo.collapsable.collapsed .collapsable-content {
  display: none;
}
body.char.char_draft .helloinfo .side_message {
  grid-area: side_message;
  text-align: center;
}
body.char.char_draft .helloinfo .side_message ul {
  list-type: none;
  padding: 0;
  margin: 5px 0;
}
body.char.char_draft .helloinfo .bb-container {
  grid-area: bb_container;
}
body.char.char_draft form#index .helloinfo {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-template-areas: "bb_container" "side_message";
}
body.char.char_draft form#species .block#spectexts {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
}
body.char.char_draft form#species .block#spectexts.collapsable .collapsable-title {
  cursor: pointer;
}
body.char.char_draft form#species .block#spectexts.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.char.char_draft form#species .block#spectexts.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.char.char_draft form#species .block#spectexts.collapsable .collapsable-content {
  display: block;
}
body.char.char_draft form#species .block#spectexts.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.char.char_draft form#species .block#spectexts.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.char.char_draft form#species .block#spectexts.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.char.char_draft form#species .block#spectexts.collapsable.collapsed .collapsable-content {
  display: none;
}
body.char.char_draft form#species .bb-container p, body.char.char_draft form#species .bb-container h3 {
  text-align: center;
}
body.char.char_draft form#common .block#name input.name {
  font: bold 2em "Present Script";
  text-align: center;
  padding-top: 0;
}
body.char.char_draft form#common .block#name .helloinfo .nochange {
  display: none;
}
body.char.char_draft form#common .block#name.nochange .helloinfo .nochange {
  display: block;
}
body.char.char_draft form#common .block#age .helloinfo .hardage,
body.char.char_draft form#common .block#age .helloinfo .autocat {
  display: none;
}
body.char.char_draft form#common .block#age.hardage .helloinfo .hardage {
  display: block;
}
body.char.char_draft form#common .block#age.autocat .helloinfo .autocat {
  display: block;
}
body.char.char_draft form#pride .block#pridelist {
  border: 1px solid #955830;
  padding: 5px 8px;
  color: #523C2E;
  background: #EBD2A8;
}
body.char.char_draft form#pride .block#pridelist ul {
  list-style: none;
  padding: 0;
  margin: 5px 0;
}
body.char.char_draft form#pride .block#pridelist ul li {
  display: inline-block;
  padding: 0;
}
body.char.char_draft form#pride .block#pridelist ul li label {
  opacity: 0.5;
  font: bold 1.2em "Present Script";
  padding: 5px 10px;
}
body.char.char_draft form#pride .block#pridelist ul li label:before {
  content: "";
  display: none;
}
body.char.char_draft form#pride .block#pridelist ul li label:hover {
  opacity: 0.8;
}
body.char.char_draft form#pride .block#pridelist ul li input:checked + label {
  opacity: 1;
}
body.char.char_draft form#pride .block#pridelist ul li.category-1 label, body.char.char_draft form#pride .block#pridelist ul li.category-2 label {
  font-size: 2.3em;
}

body.char_edit {
  /* Цвет на деревяшках */
  /* Цвет отблеска на деревяшках (потому что Крис, вот почему) */
  /* Цвет ссылки по наведению */
  /* Цвет на кнопке */
  /* Цвет отблеска на кнопке */
  /* Цвет тени от блока и оверлея всплывающего окна */
  /* Цвет тени ссылок на деревяшках (он же цвет ссылок на деревяшках, потому что Крис, вот почему) */
}
body.char_edit .mybox {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.char_edit .mybox li {
  padding: 0.3em 0.5em;
}
body.char_edit .mybox li:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
body.char_edit .mybox li .title {
  text-align: center;
}
body.char_edit .mybox li .title .mybox_title {
  display: inline-block;
  font: bold 1.2em "Open Sans";
  text-align: left;
  width: 50%;
}
body.char_edit .mybox li .title > * {
  vertical-align: middle;
}
body.char_edit .mybox li div.more {
  display: none;
}
body.char_edit .mybox li .active_toggle {
  cursor: pointer;
  font-size: 2em;
}
body.char_edit .mybox li .active_toggle span {
  display: none;
}
body.char_edit .mybox li .active_toggle span.on_deactive {
  display: inline-block;
}
body.char_edit .mybox li.active {
  background-color: rgba(149, 88, 48, 0.12);
}
body.char_edit .mybox li.active div.more {
  display: block;
}
body.char_edit .mybox li.active .active_toggle span {
  display: inline-block;
}
body.char_edit .mybox li.active .active_toggle span.on_deactive {
  display: none;
}
body.char_edit .mybox .null_check {
  margin-left: -1.1em;
  margin-top: 0.5em;
  position: absolute;
}
body.char_edit input.pretty_checkbox {
  display: none;
}
body.char_edit input.pretty_checkbox + label {
  color: transparent;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4em;
  height: 1.2em;
  margin: 0px 0px 0 0;
  opacity: 0.2;
  padding: 0.3em;
  position: relative;
  vertical-align: middle;
  width: 1.2em;
}
body.char_edit input.pretty_checkbox + label:before {
  border-radius: 50%;
  border: 1px solid #523C2E;
  content: " ";
  display: block;
  height: 1.1em;
  left: 3px;
  position: absolute;
  top: 7px;
  width: 1.1em;
}
body.char_edit input.pretty_checkbox:checked + label {
  color: #523C2E;
  opacity: 1;
}
body.char_edit .awesome-checkbox {
  background-color: rgba(149, 88, 48, 0.06);
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 5px;
}
body.char_edit .awesome-checkbox:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
body.char_edit .awesome-checkbox input[type=checkbox] {
  display: none;
}
body.char_edit .awesome-checkbox span {
  opacity: 0.3;
  vertical-align: middle;
}
body.char_edit .awesome-checkbox span * {
  vertical-align: middle;
}
body.char_edit .awesome-checkbox span:before {
  content: "\f096";
  display: inline-block;
  font: normal 1.5em FontAwesome;
  margin: 0 5px 0 2px;
  text-align: left;
  vertical-align: middle;
  width: 0.9em;
}
body.char_edit .awesome-checkbox input:checked + span {
  opacity: 1;
}
body.char_edit .awesome-checkbox input:checked + span:before {
  content: "\f046";
}
body.char_edit .add_button {
  border: 1px solid;
  color: lime;
  cursor: pointer;
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px auto;
  padding: 5px 40px;
}
body.char_edit form#moder p#score .forminput.denied {
  font-weight: bold;
}
body.char_edit form#moder p#score .forminput .score_edit {
  display: inline-flex;
  flex-flow: column wrap;
  height: 4em;
  justify-content: center;
  margin-left: 3em;
  margin-top: -1em;
}
body.char_edit form#moder p#score .forminput .score_edit .score_change {
  align-items: center;
  display: inline-flex;
  flex: 1 100%;
}
body.char_edit form#moder p#score .forminput .score_edit button, body.char_edit form#moder p#score .forminput .score_edit body.fight.fight_modifier .marks, body.fight.fight_modifier body.char_edit form#moder p#score .forminput .score_edit .marks, body.char_edit form#moder p#score .forminput .score_edit body.fight.fight_modifier .myselect, body.fight.fight_modifier body.char_edit form#moder p#score .forminput .score_edit .myselect {
  padding: 0.3em 1em;
}
body.char_edit form#pride p {
  font: bold 1.3em "Open Sans";
}
body.char_edit form#pride ul {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.char_edit form#pride li {
  display: inline-block;
  flex: 1 250px;
  margin: 5px;
}
body.char_edit form#pride li label {
  background-color: rgba(149, 88, 48, 0.12);
  cursor: pointer;
  display: block;
  font-style: normal;
  font: bold 1.2em "Present Script";
  padding: 5px 10px 5px 10px;
  position: relative;
  text-align: left;
  vertical-align: top;
}
body.char_edit form#pride li label:before {
  content: "\f10c";
  display: inline-block;
  font: normal 1em FontAwesome;
  margin: 0px 0.5em 0 0;
  vertical-align: baseline;
}
body.char_edit form#pride li label:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
body.char_edit form#pride li input {
  display: none;
}
body.char_edit form#pride li input:checked + label {
  background-color: rgba(149, 88, 48, 0.24);
}
body.char_edit form#pride li input:checked + label:before {
  content: "\f192";
}
body.char_edit form#pride li.disactive {
  display: none;
  opacity: 0.4;
}
body.char_edit form#pride.showall li.disactive {
  display: inline-block;
}
body.char_edit form#skills .tools {
  align-items: center;
  border: 1px solid;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin: 0.5em;
  padding: 0.5em;
}
body.char_edit form#skills .tools .tool#search {
  flex: 1 auto;
  font-size: 1.2em;
  margin: 0 10px;
  position: relative;
}
body.char_edit form#skills .tools .tool#search:before {
  content: "\f002";
  font-family: FontAwesome;
  left: 0.6em;
  position: absolute;
  top: 0.6em;
  width: 0;
  z-index: 1000;
}
body.char_edit form#skills .tools .tool#search input {
  font: bold 1.2em "Open Sans";
  padding: 3px 10px 3px 1.7em;
  width: 100%;
}
body.char_edit form#skills .tools .tool#natures .nature {
  display: inline-block;
  padding: 0 3px;
  position: relative;
}
body.char_edit form#skills .tools .tool#natures .nature img {
  cursor: pointer;
  opacity: 0.3;
  width: 30px;
}
body.char_edit form#skills .tools .tool#natures .nature span.title {
  background-color: rgba(149, 88, 48, 0.12);
  bottom: -1.6em;
  display: none;
  left: 0;
  padding: 0.3em 10px;
  position: absolute;
}
body.char_edit form#skills .tools .tool#natures .nature:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
body.char_edit form#skills .tools .tool#natures .nature:hover span.title {
  display: block;
}
body.char_edit form#skills .tools .tool#natures .nature.active img {
  opacity: 1;
}
body.char_edit form#skills .tools .tool.all#natures img {
  opacity: 1;
}
body.char_edit form#skills li.skill .iconset {
  display: inline-block;
  height: 50px;
  margin: auto;
  position: relative;
  width: 50px;
}
body.char_edit form#skills li.skill .title #bought {
  margin: 0 10px;
}
body.char_edit form#skills li.skill .title #bought img {
  width: 2em;
}
body.char_edit form#skills li.skill .title input[name*="[pid]"] {
  width: 5em;
}
body.char_edit form#lots h2 * {
  vertical-align: middle;
}
body.char_edit form#lots input[type=number] {
  width: 50px;
}
body.char_edit form#lots .tools {
  margin: 10px;
}
body.char_edit form#lots .tools .tool#search {
  display: block;
  font-size: 1.2em;
  margin: 0 auto;
  position: relative;
  width: 55%;
}
body.char_edit form#lots .tools .tool#search:before {
  content: "\f002";
  font-family: FontAwesome;
  left: 0.6em;
  position: absolute;
  top: 0.6em;
  width: 0;
  z-index: 1000;
}
body.char_edit form#lots .tools .tool#search input {
  font: bold 1.2em "Open Sans";
  padding: 3px 10px 3px 1.7em;
  width: 100%;
}
body.char_edit form#lots .mybox_icon {
  display: inline-block;
  height: 40px;
  margin-right: 5px;
  width: 40px;
}
body.char_edit form#lots .mybox_active + label {
  color: red;
}
body.char_edit form#lots .mybox_active + label:before {
  border-color: red;
}
body.char_edit form#lots .add_box .title {
  cursor: pointer;
}
body.char_edit form#lots .add_box .additional {
  font-style: italic;
}
body.char_edit form#lots .add_box .mybox_active + label {
  display: none;
}
body.char_edit form#lots .add_box #expire {
  width: 100%;
}
body.char_edit form#lots .add_box #charges {
  width: 100%;
}
body.char_edit form#lots .show_box input[type=number] {
  font-size: 1.2em;
}
body.char_edit form#lots .show_box .drag-handle {
  cursor: grabbing;
  font-size: 1.5em;
  margin-right: 10px;
}
body.char_edit form#lots .show_box #remove {
  padding-top: 2px;
}
body.char_edit form#lots .show_box #remove span:before {
  content: "\f00d";
}
body.char_edit form#lots .show_box #remove:checked + span {
  color: #E04040;
}
body.char_edit form#lots .show_box .active_toggle {
  margin-left: 10px;
}
body.char_edit form#lots .show_box #expire {
  width: 100%;
}
body.char_edit form#lots .show_box #charges {
  width: 100%;
}
body.char_edit form#lots .show_box #charges input[type=text] {
  width: calc(100% - 3.5em);
}
body.char_edit form#lots .show_box .lot#entity__new__ {
  display: none;
}
body.char_edit form#lots .show_box .additional {
  font-style: italic;
}
body.char_edit form#bank ul.bank_items {
  list-style: none;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
body.char_edit form#bank ul.bank_items li.bank_item {
  flex: 0 0 220px;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: stretch;
  gap: 0.3em;
}
body.char_edit form#bank ul.bank_items li.bank_item > .type img {
  max-height: 30px;
  vertical-align: middle;
}
body.char_edit form#bank ul.bank_items li.bank_item > .type span {
  font-size: 1.2em;
  vertical-align: middle;
}
body.char_edit form#bank ul.bank_items li.bank_item > .value input {
  width: 100%;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
}
body.char_edit form#bank ul.bank_items li.bank_item > .tools .delta {
  width: 100px;
}
body.char_edit form#bank ul.bank_items li.bank_item > .tools .pos, body.char_edit form#bank ul.bank_items li.bank_item > .tools .neg {
  width: 30px;
}
body.char_edit form#familiar .lot {
  background-color: rgba(149, 88, 48, 0.06);
  display: block;
  padding: 0.5em;
}
body.char_edit form#familiar .lot .lot_image {
  height: 2.5em;
  vertical-align: middle;
}
body.char_edit form#familiar .lot .lot_name {
  font: bold 1.7em "Open Sans";
  vertical-align: middle;
}
body.char_edit form#familiar .lot .lot_description {
  font-size: 0.9em;
  margin-top: 1em;
}
body.char_edit form#avatar .frame {
  display: none;
}
body.char_edit form#avatar .frame#start {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}
body.char_edit form#avatar .frame#start input {
  width: 100%;
  padding: 3px 5px;
  height: 2.2em;
}
body.char_edit form#avatar .frame#edit .editor {
  height: 500px;
  width: 100%;
}
body.char_edit form#declensions .declension-list .declname {
  display: inline-block;
  width: 35px;
}
body.char_edit form#declensions .declension-list em {
  font-style: italic;
}
body.char_edit form#declensions .declension-list.default .decltext {
  font-weight: bold;
}
body.char_edit form#declensions .result {
  text-align: center;
}
body.char_edit form#declensions .result .inner-container {
  display: inline-block;
  text-align: left;
}
body.char_edit form#declensions .block {
  display: flex;
  flex-flow: row nowrap;
}
body.char_edit form#declensions .block label {
  flex: 1 1 100px;
  background: #EBD2A8;
  padding: 0 10px;
  height: 200px;
  display: flex;
  flex-flow: column wrap;
}
body.char_edit form#declensions .block label:before {
  display: none;
}
body.char_edit form#declensions .block label:hover {
  background: #e4c89e;
}
body.char_edit form#declensions .block label p {
  text-align: left;
  flex: 1 auto;
  margin: 0;
  display: flex;
  align-items: center;
}
body.char_edit form#declensions .block label p .decltext span,
body.char_edit form#declensions .block label p .decltext em {
  display: none;
}
body.char_edit form#declensions .block label.custom {
  flex: 0 1 35px;
}
body.char_edit form#declensions .block label.custom p {
  display: none;
}
body.char_edit form#declensions .block label.custom p input {
  margin-right: 5px;
}
body.char_edit form#declensions .block label.custom .head {
  flex: 1 100%;
  display: flex;
  width: 30px;
  justify-content: center;
  writing-mode: vertical-rl;
}
body.char_edit form#declensions .block input:checked + label {
  background: #ddbe95;
  flex: 1 1 550px;
}
body.char_edit form#declensions .block input:checked + label p .decltext span,
body.char_edit form#declensions .block input:checked + label p .decltext em {
  display: inline;
}
body.char_edit form#declensions .block input:checked + label.custom p {
  display: flex;
  margin: 0;
}
body.char_edit .listpage li {
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
}
body.char_edit .listpage li .drag-handle {
  align-items: center;
  display: flex;
  font-size: 1.5em;
}
body.char_edit .listpage li .active_toggle {
  align-items: center;
  display: flex;
  font-size: 1.5em;
}
body.char_edit .listpage li .fields {
  align-items: center;
  display: inline-flex;
  flex-flow: row nowrap;
  flex: 1 400px;
  justify-content: space-around;
  padding: 0 10px;
  width: 590px;
}
body.char_edit .listpage li .fields .form_title {
  display: none;
}
body.char_edit .listpage li.active {
  background-color: rgba(149, 88, 48, 0.06);
}
body.char_edit .listpage li.active .fields {
  display: block;
}
body.char_edit .listpage li.active .fields .form_title {
  display: block;
}

body.fight {
  /* Цвет на деревяшках */
  /* Цвет отблеска на деревяшках (потому что Крис, вот почему) */
  /* Цвет ссылки по наведению */
  /* Цвет на кнопке */
  /* Цвет отблеска на кнопке */
  /* Цвет тени от блока и оверлея всплывающего окна */
  /* Цвет тени ссылок на деревяшках (он же цвет ссылок на деревяшках, потому что Крис, вот почему) */
}
body.fight.fight_index aside li.custom {
  padding: 0.5em 0.5em;
}
body.fight.fight_index aside .icon-stack {
  position: relative;
}
body.fight.fight_index aside .icon-stack .fa-small {
  position: absolute;
  top: 2.8em;
  left: 1.05em;
  font-size: 0.3em;
}
body.fight.fight_index aside .userlink img {
  height: 1.5em;
}
body.fight.fight_index article {
  display: flex;
  flex-flow: row wrap;
}
body.fight.fight_index article section {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
}
body.fight.fight_index article section.collapsable .collapsable-title {
  cursor: pointer;
}
body.fight.fight_index article section.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.fight.fight_index article section.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.fight.fight_index article section.collapsable .collapsable-content {
  display: block;
}
body.fight.fight_index article section.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.fight.fight_index article section.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.fight.fight_index article section.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.fight.fight_index article section.collapsable.collapsed .collapsable-content {
  display: none;
}
body.fight.fight_index article section h2 {
  margin: 0 0 10px;
}
body.fight.fight_index article section.randomizer {
  flex: 1 40%;
}
body.fight.fight_index article section.randomizer #result {
  font: 100 3em "Open Sans";
}
body.fight.fight_index article section.lastdices {
  flex: 1 40%;
}
body.fight.fight_index article section.lastdices ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.fight.fight_index article section.lastdices ul li {
  display: flex;
  flex-flow: column wrap;
  justify-content: left;
  height: 3.6em;
  padding: 5px 5px 0;
}
body.fight.fight_index article section.lastdices ul li:nth-child(2n) {
  background: rgba(149, 88, 48, 0.12);
}
body.fight.fight_index article section.lastdices ul li time {
  flex: 1 50%;
  width: 40%;
  text-align: left;
}
body.fight.fight_index article section.lastdices ul li .gm {
  flex: 1 50%;
  text-align: left;
}
body.fight.fight_index article section.lastdices ul li .gm img {
  height: 1.2em;
}
body.fight.fight_index article section.lastdices ul li strong {
  flex: 1 100%;
  text-align: right;
}
body.fight.fight_index article section.lastdices ul li strong em {
  display: block;
  font-weight: normal;
}
body.fight.fight_index.fight_duel article {
  display: block;
}
body.fight.fight_index.fight_duel form.fighters div.fighters .row .namesplit input {
  width: 300px;
}
body.fight.fight_index.fight_duel form.fighters div.modifier_editor .row#head {
  display: none;
}
body.fight.fight_doubledice .players {
  display: flex;
  flex-flow: row wrap;
}
body.fight.fight_doubledice .players h2 {
  margin: 0 0 0.4em;
  text-align: center;
}
body.fight.fight_doubledice .players section {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
  margin: 5px;
}
body.fight.fight_doubledice .players section.collapsable .collapsable-title {
  cursor: pointer;
}
body.fight.fight_doubledice .players section.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.fight.fight_doubledice .players section.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.fight.fight_doubledice .players section.collapsable .collapsable-content {
  display: block;
}
body.fight.fight_doubledice .players section.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.fight.fight_doubledice .players section.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.fight.fight_doubledice .players section.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.fight.fight_doubledice .players section.collapsable.collapsed .collapsable-content {
  display: none;
}
body.fight.fight_doubledice .players .next {
  background-color: rgba(149, 88, 48, 0.12);
  display: block;
  flex: 1 100%;
  font: bold 3em "Present Script";
  margin: 5px;
  padding: 0.2em 0 0.5em;
  padding: 5px;
}
body.fight.fight_doubledice .playeraction {
  cursor: pointer;
  display: inline-block;
  outline: 1px dotted;
  text-align: center;
  width: 1.4em;
}
body.fight.fight_doubledice .player {
  flex: 1 200px;
}
body.fight.fight_doubledice .player h2 {
  text-align: left;
}
body.fight.fight_doubledice .player h2 .attacking {
  display: none;
}
body.fight.fight_doubledice .player h2 .defending {
  display: inline-block;
  padding: 0 0.3em;
  width: auto;
}
body.fight.fight_doubledice .player table {
  width: 100%;
}
body.fight.fight_doubledice .player table td {
  padding: 5px 0;
}
body.fight.fight_doubledice .player table td:first-child {
  font-weight: bold;
  text-align: left;
  width: 150px;
}
body.fight.fight_doubledice .player table input {
  box-sizing: border-box;
  padding: 0.3em 0.5em;
  width: 100%;
}
body.fight.fight_doubledice .player .bonus td {
  text-align: left;
}
body.fight.fight_doubledice .player .bonus ul {
  margin: 0;
  padding: 0;
}
body.fight.fight_doubledice .player .bonus li {
  display: flex;
  margin: 5px 0;
}
body.fight.fight_doubledice .player .bonus li span {
  text-align: center;
}
body.fight.fight_doubledice .player .bonus li span.active {
  flex: 1 3 10px;
}
body.fight.fight_doubledice .player .bonus li span.active label:before {
  top: 0;
}
body.fight.fight_doubledice .player .bonus li span.name {
  flex: 10 3 10px;
  margin-right: 7px;
}
body.fight.fight_doubledice .player .bonus li span.value {
  flex: 2 3 10px;
}
body.fight.fight_doubledice .player .bonus li.lead {
  font-weight: bold;
}
body.fight.fight_doubledice .player .bonus button, body.fight.fight_doubledice .player .bonus body.fight.fight_modifier .marks, body.fight.fight_modifier body.fight.fight_doubledice .player .bonus .marks, body.fight.fight_doubledice .player .bonus body.fight.fight_modifier .myselect, body.fight.fight_modifier body.fight.fight_doubledice .player .bonus .myselect {
  cursor: pointer;
  padding: 0.3em 0;
  width: 100%;
}
body.fight.fight_doubledice .player .specials button, body.fight.fight_doubledice .player .specials body.fight.fight_modifier .marks, body.fight.fight_modifier body.fight.fight_doubledice .player .specials .marks, body.fight.fight_doubledice .player .specials body.fight.fight_modifier .myselect, body.fight.fight_modifier body.fight.fight_doubledice .player .specials .myselect {
  cursor: pointer;
  padding: 0.3em 0;
  width: 100%;
}
body.fight.fight_doubledice .player .actionButtons {
  float: right;
}
body.fight.fight_doubledice .player .actionButtons button, body.fight.fight_doubledice .player .actionButtons body.fight.fight_modifier .marks, body.fight.fight_modifier body.fight.fight_doubledice .player .actionButtons .marks, body.fight.fight_doubledice .player .actionButtons body.fight.fight_modifier .myselect, body.fight.fight_modifier body.fight.fight_doubledice .player .actionButtons .myselect {
  cursor: pointer;
  overflow-x: hidden;
  padding: 0.2em 0.6em;
  transition: width 0.5s;
  white-space: nowrap;
  width: 2.2em;
}
body.fight.fight_doubledice .player .actionButtons button:hover, body.fight.fight_doubledice .player .actionButtons body.fight.fight_modifier .marks:hover, body.fight.fight_modifier body.fight.fight_doubledice .player .actionButtons .marks:hover, body.fight.fight_doubledice .player .actionButtons body.fight.fight_modifier .myselect:hover, body.fight.fight_modifier body.fight.fight_doubledice .player .actionButtons .myselect:hover {
  width: 170px;
}
body.fight.fight_doubledice .player .actionButtons button i, body.fight.fight_doubledice .player .actionButtons body.fight.fight_modifier .marks i, body.fight.fight_modifier body.fight.fight_doubledice .player .actionButtons .marks i, body.fight.fight_doubledice .player .actionButtons body.fight.fight_modifier .myselect i, body.fight.fight_modifier body.fight.fight_doubledice .player .actionButtons .myselect i {
  display: inline-block;
  padding-right: 0.6em;
  width: 1em;
}
body.fight.fight_doubledice .player.attacking h2 .defending {
  display: none;
}
body.fight.fight_doubledice .player.attacking h2 .attacking {
  display: inline-block;
  padding: 0 0.3em;
  width: auto;
}
body.fight.fight_doubledice section.modifier {
  flex: 1 100%;
}
body.fight.fight_doubledice section.modifier input {
  display: block;
  width: 300px;
  margin: 10px auto;
  font-size: 12px;
}
body.fight.fight_doubledice section.action {
  flex: 1 100%;
  font: 100 2em "Open Sans";
  /*
        input {
            display: inline-block;
            font: 100 1em "Open Sans";
            text-align: center;
            width: 300px;
        }
        .attacker {
            display: inline-block;
            text-align: right;
            width: 300px;
        }
        .defender {
            display: inline-block;
            text-align: left;
            width: 300px;
        }
        */
}
body.fight.fight_doubledice section.action p {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  margin: 0 0 12px;
}
body.fight.fight_doubledice section.action p em {
  font-style: normal;
  flex: 1 100px;
}
body.fight.fight_doubledice section.action p em:before, body.fight.fight_doubledice section.action p em:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "";
}
body.fight.fight_doubledice section.action p em.attacker_name {
  text-align: right;
}
body.fight.fight_doubledice section.action p em.attacker_name:after {
  content: "\f0e3";
}
body.fight.fight_doubledice section.action p em.defender_name {
  text-align: left;
}
body.fight.fight_doubledice section.action p em.defender_name:before {
  content: "\f132";
}
body.fight.fight_doubledice section.action p input {
  display: inline-block;
  font: 100 1em "Open Sans";
  text-align: center;
  width: 250px;
  margin: 0 10px;
}
body.fight.fight_doubledice section.action .switch {
  display: block;
  margin: auto;
}
body.fight.fight_doubledice section.rollinfo {
  flex: 1 100%;
  font: 100 1.5em "Open Sans";
}
body.fight.fight_doubledice section.rollinfo * {
  vertical-align: middle;
}
body.fight.fight_doubledice section.rollinfo .divider {
  display: inline-block;
  width: 2em;
}
body.fight.fight_doubledice section.rollinfo object {
  height: 2em;
}
body.fight.fight_doubledice #dialogWrapper {
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100%;
  left: 0;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
}
body.fight.fight_doubledice #dialogWrapper section {
  margin: 150px auto 50px;
  border-style: solid;
  border-width: 5px;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_tab.png?ver=2") 12 fill round;
  color: #d3b489;
}
body.fight.fight_doubledice #dialogWrapper section a, body.fight.fight_doubledice #dialogWrapper section a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
body.fight.fight_doubledice #dialogWrapper section a:hover {
  color: #bb8f53;
}
body.fight.fight_doubledice section#presets {
  width: 300px;
}
body.fight.fight_doubledice section#presets ul {
  list-style: none;
  margin: 0;
  max-height: 400px;
  overflow-y: auto;
  padding: 0;
}
body.fight.fight_doubledice section#presets li {
  height: 1.2em;
  list-style: none;
  padding: 10px 15px;
  text-align: right;
  width: 270px;
  cursor: pointer;
}
body.fight.fight_doubledice section#presets li:hover {
  background-color: rgba(149, 88, 48, 0.24);
}
body.fight.fight_doubledice section#presets li:hover i {
  color: #d00000;
}
body.fight.fight_doubledice section#presets li span {
  float: left;
}
body.fight.fight_doubledice section#presets li i {
  color: transparent;
  cursor: pointer;
  font-size: 1.2em;
  font-style: normal;
  margin: 0 0.2em;
  vertical-align: middle;
}
body.fight.fight_doubledice section#presets button, body.fight.fight_doubledice section#presets body.fight.fight_modifier .marks, body.fight.fight_modifier body.fight.fight_doubledice section#presets .marks, body.fight.fight_doubledice section#presets body.fight.fight_modifier .myselect, body.fight.fight_modifier body.fight.fight_doubledice section#presets .myselect {
  margin: 10px;
  padding: 5px;
  width: 280px;
}
body.fight.fight_doubledice section#specials {
  max-width: 700px;
}
body.fight.fight_doubledice section#specials ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.fight.fight_doubledice section#specials li input {
  display: none;
}
body.fight.fight_doubledice section#specials label {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: 0.6em;
}
body.fight.fight_doubledice section#specials label:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
body.fight.fight_doubledice section#specials label strong {
  flex: 6 3 10px;
}
body.fight.fight_doubledice section#specials label span.desc {
  flex: 12 3 10px;
  font-size: 0.9em;
}
body.fight.fight_doubledice section#specials .buttons {
  margin: 1em 0 0;
}
body.fight.fight_doubledice section#specials .buttons button, body.fight.fight_doubledice section#specials .buttons body.fight.fight_modifier .marks, body.fight.fight_modifier body.fight.fight_doubledice section#specials .buttons .marks, body.fight.fight_doubledice section#specials .buttons body.fight.fight_modifier .myselect, body.fight.fight_modifier body.fight.fight_doubledice section#specials .buttons .myselect {
  margin: 10px;
  padding: 5px;
  width: 280px;
}
body.fight.fight_doubledice .rollresult {
  display: flex;
  flex-flow: row wrap;
}
body.fight.fight_doubledice .rollresult section.tools {
  flex: 1 100%;
  margin: 0 0 10px;
}
body.fight.fight_doubledice .rollresult section.result {
  flex: 1 40%;
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
  margin: 5px;
}
body.fight.fight_doubledice .rollresult section.result.collapsable .collapsable-title {
  cursor: pointer;
}
body.fight.fight_doubledice .rollresult section.result.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.fight.fight_doubledice .rollresult section.result.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.fight.fight_doubledice .rollresult section.result.collapsable .collapsable-content {
  display: block;
}
body.fight.fight_doubledice .rollresult section.result.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.fight.fight_doubledice .rollresult section.result.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.fight.fight_doubledice .rollresult section.result.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.fight.fight_doubledice .rollresult section.result.collapsable.collapsed .collapsable-content {
  display: none;
}
body.fight.fight_doubledice .rollresult section.result h2 {
  margin: 0 0 0.8em;
}
body.fight.fight_doubledice .rollresult section.result span.raw {
  display: inline-block;
  vertical-align: middle;
}
body.fight.fight_doubledice .rollresult section.result span.raw object {
  height: 6em;
}
body.fight.fight_doubledice .rollresult section.result span.btext {
  display: inline-block;
  margin: 0 5px;
  padding: 0 0 1em;
  vertical-align: middle;
}
body.fight.fight_doubledice .rollresult section.result span.btext span {
  display: block;
  font-size: 0.9em;
}
body.fight.fight_doubledice .rollresult section.result span.btext strong {
  display: block;
  font: 100 3em "Open Sans";
}
body.fight.fight_doubledice .rollresult section.editor {
  flex: 1 100%;
}
body.fight.fight_doubledice .rollresult section.editor textarea {
  width: 100%;
}
body.fight.fight_doubledice .rollresult section.resultcode {
  flex: 1 100%;
  margin: 0;
}
body.fight.fight_doubledice .rollresult section.resultcode h2 {
  margin: 0 0 0.8em;
}
body.fight.fight_doubledice .rollresult section.resultcode .source {
  cursor: pointer;
  font: normal 1em Consolas;
  margin: 10px 0;
  padding: 25px 10px 10px;
  position: relative;
  text-align: left;
  word-break: break-all;
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
}
body.fight.fight_doubledice .rollresult section.resultcode .source.collapsable .collapsable-title {
  cursor: pointer;
}
body.fight.fight_doubledice .rollresult section.resultcode .source.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.fight.fight_doubledice .rollresult section.resultcode .source.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.fight.fight_doubledice .rollresult section.resultcode .source.collapsable .collapsable-content {
  display: block;
}
body.fight.fight_doubledice .rollresult section.resultcode .source.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.fight.fight_doubledice .rollresult section.resultcode .source.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.fight.fight_doubledice .rollresult section.resultcode .source.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.fight.fight_doubledice .rollresult section.resultcode .source.collapsable.collapsed .collapsable-content {
  display: none;
}
body.fight.fight_doubledice .rollresult section.resultcode .source:before {
  color: #955830;
  content: "Нажмите на блок для выделения";
  left: 0;
  position: absolute;
  text-align: center;
  top: 5px;
  width: 100%;
}
body.fight.fight_doubledice .rollresult section.resultcode .source:hover:before {
  color: #904c20;
}
body.fight.fight_modifier {
  /*

          .row .range {
              .name1 {
                  background: $fmod_color2;
              }
              .name2 {
                  background: $fmod_color3;
              }
          }
      */
}
body.fight.fight_modifier .result p.lead {
  font-size: 2em;
  margin: 0 0 10px;
}
body.fight.fight_modifier .result p.text {
  font-size: 1.22em;
  margin: 0 0 10px;
}
body.fight.fight_modifier .result p.lead .modifier, body.fight.fight_modifier .result p.lead strong, body.fight.fight_modifier .result p.text .modifier, body.fight.fight_modifier .result p.text strong {
  padding: 0 5px;
}
body.fight.fight_modifier .row {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  margin: 0 auto;
}
body.fight.fight_modifier .row > div {
  flex: 1 auto;
}
body.fight.fight_modifier .row > div.title {
  flex: 1 100px;
  font-size: 1.1em;
  font-weight: bold;
}
body.fight.fight_modifier .row > div.modifier {
  flex: 1 50px;
  font: bold 2em "Present Script";
  padding: 9px 0 14px;
}
body.fight.fight_modifier .row > div.content {
  flex: 1 700px;
}
body.fight.fight_modifier .row > div.content.namesplit {
  display: flex;
  flex-flow: row nowrap;
}
body.fight.fight_modifier .row > div.content.namesplit > div {
  flex: 1 50%;
  padding: 0.5em;
}
body.fight.fight_modifier .row > div.content.range {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  height: 100%;
}
body.fight.fight_modifier .row > div.content.range > div {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 1 25%;
  text-align: center;
  text-align: center;
  vertical-align: center;
}
body.fight.fight_modifier .row > div.content.range > div > * {
  flex: 1 auto;
  text-align: center;
}
body.fight.fight_modifier .row > div.content.range > .input {
  flex: 1 50%;
  padding: 0.3em;
}
body.fight.fight_modifier .row > div.content.range > .input input {
  background: none;
  border: none;
  width: 100%;
}
body.fight.fight_modifier .row#head input {
  width: 300px;
}
body.fight.fight_modifier .row#species select, body.fight.fight_modifier .row#age select {
  width: 300px;
}
body.fight.fight_modifier .row#size .range[alt="0"] .name1 {
  font-size: 1.6em;
  font-weight: bold;
}
body.fight.fight_modifier .row#size .range[alt="1"] .name1 {
  font-size: 1.4em;
  font-weight: bold;
}
body.fight.fight_modifier .row#size .range[alt="2"] .name1 {
  font-size: 1.2em;
  font-weight: bold;
}
body.fight.fight_modifier .row#size .range[alt="4"] .name2 {
  font-size: 1.2em;
  font-weight: bold;
}
body.fight.fight_modifier .row#size .range[alt="5"] .name2 {
  font-size: 1.4em;
  font-weight: bold;
}
body.fight.fight_modifier .row#size .range[alt="6"] .name2 {
  font-size: 1.6em;
  font-weight: bold;
}
body.fight.fight_modifier .myselect {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 auto;
  justify-content: stretch;
  align-items: stretch;
  width: 300px;
  padding: 0;
}
body.fight.fight_modifier .myselect input {
  display: none;
}
body.fight.fight_modifier .myselect label {
  flex: 1 auto;
}
body.fight.fight_modifier .myselect label span {
  cursor: pointer;
  display: block;
  padding: 5px 8px;
  border-right: 1px solid;
}
body.fight.fight_modifier .myselect label:first-child span {
  border-radius: 5px 0 0 5px;
}
body.fight.fight_modifier .myselect label:last-child span {
  border-radius: 0 5px 5px 0;
  border-right: 0px none;
}
body.fight.fight_modifier .marks {
  margin: 0 auto;
  width: 300px;
  padding: 0;
}
body.fight.fight_modifier .marks label {
  display: block;
}
body.fight.fight_modifier .marks label span {
  cursor: pointer;
  display: block;
  padding: 0.5em 1em 0.5em 2.5em;
  position: relative;
  text-align: left;
  border-bottom: 1px solid;
}
body.fight.fight_modifier .marks label:first-child span {
  border-radius: 5px 5px 0 0;
}
body.fight.fight_modifier .marks label:last-child span {
  border-radius: 0 0 5px 5px;
  border-bottom: 0px none;
}
body.fight.fight_modifier .marks input {
  display: none;
}
body.fight.fight_modifier .marks input + span:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 32px;
  top: 7px;
}
body.fight.fight_modifier .marks input:checked + span:before {
  content: "\f00c";
}
body.fight.fight_modifier .row .namesplit #name1 {
  background: #d7b894;
}
body.fight.fight_modifier .row .namesplit #name1 input, body.fight.fight_modifier .row .namesplit #name1 select, body.fight.fight_modifier .row .namesplit #name1 .myselect, body.fight.fight_modifier .row .namesplit #name1 .marks {
  background: #d0af8a;
  border-color: #976e4f;
}
body.fight.fight_modifier .row .namesplit #name1 input:focus, body.fight.fight_modifier .row .namesplit #name1 select:focus, body.fight.fight_modifier .row .namesplit #name1 .myselect:focus, body.fight.fight_modifier .row .namesplit #name1 .marks:focus {
  background: #c19873;
}
body.fight.fight_modifier .row .namesplit #name1 .myselect, body.fight.fight_modifier .row .namesplit #name1 .marks {
  border-color: #976e4f;
}
body.fight.fight_modifier .row .namesplit #name1 .myselect input:checked + span, body.fight.fight_modifier .row .namesplit #name1 .marks input:checked + span {
  background: #c19873;
}
body.fight.fight_modifier .row .namesplit #name1 .myselect input:checked + span:before, body.fight.fight_modifier .row .namesplit #name1 .marks input:checked + span:before {
  color: #8c664a;
}
body.fight.fight_modifier .row .namesplit #name1 .myselect span, body.fight.fight_modifier .row .namesplit #name1 .marks span {
  border-color: #976e4f;
}
body.fight.fight_modifier .row .namesplit #name2 {
  background: #d6bf86;
}
body.fight.fight_modifier .row .namesplit #name2 input, body.fight.fight_modifier .row .namesplit #name2 select, body.fight.fight_modifier .row .namesplit #name2 .myselect, body.fight.fight_modifier .row .namesplit #name2 .marks {
  background: #d0bd6f;
  border-color: #96900d;
}
body.fight.fight_modifier .row .namesplit #name2 input:focus, body.fight.fight_modifier .row .namesplit #name2 select:focus, body.fight.fight_modifier .row .namesplit #name2 .myselect:focus, body.fight.fight_modifier .row .namesplit #name2 .marks:focus {
  background: #c0b637;
}
body.fight.fight_modifier .row .namesplit #name2 .myselect, body.fight.fight_modifier .row .namesplit #name2 .marks {
  border-color: #96900d;
}
body.fight.fight_modifier .row .namesplit #name2 .myselect input:checked + span, body.fight.fight_modifier .row .namesplit #name2 .marks input:checked + span {
  background: #c0b637;
}
body.fight.fight_modifier .row .namesplit #name2 .myselect input:checked + span:before, body.fight.fight_modifier .row .namesplit #name2 .marks input:checked + span:before {
  color: #8a8212;
}
body.fight.fight_modifier .row .namesplit #name2 .myselect span, body.fight.fight_modifier .row .namesplit #name2 .marks span {
  border-color: #96900d;
}
body.fight.fight_modifier .row .range .name1 {
  background: #d7b894;
}
body.fight.fight_modifier .row .range .name2 {
  background: #d6bf86;
}
body.fight.fight_modifier .row .modifier#zero + .range .input {
  background: linear-gradient(to right, #d7b894 0, #d7b894 50%, #d6bf86 50%, #d6bf86 100%);
}
body.fight.fight_modifier .row .modifier#pos + .range .input {
  background: #d7b894;
}
body.fight.fight_modifier .row .modifier#neg + .range .input {
  background: #d6bf86;
}
body.fight.fight_modifier [data-var=name1], body.fight.fight_modifier .modifier#pos {
  background: #d7b894;
}
body.fight.fight_modifier [data-var=name2], body.fight.fight_modifier .modifier#neg {
  background: #d6bf86;
}
body.fight.fight_single section {
  display: block;
  margin: auto;
  width: 800px;
}
body.fight.fight_single section.blank {
  width: 500px;
}
body.fight.fight_single section.blank span#character {
  background-color: #EBD2A8;
  padding: 0.3em 0.5em;
}
body.fight.fight_single section.blank span#action {
  background-color: #EBD2A8;
  padding: 0.3em 0.5em;
  font-weight: normal;
}
body.fight.fight_single section.blank table {
  width: 100%;
}
body.fight.fight_single section.blank table th {
  text-align: left;
  width: 120px;
}
body.fight.fight_single section.blank table td {
  padding: 0.4em 0;
  text-align: left;
}
body.fight.fight_single section.blank table input {
  padding: 0.3em 0.5em;
}
body.fight.fight_single section.blank table button, body.fight.fight_single section.blank table body.fight.fight_modifier .myselect, body.fight.fight_modifier body.fight.fight_single section.blank table .myselect, body.fight.fight_single section.blank table body.fight.fight_modifier .marks, body.fight.fight_modifier body.fight.fight_single section.blank table .marks {
  padding: 0.3em 0.5em;
}
body.fight.fight_single section.blank table #modifierText {
  padding: 0.3em 0.5em;
}
body.fight.fight_single section.blank table input[name=dice] {
  width: 3em;
}
body.fight.fight_single section.blank table td#bonuses ul {
  list-style: none;
  padding: 0;
}
body.fight.fight_single section.blank table td#bonuses li {
  align-content: stretch;
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 0.3em;
}
body.fight.fight_single section.blank table td#bonuses li > span {
  flex: 1 auto;
  margin: 0.3em 0;
}
body.fight.fight_single section.blank table td#bonuses li > span input {
  width: 100%;
}
body.fight.fight_single select#type {
  padding: 0.3em 0.5em;
  width: 100%;
}
body.fight.fight_single section.dice .diceresult {
  border: 1px solid;
  margin: 10px 0;
  padding: 10px;
}
body.fight.fight_single section.dice :not(.fullscreen) textarea {
  width: 100%;
  height: 7.2em;
  resize: vertical;
}
body.fight.fight_single section.resultcode .source {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
  cursor: pointer;
  font: normal 1em Consolas, monospace;
  margin: 10px 0;
  position: relative;
  text-align: left;
  padding-top: 30px;
}
body.fight.fight_single section.resultcode .source.collapsable .collapsable-title {
  cursor: pointer;
}
body.fight.fight_single section.resultcode .source.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.fight.fight_single section.resultcode .source.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.fight.fight_single section.resultcode .source.collapsable .collapsable-content {
  display: block;
}
body.fight.fight_single section.resultcode .source.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.fight.fight_single section.resultcode .source.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.fight.fight_single section.resultcode .source.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.fight.fight_single section.resultcode .source.collapsable.collapsed .collapsable-content {
  display: none;
}
body.fight.fight_single section.resultcode .source:before {
  color: #955830;
  content: "Нажмите на блок для выделения";
  left: 0;
  position: absolute;
  text-align: center;
  top: 5px;
  width: 100%;
}
body.fight.fight_single section.resultcode .source:hover before {
  color: #904c20;
}
body.fight.fight_single .fucking_overlay {
  align-items: center;
  background-color: #101010;
  display: flex;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
body.fight.fight_single .fucking_overlay span {
  display: block;
  flex: 1 auto;
}
body.fight.fight_dice form.dicesetup a.additional-toggle {
  display: block;
  padding: 5px 0;
}
body.fight.fight_dice form.dicesetup a.additional-toggle .fa:before {
  content: "\f138";
}
body.fight.fight_dice form.dicesetup a.additional-toggle span {
  display: inline-block;
  border-bottom: dashed 1px #955830;
}
body.fight.fight_dice form.dicesetup a.additional-toggle span.onactive {
  display: none;
}
body.fight.fight_dice form.dicesetup a.additional-toggle.active .fa:before {
  content: "\f13a";
}
body.fight.fight_dice form.dicesetup a.additional-toggle.active span.onnotactive {
  display: none;
}
body.fight.fight_dice form.dicesetup a.additional-toggle.active span.onactive {
  display: inline-block;
}
body.fight.fight_dice form.dicesetup section.additional {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
  display: none;
}
body.fight.fight_dice form.dicesetup section.additional.collapsable .collapsable-title {
  cursor: pointer;
}
body.fight.fight_dice form.dicesetup section.additional.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.fight.fight_dice form.dicesetup section.additional.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.fight.fight_dice form.dicesetup section.additional.collapsable .collapsable-content {
  display: block;
}
body.fight.fight_dice form.dicesetup section.additional.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.fight.fight_dice form.dicesetup section.additional.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.fight.fight_dice form.dicesetup section.additional.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.fight.fight_dice form.dicesetup section.additional.collapsable.collapsed .collapsable-content {
  display: none;
}
body.fight.fight_dice form.dicesetup a.additional-toggle.active + section.additional {
  display: block;
}
body.fight.fight_dice section {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
}
body.fight.fight_dice section.collapsable .collapsable-title {
  cursor: pointer;
}
body.fight.fight_dice section.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.fight.fight_dice section.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.fight.fight_dice section.collapsable .collapsable-content {
  display: block;
}
body.fight.fight_dice section.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.fight.fight_dice section.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.fight.fight_dice section.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.fight.fight_dice section.collapsable.collapsed .collapsable-content {
  display: none;
}
body.fight.fight_cooldown .frame.option {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
  display: none;
}
body.fight.fight_cooldown .frame.option.collapsable .collapsable-title {
  cursor: pointer;
}
body.fight.fight_cooldown .frame.option.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.fight.fight_cooldown .frame.option.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.fight.fight_cooldown .frame.option.collapsable .collapsable-content {
  display: block;
}
body.fight.fight_cooldown .frame.option.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.fight.fight_cooldown .frame.option.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.fight.fight_cooldown .frame.option.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.fight.fight_cooldown .frame.option.collapsable.collapsed .collapsable-content {
  display: none;
}
body.fight.fight_cooldown .frame h2 {
  margin: 5px 0 10px;
}
body.fight.fight_cooldown .frame#preview #tools {
  display: flex;
  flex-flow: row;
  justify-content: stretch;
}
body.fight.fight_cooldown .frame#preview #tools button, body.fight.fight_cooldown .frame#preview #tools body.fight.fight_modifier .myselect, body.fight.fight_modifier body.fight.fight_cooldown .frame#preview #tools .myselect, body.fight.fight_cooldown .frame#preview #tools body.fight.fight_modifier .marks, body.fight.fight_modifier body.fight.fight_cooldown .frame#preview #tools .marks {
  cursor: pointer;
  flex: 1 100px;
  margin: 0 2.5px 10px;
}
body.fight.fight_cooldown .frame#preview #tools i {
  margin: 0 8px 0 0;
}
body.fight.fight_cooldown .frame#preview table {
  border-spacing: 0;
  border: 1px solid;
  width: 100%;
}
body.fight.fight_cooldown .frame#preview table td {
  border-style: solid none none;
  border-width: 1px 0 0;
  border-color: #955830;
  padding: 5px 10px;
  text-align: left;
}
body.fight.fight_cooldown .frame#preview table tr.first-of-char td {
  border-top: 3px double;
}
body.fight.fight_cooldown .frame#preview table tr:first-child td {
  border-top: 0 none;
}
body.fight.fight_cooldown .frame#preview table td.charname {
  border-right: 1px solid;
}
body.fight.fight_cooldown .frame#preview table td.tools {
  border-left: 1px solid;
  padding: 0;
  width: 100px;
}
body.fight.fight_cooldown .frame#preview table td.tools div {
  align-items: stretch;
  display: flex;
  height: 30px;
  justify-content: space-evenly;
  margin-left: 1px;
}
body.fight.fight_cooldown .frame#preview table td.tools a {
  align-items: center;
  display: flex;
  flex: 1 auto;
  justify-content: center;
}
body.fight.fight_cooldown .frame#preview table td.neutral {
  background: #c09872;
}
body.fight.fight_cooldown .frame#preview table td.positive {
  background: #91b46c;
}
body.fight.fight_cooldown .frame#preview table td.negative {
  background: #eb8872;
}
body.fight.fight_cooldown .frame.view-items#preview table.char_table {
  display: none;
}
body.fight.fight_cooldown .frame.view-chars#preview table.cooldown_table {
  display: none;
}
body.fight.fight_cooldown .source {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
  cursor: pointer;
  font: normal 1em Consolas;
  margin: 10px 0;
  padding-top: 25px;
  position: relative;
  text-align: left;
  white-space: pre-wrap;
  word-break: break-all;
}
body.fight.fight_cooldown .source.collapsable .collapsable-title {
  cursor: pointer;
}
body.fight.fight_cooldown .source.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.fight.fight_cooldown .source.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.fight.fight_cooldown .source.collapsable .collapsable-content {
  display: block;
}
body.fight.fight_cooldown .source.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.fight.fight_cooldown .source.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.fight.fight_cooldown .source.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.fight.fight_cooldown .source.collapsable.collapsed .collapsable-content {
  display: none;
}
body.fight.fight_cooldown .source:before {
  color: #955830;
  content: "Нажмите на блок для выделения";
  left: 0;
  position: absolute;
  text-align: center;
  top: 5px;
  width: 100%;
}
body.fight.fight_cooldown .source:hover:before {
  color: #904c20;
}
body.fight.fight_cooldown_test .cooldown-editor {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
}
body.fight.fight_cooldown_test .cooldown-editor.collapsable .collapsable-title {
  cursor: pointer;
}
body.fight.fight_cooldown_test .cooldown-editor.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.fight.fight_cooldown_test .cooldown-editor.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.fight.fight_cooldown_test .cooldown-editor.collapsable .collapsable-content {
  display: block;
}
body.fight.fight_cooldown_test .cooldown-editor.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.fight.fight_cooldown_test .cooldown-editor.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.fight.fight_cooldown_test .cooldown-editor.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.fight.fight_cooldown_test .cooldown-editor.collapsable.collapsed .collapsable-content {
  display: none;
}
body.fight.fight_cooldown_test .cooldown-editor .char {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #955830;
  margin: 2px;
}
body.fight.fight_cooldown_test .cooldown-editor .char:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
body.fight.fight_cooldown_test .cooldown-editor .char .char-drag-handler {
  width: 20px;
  padding: 7px;
}
body.fight.fight_cooldown_test .cooldown-editor .char .char-title {
  width: 200px;
  display: flex;
  justify-content: space-between;
}
body.fight.fight_cooldown_test .cooldown-editor .char .char-title .char-tool {
  display: inline-block;
  cursor: pointer;
  padding: 4px 7px;
  color: #955830;
}
body.fight.fight_cooldown_test .cooldown-editor .char .char-title .char-tool:hover {
  background-color: rgba(149, 88, 48, 0.12);
  color: #904c20;
}
body.fight.fight_cooldown_test .cooldown-editor .char .char-title .char-tool em {
  display: none;
}
body.fight.fight_cooldown_test .cooldown-editor .char .char-elements {
  flex: 1 auto;
  border-left: 1px solid #955830;
}
body.fight.fight_cooldown_test .cooldown-editor .element {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
body.fight.fight_cooldown_test .cooldown-editor .element:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
body.fight.fight_cooldown_test .cooldown-editor .element .element-drag-handler {
  width: 20px;
  padding: 7px;
}
body.fight.fight_cooldown_test .cooldown-editor .element .element-left {
  flex: 1 auto;
  text-align: left;
}
body.fight.fight_cooldown_test .cooldown-editor .element .element-tools .element-tool {
  display: inline-block;
  cursor: pointer;
  padding: 4px 7px;
  color: #955830;
}
body.fight.fight_cooldown_test .cooldown-editor .element .element-tools .element-tool:hover {
  background-color: rgba(149, 88, 48, 0.12);
  color: #904c20;
}
body.fight.fight_cooldown_test .cooldown-editor .element .element-tools .element-tool em {
  display: none;
}
body.fight.fight_cooldown_test .cooldown-editor .element.neutral {
  background: #b98d67;
}
body.fight.fight_cooldown_test .cooldown-editor .element.positive {
  background: #a4b878;
}
body.fight.fight_cooldown_test .cooldown-editor .element.negative {
  background: #e7967d;
}

body.drafts {
  /* Цвет на деревяшках */
  /* Цвет отблеска на деревяшках (потому что Крис, вот почему) */
  /* Цвет ссылки по наведению */
  /* Цвет на кнопке */
  /* Цвет отблеска на кнопке */
  /* Цвет тени от блока и оверлея всплывающего окна */
  /* Цвет тени ссылок на деревяшках (он же цвет ссылок на деревяшках, потому что Крис, вот почему) */
}
body.drafts.drafts_edit article {
  margin-top: 40px;
}
body.drafts.drafts_edit article .tabs {
  margin-top: -57px;
  margin-bottom: 25px;
}
body.drafts.drafts_edit article .tabs li {
  border-style: solid;
  border-width: 5px;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_tab.png?ver=2") 12 fill round;
  color: #d3b489;
  cursor: pointer;
  display: inline-block;
  margin: 4px 0 0;
  opacity: 0.6;
  padding: 3px 10px;
  border-bottom: 0 none;
}
body.drafts.drafts_edit article .tabs li a, body.drafts.drafts_edit article .tabs li a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
body.drafts.drafts_edit article .tabs li a:hover {
  color: #bb8f53;
}
body.drafts.drafts_edit article .tabs li i {
  margin-right: 5px;
}
body.drafts.drafts_edit article .tabs li:hover {
  opacity: 0.8;
}
body.drafts.drafts_edit article .tabs li.active {
  cursor: default;
  margin: 0;
  opacity: 1;
  padding: 5px 10px;
  vertical-align: top;
}
body.drafts.drafts_edit article .tabs li.active span {
  font-weight: bold;
}
body.drafts .preview_frame {
  border: 0;
  height: 500px;
  width: 100%;
}

body.prides {
  /* Цвет на деревяшках */
  /* Цвет отблеска на деревяшках (потому что Крис, вот почему) */
  /* Цвет ссылки по наведению */
  /* Цвет на кнопке */
  /* Цвет отблеска на кнопке */
  /* Цвет тени от блока и оверлея всплывающего окна */
  /* Цвет тени ссылок на деревяшках (он же цвет ссылок на деревяшках, потому что Крис, вот почему) */
}
body.prides.pride_list ul.pridelist {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.prides.pride_list ul.pridelist li {
  flex: 0 auto;
  margin: 5px;
  width: calc(25% - 10px);
}
body.prides.pride_list ul.pridelist li a {
  background: rgba(149, 88, 48, 0.12);
  border: 1px solid #955830;
  display: block;
  height: 250px;
  overflow-y: hidden;
  width: 100%;
}
body.prides.pride_list ul.pridelist li a:hover {
  background: rgba(149, 88, 48, 0.24);
}
body.prides.pride_list ul.pridelist li h3 {
  margin: 0.2em 0 0.5em;
  font: bold 1.5em "Present Script";
  color: #523C2E;
}
body.prides.pride_list ul.pridelist li img {
  width: 240px;
  margin: 0 auto;
  height: 100px;
  object-fit: contain;
}
body.prides.pride_list ul.pridelist li p {
  text-align: center;
  margin: 0 5px;
}
body.prides.pride_list ul.pridelist.type2 li {
  width: calc(50% - 10px);
}
body.prides.pride_list ul.pridelist.type2 li h3 {
  font-size: 2em;
}
body.prides.pride_list ul.pridelist.type2 li a {
  height: 350px;
}
body.prides.pride_list ul.pridelist.type2 li img {
  width: 290px;
  height: 120px;
}
body.prides.pride_list ul.pridelist.type3 li {
  position: relative;
}
body.prides.pride_list ul.pridelist.type3 li p {
  font-size: 0.85em;
}
body.prides.pride_list ul.pridelist.type3 li:after {
  content: "";
  width: calc(100% - 1px);
  height: 50px;
  position: absolute;
  left: 1px;
  bottom: 1px;
  background: linear-gradient(transparent 0, #D4B591);
}
body.prides.pride_list ul.pridelist.type3 li:hover:after {
  background: linear-gradient(transparent 0, #CCA983);
}
body.prides.pride_list ul.pridelist.type1 li {
  width: calc(50% - 10px);
}
body.prides.pride_list ul.pridelist.type1 li a {
  height: auto;
}
body.prides.pride_list ul.pridelist.type1 li p {
  font-size: 0.85em;
}
body.prides.pride_list ul.pridelist.type0 li a {
  height: auto;
}
body.prides.pride_list ul.pridelist.type0 li img, body.prides.pride_list ul.pridelist.type0 li p {
  display: none;
}
body.prides.pride_view main > h1 {
  display: none;
}
body.prides.pride_view .description {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
}
body.prides.pride_view .description.collapsable .collapsable-title {
  cursor: pointer;
}
body.prides.pride_view .description.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.prides.pride_view .description.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.prides.pride_view .description.collapsable .collapsable-content {
  display: block;
}
body.prides.pride_view .description.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.prides.pride_view .description.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.prides.pride_view .description.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.prides.pride_view .description.collapsable.collapsed .collapsable-content {
  display: none;
}
body.prides.pride_view .description h1 {
  color: #d3b489;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 60px;
  box-sizing: border-box;
  text-align: center;
  font: bold 20px "Present Script";
  border-width: 12px;
  border-style: solid;
  border-image: url("https://static.kozhilya.ru/files/design/day/title_bg.png?ver=2") 12 fill round;
  box-shadow: 0 0 10px #240E00;
}
body.prides.pride_view .description h1 a, body.prides.pride_view .description h1 a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
body.prides.pride_view .description h1 a:hover {
  color: #bb8f53;
}
body.prides.pride_view .description h1:before, body.prides.pride_view .description h1:after {
  content: " ";
  font-size: 0;
  display: block;
  position: absolute;
}
body.prides.pride_view .description h1:before {
  width: 254px;
  height: calc(100% + 46px);
  top: -23px;
  left: -23px;
  background: url("https://static.kozhilya.ru/files/design/day/title_decor_tl.png?ver=2") top left no-repeat, url("https://static.kozhilya.ru/files/design/day/title_decor_bl.png?ver=2") bottom left no-repeat;
}
body.prides.pride_view .description h1:after {
  width: 256px;
  height: calc(100% + 41px);
  top: -20px;
  right: -24px;
  background: url("https://static.kozhilya.ru/files/design/day/title_decor_tr.png?ver=2") top left no-repeat, url("https://static.kozhilya.ru/files/design/day/title_decor_br.png?ver=2") bottom left no-repeat;
}
body.prides.pride_view .description h1 > span {
  display: block;
  padding-bottom: 0.2em;
}
body.prides.pride_view .description .banner {
  width: 29vw;
  height: 12vw;
  object-fit: contain;
  float: left;
}
body.prides.pride_view .description .bb-container {
  width: auto;
  margin-left: 30vw;
}
body.prides.pride_view .description .locations {
  width: auto;
  margin: 0.5em 0 0.5em 30vw;
  text-align: justify;
}
body.prides.pride_view .description .locations.view_spoiler .toggler .on_hidden {
  display: inline;
}
body.prides.pride_view .description .locations.view_spoiler .toggler .on_visible {
  display: none;
}
body.prides.pride_view .description .locations.view_spoiler .pride_list {
  display: none;
}
body.prides.pride_view .description .locations.view_spoiler.show_all .toggler .on_hidden {
  display: none;
}
body.prides.pride_view .description .locations.view_spoiler.show_all .toggler .on_visible {
  display: inline;
}
body.prides.pride_view .description .locations.view_spoiler.show_all .pride_list {
  display: block;
}
body.prides.pride_view div.role {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
}
body.prides.pride_view div.role.collapsable .collapsable-title {
  cursor: pointer;
}
body.prides.pride_view div.role.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.prides.pride_view div.role.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.prides.pride_view div.role.collapsable .collapsable-content {
  display: block;
}
body.prides.pride_view div.role.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.prides.pride_view div.role.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.prides.pride_view div.role.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.prides.pride_view div.role.collapsable.collapsed .collapsable-content {
  display: none;
}
body.prides.pride_view div.role h3 {
  font-size: 1.5em;
  margin: 0 0 10px;
}
body.prides.pride_view div.role .role-description {
  margin: 10px 0 10px;
}
body.prides.pride_view div.role .role-description .bb-container p {
  text-align: center;
}
body.prides.pride_view div.role ul {
  margin: 10px 0 0;
}
body.prides.pride_view div.role ul.list {
  align-content: stretch;
  align-items: normal;
  flex-flow: row wrap;
  font-size: 0;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.prides.pride_view div.role ul.list li {
  border: 1px solid transparent;
  display: inline-flex;
  flex-flow: column wrap;
  font-size: 12px;
  height: 260px;
  position: relative;
  vertical-align: top;
  width: calc(20% - 2px);
}
body.prides.pride_view div.role ul.list li:hover {
  border-color: #955830;
}
body.prides.pride_view div.role ul.list li div {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 100%;
  height: 100%;
  text-align: left;
  width: 10%;
}
body.prides.pride_view div.role ul.list li div a {
  align-items: center;
  background-color: rgba(149, 88, 48, 0.12);
  display: flex;
  flex-flow: column nowrap;
  flex: 1 20px;
  justify-content: center;
  transition: 0.5s flex-grow;
  width: auto;
}
body.prides.pride_view div.role ul.list li div a span {
  display: none;
}
body.prides.pride_view div.role ul.list li div a strong {
  height: 0;
  overflow: hidden;
  transform-origin: 0 0;
  transition: 0.5s height;
  width: 0;
}
body.prides.pride_view div.role ul.list li div a:hover {
  flex: 15 20px;
}
body.prides.pride_view div.role ul.list li div a:hover i {
  display: block;
  flex: 0 auto;
  padding: 10px;
}
body.prides.pride_view div.role ul.list li div a:hover strong {
  display: block;
  flex: 1 auto;
  font-weight: normal;
  width: 100%;
}
body.prides.pride_view div.role ul.list li div a:hover span {
  display: block;
  text-align: left;
  transform-origin: 0 130%;
  transform: rotate(90deg) translate(-25px, 0px);
  width: 200px;
}
body.prides.pride_view div.role ul.list li span {
  display: block;
  margin: 0.3em auto 0;
  text-align: center;
  flex: 1 auto;
}
body.prides.pride_view div.role ul.list li span.charavatar {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
}
body.prides.pride_view div.role ul.list li span.charavatar img {
  display: none;
  height: 100%;
  visibility: hidden;
  width: 100%;
}
body.prides.pride_view div.role ul.list li span strong {
  display: block;
  font: bold 1.5em "Present Script";
}
body.prides.pride_view div.role ul.list li span strong .fa {
  font-size: 0.8em;
}
body.prides.pride_view div.role ul.list li span strong.notactive {
  font-weight: normal;
}
body.prides.pride_view div.role ul.list li span em {
  display: block;
  margin: 7px 0 0;
}
body.prides.pride_view div.role ul.list li > a,
body.prides.pride_view div.role ul.list li > dt {
  background-color: rgba(149, 88, 48, 0.12);
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
  flex: 1 100%;
  height: 100%;
  padding: 10px;
  position: relative;
  vertical-align: bottom;
}
body.prides.pride_view div.role ul.list a:hover {
  background-color: rgba(149, 88, 48, 0.24);
}
body.prides.pride_view div.role ul.list.small li, body.prides.pride_view div.role ul.list li.small {
  height: 80px;
}
body.prides.pride_view div.role ul.list.small li > a, body.prides.pride_view div.role ul.list.small li > dt, body.prides.pride_view div.role ul.list li.small > a, body.prides.pride_view div.role ul.list li.small > dt {
  width: 100%;
  flex-flow: row nowrap;
  height: 50px;
  align-items: center;
}
body.prides.pride_view div.role ul.list.small li span.charavatar, body.prides.pride_view div.role ul.list li.small span.charavatar {
  float: left;
  height: 60px;
  width: 40px;
  flex: 0 auto;
}
body.prides.pride_view div.role ul.list.small li strong, body.prides.pride_view div.role ul.list li.small strong {
  padding-bottom: 0.2em;
}
body.prides.pride_view div.role ul.list.small li em, body.prides.pride_view div.role ul.list li.small em {
  margin-top: 0;
}
body.prides.pride_view div.role ul.list.small li {
  height: 50px;
  width: calc(16.6666666667% - 2px);
}
body.prides.pride_view div.role ul.list.small li a {
  padding: 5px;
}
body.prides.pride_view div.role ul.list.small li a span.charavatar {
  height: 40px;
  width: 30px;
}
@media (max-width: 1320px) {
  body.prides.pride_view div.role ul.list.small li {
    width: calc(20% - 2px);
  }
}
@media (max-width: 1100px) {
  body.prides.pride_view div.role ul.list.small li {
    width: calc(25% - 2px);
  }
}
@media (max-width: 880px) {
  body.prides.pride_view div.role ul.list.small li {
    width: calc(33.3333333333% - 2px);
  }
}
@media (max-width: 660px) {
  body.prides.pride_view div.role ul.list.small li {
    width: calc(50% - 2px);
  }
}
@media (max-width: 440px) {
  body.prides.pride_view div.role ul.list.small li {
    width: calc(100% - 2px);
  }
}
body.prides.pride_view div.role ul.biglist {
  align-content: stretch;
  align-items: normal;
  flex-flow: row wrap;
  font-size: 0;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.prides.pride_view div.role ul.biglist li {
  border: 1px solid transparent;
  display: inline-flex;
  flex-flow: column wrap;
  font-size: 12px;
  height: 260px;
  position: relative;
  vertical-align: top;
  width: calc(20% - 2px);
}
body.prides.pride_view div.role ul.biglist li:hover {
  border-color: #955830;
}
body.prides.pride_view div.role ul.biglist li div {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 100%;
  height: 100%;
  text-align: left;
  width: 10%;
}
body.prides.pride_view div.role ul.biglist li div a {
  align-items: center;
  background-color: rgba(149, 88, 48, 0.12);
  display: flex;
  flex-flow: column nowrap;
  flex: 1 20px;
  justify-content: center;
  transition: 0.5s flex-grow;
  width: auto;
}
body.prides.pride_view div.role ul.biglist li div a span {
  display: none;
}
body.prides.pride_view div.role ul.biglist li div a strong {
  height: 0;
  overflow: hidden;
  transform-origin: 0 0;
  transition: 0.5s height;
  width: 0;
}
body.prides.pride_view div.role ul.biglist li div a:hover {
  flex: 15 20px;
}
body.prides.pride_view div.role ul.biglist li div a:hover i {
  display: block;
  flex: 0 auto;
  padding: 10px;
}
body.prides.pride_view div.role ul.biglist li div a:hover strong {
  display: block;
  flex: 1 auto;
  font-weight: normal;
  width: 100%;
}
body.prides.pride_view div.role ul.biglist li div a:hover span {
  display: block;
  text-align: left;
  transform-origin: 0 130%;
  transform: rotate(90deg) translate(-25px, 0px);
  width: 200px;
}
body.prides.pride_view div.role ul.biglist li span {
  display: block;
  margin: 0.3em auto 0;
  text-align: center;
  flex: 1 auto;
}
body.prides.pride_view div.role ul.biglist li span.charavatar {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
}
body.prides.pride_view div.role ul.biglist li span.charavatar img {
  display: none;
  height: 100%;
  visibility: hidden;
  width: 100%;
}
body.prides.pride_view div.role ul.biglist li span strong {
  display: block;
  font: bold 1.5em "Present Script";
}
body.prides.pride_view div.role ul.biglist li span strong .fa {
  font-size: 0.8em;
}
body.prides.pride_view div.role ul.biglist li span strong.notactive {
  font-weight: normal;
}
body.prides.pride_view div.role ul.biglist li span em {
  display: block;
  margin: 7px 0 0;
}
body.prides.pride_view div.role ul.biglist li > a,
body.prides.pride_view div.role ul.biglist li > dt {
  background-color: rgba(149, 88, 48, 0.12);
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
  flex: 1 100%;
  height: 100%;
  padding: 10px;
  position: relative;
  vertical-align: bottom;
}
body.prides.pride_view div.role ul.biglist a:hover {
  background-color: rgba(149, 88, 48, 0.24);
}
body.prides.pride_view div.role ul.biglist.small li, body.prides.pride_view div.role ul.biglist li.small {
  height: 80px;
}
body.prides.pride_view div.role ul.biglist.small li > a, body.prides.pride_view div.role ul.biglist.small li > dt, body.prides.pride_view div.role ul.biglist li.small > a, body.prides.pride_view div.role ul.biglist li.small > dt {
  width: 100%;
  flex-flow: row nowrap;
  height: 50px;
  align-items: center;
}
body.prides.pride_view div.role ul.biglist.small li span.charavatar, body.prides.pride_view div.role ul.biglist li.small span.charavatar {
  float: left;
  height: 60px;
  width: 40px;
  flex: 0 auto;
}
body.prides.pride_view div.role ul.biglist.small li strong, body.prides.pride_view div.role ul.biglist li.small strong {
  padding-bottom: 0.2em;
}
body.prides.pride_view div.role ul.biglist.small li em, body.prides.pride_view div.role ul.biglist li.small em {
  margin-top: 0;
}
body.prides.pride_view div.role ul.biglist li {
  width: calc(16.6666666667% - 2px);
}
@media (max-width: 1320px) {
  body.prides.pride_view div.role ul.biglist li {
    width: calc(20% - 2px);
  }
}
@media (max-width: 1100px) {
  body.prides.pride_view div.role ul.biglist li {
    width: calc(25% - 2px);
  }
}
@media (max-width: 880px) {
  body.prides.pride_view div.role ul.biglist li {
    width: calc(33.3333333333% - 2px);
  }
}
@media (max-width: 660px) {
  body.prides.pride_view div.role ul.biglist li {
    width: calc(50% - 2px);
  }
}
@media (max-width: 440px) {
  body.prides.pride_view div.role ul.biglist li {
    width: calc(100% - 2px);
  }
}
body.prides.pride_view div.role ul.full {
  margin: 0;
  padding: 0;
}
body.prides.pride_view div.role ul.full li {
  width: calc(50% - 2px);
  height: 240px;
  padding: 5px;
  display: inline-grid;
  grid-template: "avatar ." 1fr "avatar name" auto "avatar desc" auto "avatar ." 1fr / 160px 1fr;
  background: rgba(149, 88, 48, 0.12);
  background-clip: padding-box;
  border: 1px solid transparent;
  box-sizing: border-box;
}
body.prides.pride_view div.role ul.full li dt {
  grid-area: avatar;
  padding: 0;
  margin: 0 5px 0 0;
}
body.prides.pride_view div.role ul.full li dt a {
  width: 100%;
  height: 100%;
  display: block;
}
body.prides.pride_view div.role ul.full li dt a span {
  width: 100%;
  height: 100%;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
body.prides.pride_view div.role ul.full li dd {
  grid-area: name;
  margin: 0;
}
body.prides.pride_view div.role ul.full li dd strong {
  font: bold 2em "Present Script", serif;
  padding-bottom: 0.3em;
  display: block;
}
body.prides.pride_view div.role ul.full li .bb-container {
  grid-area: desc;
  overflow-y: auto;
}
@media (max-width: 1100px) {
  body.prides.pride_view div.role ul.full li {
    width: calc(100% - 2px);
    grid-template: "avatar name" 0fr "avatar desc" auto / 160px 1fr;
    height: auto;
  }
}
body.prides.pride_view section#pride_scores table {
  border-spacing: 0;
  width: 99%;
  margin: auto;
}
body.prides.pride_view section#pride_scores table thead tr {
  background: #955830;
  color: #d3b489;
}
body.prides.pride_view section#pride_scores table thead td, body.prides.pride_view section#pride_scores table thead th {
  padding: 5px 0;
}
body.prides.pride_view section#pride_scores table thead .banner {
  display: none;
  width: 3px;
}
body.prides.pride_view section#pride_scores table thead .name {
  width: 170px;
}
body.prides.pride_view section#pride_scores table thead .score {
  width: 50px;
}
body.prides.pride_view section#pride_scores table thead .graphics {
  width: auto;
}
body.prides.pride_view section#pride_scores table tbody tr:nth-child(2n) {
  background: rgba(149, 88, 48, 0.12);
}
body.prides.pride_view section#pride_scores table tbody tr.category {
  background: rgba(149, 88, 48, 0.24);
}
body.prides.pride_view section#pride_scores table tbody tr.category th {
  background: rgba(149, 88, 48, 0.12);
}
body.prides.pride_view section#pride_scores table tbody tr.category h3 {
  margin: 3px 0;
}
body.prides.pride_view section#pride_scores table tbody tr.pride:hover {
  background: rgba(149, 88, 48, 0.24);
}
body.prides.pride_view section#pride_scores table tbody .banner {
  display: none;
}
body.prides.pride_view section#pride_scores table tbody .banner img {
  display: none;
  width: 2.9vw;
  height: 1.2vw;
  object-fit: contain;
}
body.prides.pride_view section#pride_scores table tbody .name {
  text-align: left;
  padding: 1px 5px;
  font: bold 0.9em/1.3 "Present Script";
}
body.prides.pride_view section#pride_scores table tbody .score {
  text-align: center;
}
body.prides.pride_view section#pride_scores table tbody .graphics {
  position: relative;
}
body.prides.pride_view section#pride_scores table tbody .graphics .bar {
  width: 100%;
  height: 5px;
  margin: 15px 0;
  background-color: rgba(149, 88, 48, 0.12);
}
body.prides.pride_view section#pride_scores table tbody .graphics .bar .inner-bar {
  margin: 0;
  height: 5px;
  background-color: #955830;
}
body.prides.pride_view section#pride_scores table tbody .graphics .milestones {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.prides.pride_view section#pride_scores table tbody .graphics .milestones .milestone {
  position: absolute;
  height: 100%;
}
body.prides.pride_view section#pride_scores table tbody .graphics .milestones .milestone .check {
  position: absolute;
  display: block;
  left: -0.553em;
  top: calc(50% - 0.7em);
  font-size: 1.1em;
  opacity: 0.8;
}
body.prides.pride_view section#pride_scores table tbody .graphics .milestones .milestone .check:hover {
  opacity: 1;
  left: -0.603em;
  font-size: 1.3em;
}
body.prides.pride_view section#pride_scores table tbody .graphics .milestones .milestone .check.true {
  color: #d3b489;
  text-shadow: -1px 1px 1px #523C2E, -1px -1px 1px #523C2E, 1px 1px 1px #523C2E, 1px -1px 1px #523C2E;
}
body.prides.pride_view section#pride_scores table tbody .graphics .milestones .milestone .check.false {
  text-shadow: -1px 1px 1px #d3b489, -1px -1px 1px #d3b489, 1px 1px 1px #d3b489, 1px -1px 1px #d3b489;
}
body.prides.pride_view section#pride_scores ul#pride_score_log {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
body.prides.pride_view section#pride_scores ul#pride_score_log li {
  height: 66px;
  flex: 1 0 250px;
  display: grid;
  grid-template-columns: 43.56px auto 60px;
  grid-template-rows: 1.5fr 1fr;
  grid-template-areas: "avatar name  score" "avatar time  score";
  justify-items: center;
  align-items: center;
  border: 1px solid transparent;
  background: rgba(149, 88, 48, 0.12);
  background-clip: padding-box;
  text-decoration: none;
}
body.prides.pride_view section#pride_scores ul#pride_score_log li:hover {
  background: rgba(149, 88, 48, 0.24);
}
body.prides.pride_view section#pride_scores ul#pride_score_log li .char-avatar {
  grid-area: avatar;
  justify-self: stretch;
  align-self: stretch;
}
body.prides.pride_view section#pride_scores ul#pride_score_log li .char-avatar a.charlink,
body.prides.pride_view section#pride_scores ul#pride_score_log li .char-avatar .charlink-avatar,
body.prides.pride_view section#pride_scores ul#pride_score_log li .char-avatar img {
  display: block;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
body.prides.pride_view section#pride_scores ul#pride_score_log li .char-name {
  grid-area: name;
  font-size: 1.2em;
}
body.prides.pride_view section#pride_scores ul#pride_score_log li .time {
  grid-area: time;
}
body.prides.pride_view section#pride_scores ul#pride_score_log li .pride {
  grid-area: pride;
  line-height: 0.9;
}
body.prides.pride_view section#pride_scores ul#pride_score_log li .score {
  grid-area: score;
  flex: 1 100%;
  font: bold 1.5em "Present Script";
}
body.prides.pride_view section#pride_scores ul#pride_score_log li.showmore {
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  grid-template-areas: "link";
  align-items: stretch;
  justify-items: stretch;
}
body.prides.pride_view section#pride_scores ul#pride_score_log li.showmore a {
  grid-area: link;
  display: flex;
  align-items: center;
  justify-content: center;
  font: bold 1.5em "Present Script";
}
@media (max-width: 768px) {
  body.prides.pride_view section#pride_scores ul#pride_score_log li {
    width: auto;
    flex: 1 0 190px;
  }
}
body.prides.pride_edit section#roles {
  display: flex;
  flex-flow: row wrap;
}
body.prides.pride_edit section#roles h2, body.prides.pride_edit section#roles .button {
  flex: 100%;
}
body.prides.pride_edit section#roles .tabs {
  flex: 0 200px;
  margin: 20px 0;
  padding: 0;
}
body.prides.pride_edit section#roles .tabs li {
  border-right: 0 none transparent !important;
  display: block;
  margin: 2px 0 2px 15px;
  padding: 3px 5px;
  text-align: left;
  width: 220px;
  cursor: pointer;
  border-style: solid;
  border-width: 5px;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_tab.png?ver=2") 12 fill round;
  color: #d3b489;
}
body.prides.pride_edit section#roles .tabs li a, body.prides.pride_edit section#roles .tabs li a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
body.prides.pride_edit section#roles .tabs li a:hover {
  color: #bb8f53;
}
body.prides.pride_edit section#roles .tabs li input[disabled] {
  color: #d3b489;
}
body.prides.pride_edit section#roles .tabs li .handler {
  display: inline-block;
  width: 21px;
  height: 26px;
  padding: 3px 4px;
  vertical-align: middle;
  box-sizing: border-box;
}
body.prides.pride_edit section#roles .tabs li.active {
  margin-left: 5px;
  width: 230px;
}
body.prides.pride_edit section#roles .tabs li.ui-state-hover {
  margin-left: 10px;
  width: 225px;
}
body.prides.pride_edit section#roles .content {
  flex: 1 200px;
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
  margin-left: -1px;
}
body.prides.pride_edit section#roles .content.collapsable .collapsable-title {
  cursor: pointer;
}
body.prides.pride_edit section#roles .content.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.prides.pride_edit section#roles .content.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.prides.pride_edit section#roles .content.collapsable .collapsable-content {
  display: block;
}
body.prides.pride_edit section#roles .content.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.prides.pride_edit section#roles .content.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.prides.pride_edit section#roles .content.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.prides.pride_edit section#roles .content.collapsable.collapsed .collapsable-content {
  display: none;
}
body.prides.pride_edit section#roles .content .chars {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.prides.pride_edit section#roles .content .chars li.char {
  background-color: rgba(149, 88, 48, 0.12);
  border: 1px solid rgba(149, 88, 48, 0.24);
  display: inline-block;
  margin: 2px;
  padding: 0;
  vertical-align: middle;
}
body.prides.pride_edit section#roles .content .chars li.char:hover {
  background-color: rgba(149, 88, 48, 0.24);
}
body.prides.pride_edit section#roles .content .chars li.char .handler {
  float: left;
  display: block;
  width: 30px;
  height: 60px;
  cursor: grab;
  vertical-align: top;
  padding: 20px 5px;
  box-sizing: border-box;
  font-size: 15px;
}
body.prides.pride_edit section#roles .content .chars li.char .avatar {
  float: left;
  display: block;
}
body.prides.pride_edit section#roles .content .chars li.char .avatar img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  vertical-align: top;
}
body.prides.pride_edit section#roles .content .chars li.char .charlink {
  display: block;
  position: relative;
  margin-left: 92px;
}
body.prides.pride_edit section#roles .content .chars li.char .charlink .charlink-avatar {
  display: none;
}
body.prides.pride_edit section#roles .content .chars li.char .charlink .charlink-name {
  width: 160px;
  font-size: 1.8em;
  margin: 6px 0 4px;
}
body.prides.pride_edit section#roles .content .chars li.char input {
  display: block;
  width: 160px;
  margin-left: 92px;
}
body.prides.pride_edit section#roles .content .chars li.char textarea {
  display: block;
  width: 100%;
  height: 3.25em;
}
body.prides.pride_edit section#roles .content .chars li.char.notactive {
  display: none;
}
body.prides.pride_edit section#roles .content .showalltoggler {
  margin: 0 0 10px;
  font-size: 1.2em;
  cursor: pointer;
}
body.prides.pride_edit section#roles .content .showalltoggler .off {
  display: block;
}
body.prides.pride_edit section#roles .content .showalltoggler .on {
  display: none;
}
body.prides.pride_edit section#roles .content .shownotactive li.char.notactive {
  display: inline-block;
}
body.prides.pride_edit section#roles .content .shownotactive .showalltoggler .off {
  display: none;
}
body.prides.pride_edit section#roles .content .shownotactive .showalltoggler .on {
  display: block;
}
body.map {
  /* Цвет на деревяшках */
  /* Цвет отблеска на деревяшках (потому что Крис, вот почему) */
  /* Цвет ссылки по наведению */
  /* Цвет на кнопке */
  /* Цвет отблеска на кнопке */
  /* Цвет тени от блока и оверлея всплывающего окна */
  /* Цвет тени ссылок на деревяшках (он же цвет ссылок на деревяшках, потому что Крис, вот почему) */
}
body.map.map_update span.progress-bar {
  display: block;
  width: 90%;
  height: 0.5em;
  margin: 0.5em auto;
  background-color: #491D00;
  border: 2px solid #491D00;
}
body.map.map_update span.progress-bar .progress-item {
  display: block;
  float: left;
  height: 0.5em;
  background-color: #d3b489;
}
body.map.map_update .update .frame {
  display: none;
}
body.map.map_update .update #process .log {
  border-spacing: 0;
  margin-top: 20px;
  width: 100%;
}
body.map.map_update .update #process .log td {
  padding: 5px;
}
body.map.map_update .update #process .log tr:nth-child(2n+1) td {
  background-color: rgba(149, 88, 48, 0.12);
}
body.map.map_update .update #process .log thead tr td {
  background-color: #491D00 !important;
  color: #d3b489;
  font-weight: bold;
}
body.map.map_update .update #process .log .prefix {
  text-align: left;
  width: 350px;
}
body.map.map_update .update #process .log .data {
  text-align: left;
  width: 850px;
}
body.map.map_update .update #process .log .dump .data {
  font: normal 11px "Consolas";
  white-space: pre-wrap;
}
body.map.map_update .update #process .log .image img {
  max-height: 300px;
}

body.apps.stats {
  /* Цвет на деревяшках */
  /* Цвет отблеска на деревяшках (потому что Крис, вот почему) */
  /* Цвет ссылки по наведению */
  /* Цвет на кнопке */
  /* Цвет отблеска на кнопке */
  /* Цвет тени от блока и оверлея всплывающего окна */
  /* Цвет тени ссылок на деревяшках (он же цвет ссылок на деревяшках, потому что Крис, вот почему) */
}
body.apps.stats.stats_posts table #topic {
  width: 150px;
  text-align: left;
}
body.apps.generations {
  /* Цвет на деревяшках */
  /* Цвет отблеска на деревяшках (потому что Крис, вот почему) */
  /* Цвет ссылки по наведению */
  /* Цвет на кнопке */
  /* Цвет отблеска на кнопке */
  /* Цвет тени от блока и оверлея всплывающего окна */
  /* Цвет тени ссылок на деревяшках (он же цвет ссылок на деревяшках, потому что Крис, вот почему) */
}
body.apps.generations .view {
  display: grid;
  grid-template-rows: 182px 262px auto;
  grid-template-columns: 2fr 1fr;
  grid-gap: 2px;
  grid-template-areas: "parents partners" "focus partner" "children children";
}
body.apps.generations .view ul {
  align-content: stretch;
  align-items: normal;
  flex-flow: row wrap;
  font-size: 0;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.apps.generations .view ul li {
  border: 1px solid transparent;
  display: inline-flex;
  flex-flow: column wrap;
  font-size: 12px;
  height: 260px;
  position: relative;
  vertical-align: top;
  width: calc(20% - 2px);
}
body.apps.generations .view ul li:hover {
  border-color: #955830;
}
body.apps.generations .view ul li div {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 100%;
  height: 100%;
  text-align: left;
  width: 10%;
}
body.apps.generations .view ul li div a {
  align-items: center;
  background-color: rgba(149, 88, 48, 0.12);
  display: flex;
  flex-flow: column nowrap;
  flex: 1 20px;
  justify-content: center;
  transition: 0.5s flex-grow;
  width: auto;
}
body.apps.generations .view ul li div a span {
  display: none;
}
body.apps.generations .view ul li div a strong {
  height: 0;
  overflow: hidden;
  transform-origin: 0 0;
  transition: 0.5s height;
  width: 0;
}
body.apps.generations .view ul li div a:hover {
  flex: 15 20px;
}
body.apps.generations .view ul li div a:hover i {
  display: block;
  flex: 0 auto;
  padding: 10px;
}
body.apps.generations .view ul li div a:hover strong {
  display: block;
  flex: 1 auto;
  font-weight: normal;
  width: 100%;
}
body.apps.generations .view ul li div a:hover span {
  display: block;
  text-align: left;
  transform-origin: 0 130%;
  transform: rotate(90deg) translate(-25px, 0px);
  width: 200px;
}
body.apps.generations .view ul li span {
  display: block;
  margin: 0.3em auto 0;
  text-align: center;
  flex: 1 auto;
}
body.apps.generations .view ul li span.charavatar {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
}
body.apps.generations .view ul li span.charavatar img {
  display: none;
  height: 100%;
  visibility: hidden;
  width: 100%;
}
body.apps.generations .view ul li span strong {
  display: block;
  font: bold 1.5em "Present Script";
}
body.apps.generations .view ul li span strong .fa {
  font-size: 0.8em;
}
body.apps.generations .view ul li span strong.notactive {
  font-weight: normal;
}
body.apps.generations .view ul li span em {
  display: block;
  margin: 7px 0 0;
}
body.apps.generations .view ul li > a,
body.apps.generations .view ul li > dt {
  background-color: rgba(149, 88, 48, 0.12);
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
  flex: 1 100%;
  height: 100%;
  padding: 10px;
  position: relative;
  vertical-align: bottom;
}
body.apps.generations .view ul a:hover {
  background-color: rgba(149, 88, 48, 0.24);
}
body.apps.generations .view ul.small li, body.apps.generations .view ul li.small {
  height: 80px;
}
body.apps.generations .view ul.small li > a, body.apps.generations .view ul.small li > dt, body.apps.generations .view ul li.small > a, body.apps.generations .view ul li.small > dt {
  width: 100%;
  flex-flow: row nowrap;
  height: 50px;
  align-items: center;
}
body.apps.generations .view ul.small li span.charavatar, body.apps.generations .view ul li.small span.charavatar {
  float: left;
  height: 60px;
  width: 40px;
  flex: 0 auto;
}
body.apps.generations .view ul.small li strong, body.apps.generations .view ul li.small strong {
  padding-bottom: 0.2em;
}
body.apps.generations .view ul.small li em, body.apps.generations .view ul li.small em {
  margin-top: 0;
}
body.apps.generations .view ul li.state-1 .charavatar {
  outline: 2px solid black;
}
body.apps.generations .view ul li.state-2 .charavatar {
  outline: 2px solid white;
}
body.apps.generations .view ul kbd:before {
  content: "#";
}
body.apps.generations .view ul h2 {
  width: 100%;
  font: bold 20px "Open Sans";
  height: 30px;
  margin: 0;
}
body.apps.generations .view ul h2:hover {
  border: 0 none;
}
body.apps.generations .view ul a {
  cursor: pointer;
}
body.apps.generations .view ul#parents {
  grid-area: parents;
}
body.apps.generations .view ul#parents li {
  height: 150px;
  width: calc(50% - 2px);
}
body.apps.generations .view ul#parents li.unknown {
  visibility: hidden;
}
body.apps.generations .view ul#focus {
  grid-area: focus;
}
body.apps.generations .view ul#focus li {
  width: calc(100% - 2px);
}
body.apps.generations .view ul#focus dt {
  background: none;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  padding: 10px 0 10px 360px;
  position: relative;
  align-items: center;
  align-content: center;
}
body.apps.generations .view ul#focus dt .charavatar {
  position: absolute;
  top: 0;
  left: 0;
  height: 260px;
  width: 360px;
}
body.apps.generations .view ul#focus dt .charname {
  margin-bottom: 10px;
}
body.apps.generations .view ul#focus dt kbd {
  flex: 1 100%;
  display: block;
}
body.apps.generations .view ul#focus dt .description {
  display: block;
  height: auto;
  width: 50%;
  text-align: center;
  font-size: 0.9em;
  max-height: 180px;
  overflow-y: auto;
}
body.apps.generations .view ul#focus dt .actions {
  display: block;
  height: auto;
  width: 50%;
  text-align: center;
}
body.apps.generations .view ul#focus dt .actions span {
  display: inline-block;
  height: auto;
}
body.apps.generations .view ul#focus dt .actions span a {
  padding: 3px 5px;
}
body.apps.generations .view ul#partners {
  grid-area: partners;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  align-content: flex-start;
  overflow-y: auto;
}
body.apps.generations .view ul#partners li {
  height: 74px;
  width: calc(33.3% - 2px);
}
body.apps.generations .view ul#partners li a {
  padding: 0;
  height: 58px;
}
body.apps.generations .view ul#partners li .charavatar {
  width: 100%;
  height: 60px;
}
body.apps.generations .view ul#partners li .charname {
  display: none;
}
body.apps.generations .view ul#partners li.noavatar .charavatar {
  display: none;
}
body.apps.generations .view ul#partners li.noavatar .charname {
  display: block;
}
body.apps.generations .view ul#partner li {
  width: calc(100% - 2px);
}
body.apps.generations .view ul#children {
  grid-area: children;
}
body.apps.generations .view ul li.notclickable:hover {
  border-color: transparent;
}
body.apps.generations .view ul li.notclickable > a, body.apps.generations .view ul li.notclickable > a:hover {
  background: none;
  cursor: default;
}
body.apps.generations form.add {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
  width: auto;
}
body.apps.generations form.add.collapsable .collapsable-title {
  cursor: pointer;
}
body.apps.generations form.add.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.apps.generations form.add.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.apps.generations form.add.collapsable .collapsable-content {
  display: block;
}
body.apps.generations form.add.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.apps.generations form.add.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.apps.generations form.add.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.apps.generations form.add.collapsable.collapsed .collapsable-content {
  display: none;
}

body.apps.ny_lottery {
  /* Цвет на деревяшках */
  /* Цвет отблеска на деревяшках (потому что Крис, вот почему) */
  /* Цвет ссылки по наведению */
  /* Цвет на кнопке */
  /* Цвет отблеска на кнопке */
  /* Цвет тени от блока и оверлея всплывающего окна */
  /* Цвет тени ссылок на деревяшках (он же цвет ссылок на деревяшках, потому что Крис, вот почему) */
}
body.apps.ny_lottery {
  background: url(/static/files/design/winter/bg.jpg) repeat center fixed #c4c9db;
}
body.apps.ny_lottery article {
  background: url(/static/files/design/winter/block_bg.png) repeat center;
  border-image: url(/static/files/design/winter/block_border_small.jpg) 25 round;
}
body.apps.ny_lottery header {
  background: url(/static/files/design/winter/body_header_bg.png) repeat-x;
  height: 98px;
  box-shadow: none;
}
body.apps.ny_lottery header nav > li > ul {
  border-image: url(/static/files/design/winter/block_tab.png) 12 fill round;
}
body.apps.ny_lottery .breadcrumbs {
  border-image: url(/static/files/design/winter/wooden_block_wide.png) 10 fill repeat;
}
body.apps.ny_lottery aside, body.apps.ny_lottery .tooltip-suite-container {
  border-image: url(/static/files/design/winter/block_tab.png) 12 fill round;
}
body.apps.ny_lottery main > h1 {
  font-size: 3rem;
}
body.apps.ny_lottery main > h1:before {
  width: calc(100% + 24px);
  height: 30px;
  top: -12px;
  left: -12px;
  background: url(/static/files/design/winter/title_decor_t.png) top left repeat-x;
}
body.apps.ny_lottery main > h1:after {
  background: none;
}
body.apps.ny_lottery aside li ul.purchaces {
  margin: 0;
}
body.apps.ny_lottery aside li ul.purchaces li {
  text-align: center;
}
body.apps.ny_lottery aside li ul.purchaces li button, body.apps.ny_lottery aside li ul.purchaces li body.fight.fight_modifier .myselect, body.fight.fight_modifier body.apps.ny_lottery aside li ul.purchaces li .myselect, body.apps.ny_lottery aside li ul.purchaces li body.fight.fight_modifier .marks, body.fight.fight_modifier body.apps.ny_lottery aside li ul.purchaces li .marks {
  width: 100%;
}
body.apps.ny_lottery aside li ul.purchaces li input {
  width: 100%;
}
body.apps.ny_lottery aside li ul.purchaces li input[type=submit] {
  width: 150%;
  transform: scale(0.667);
  transform-origin: 0 0;
  margin-bottom: -57px;
}
body.apps.ny_lottery aside li ul.purchaces li#time {
  font-size: 1.5em;
  font-weight: 300;
}
body.apps.ny_lottery aside li ul.purchaces li#time span {
  display: block;
  font-weight: bold;
}
body.apps.ny_lottery aside li ul.purchaces li.tickets {
  margin: 0.5em 0;
  display: flex;
}
body.apps.ny_lottery aside li ul.purchaces li.tickets strong {
  flex: 1 0;
  text-align: left;
}
body.apps.ny_lottery aside li ul.purchaces li.tickets span {
  flex: 4 0;
  text-align: right;
}
body.apps.ny_lottery aside em.checkbox {
  border-bottom: 1px dotted #d3b489;
  cursor: pointer;
}
body.apps.ny_lottery aside em.checkbox .active {
  display: none;
}
body.apps.ny_lottery aside em.checkbox .notactive {
  display: inline-block;
}
body.apps.ny_lottery aside em.checkbox.selected .active {
  display: inline-block;
}
body.apps.ny_lottery aside em.checkbox.selected .notactive {
  display: none;
}
body.apps.ny_lottery .list {
  margin: 2px;
  column-gap: 2px;
}
body.apps.ny_lottery .list.count-300 {
  columns: 3;
  -moz-columns: 3;
}
body.apps.ny_lottery .list.count-400 {
  columns: 4;
  -moz-columns: 4;
}
body.apps.ny_lottery .list.count-500 {
  columns: 5;
  -moz-columns: 5;
}
body.apps.ny_lottery .list.count-600 {
  columns: 6;
  -moz-columns: 6;
}
body.apps.ny_lottery .list .ticket {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  min-height: 2em;
  padding: 0.3em;
  margin: 0 0 2px;
  text-align: left;
}
body.apps.ny_lottery .list .ticket:nth-child(5n) {
  margin-bottom: 5px;
}
body.apps.ny_lottery .list .ticket:nth-child(10n) {
  margin-bottom: 12px;
}
body.apps.ny_lottery .list .ticket strong {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
}
body.apps.ny_lottery .list .ticket .userlink {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  height: 2em;
  flex: 1 0;
  white-space: nowrap;
}
body.apps.ny_lottery .list .ticket .userlink .userlink-avatar {
  display: inline-block;
  height: 2em;
  width: 2em;
  text-align: center;
  margin-right: 0.5em;
}
body.apps.ny_lottery .list .ticket .userlink .userlink-avatar img {
  vertical-align: middle;
  max-height: 2em;
  max-width: 2em;
}
body.apps.ny_lottery .list .ticket.free {
  background: rgba(149, 88, 48, 0.06);
  cursor: pointer;
  text-align: center;
}
body.apps.ny_lottery .list .ticket.free strong {
  width: auto;
}
body.apps.ny_lottery .list .ticket.free .userlink {
  display: none;
}
body.apps.ny_lottery .list .ticket.free:hover {
  background: rgba(149, 88, 48, 0.12);
}
body.apps.ny_lottery .list .ticket.selected {
  background: rgba(149, 88, 48, 0.24);
  cursor: pointer;
}
body.apps.ny_lottery .list .ticket.selected:hover {
  background: rgba(149, 88, 48, 0.3);
}
body.apps.ny_lottery .list .self {
  background: rgba(96, 96, 255, 0.3);
}
body.apps.ny_lottery .list.compact {
  column-gap: 20px;
}
body.apps.ny_lottery .list.compact .ticket {
  display: inline-flex;
  flex-flow: column nowrap;
  width: calc(20% - 10px);
  padding: 0 3px;
  text-align: center;
  overflow: hidden;
  height: 60px;
  vertical-align: top;
}
body.apps.ny_lottery .list.compact .ticket strong {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  text-align: center;
  margin: 3px auto;
}
body.apps.ny_lottery .list.compact .ticket .userlink {
  display: block;
  flex: 1 1 auto;
  width: 100%;
}
body.apps.ny_lottery .list.compact .ticket .userlink .userlink-avatar {
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
body.apps.ny_lottery .list.compact .ticket .userlink .userlink-avatar img {
  margin: 0 auto;
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
}
body.apps.ny_lottery .list.compact .ticket .userlink .userlink-name {
  display: none;
}
body.apps.ny_lottery .list.compact .ticket.free .userlink {
  display: none;
}
body.apps.ny_lottery .list.small .ticket {
  display: inline-block;
  padding: 0.3em 0.5em;
  margin: 0.3em;
  text-align: center;
  min-height: auto;
  background: rgba(149, 88, 48, 0.12);
}
body.apps.ny_lottery .list.freeonly {
  columns: 1;
  -moz-columns: 1;
}
body.apps.ny_lottery .list.freeonly .ticket {
  display: none;
  margin-bottom: 0.3em;
}
body.apps.ny_lottery .list.freeonly .ticket.free {
  display: inline-block;
  width: 15%;
}
body.apps.ny_lottery aside .list .ticket {
  background: #955830;
}
body.apps.ny_lottery#list .list {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}
body.apps.ny_lottery#list .list .block {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
  background: url(/static/files/design/winter/block_bg.png) repeat center;
  border-image: url(/static/files/design/winter/block_border_small.jpg) 25 round;
  margin: 0;
  width: calc(33.333% - 1rem);
  box-sizing: border-box;
}
body.apps.ny_lottery#list .list .block.collapsable .collapsable-title {
  cursor: pointer;
}
body.apps.ny_lottery#list .list .block.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.apps.ny_lottery#list .list .block.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.apps.ny_lottery#list .list .block.collapsable .collapsable-content {
  display: block;
}
body.apps.ny_lottery#list .list .block.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.apps.ny_lottery#list .list .block.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.apps.ny_lottery#list .list .block.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.apps.ny_lottery#list .list .block.collapsable.collapsed .collapsable-content {
  display: none;
}
body.apps.ny_lottery#list .list .block > * {
  display: block;
}
body.apps.ny_lottery#list .list .block h3 {
  font: bold 2.5rem "Present Script";
  margin: -0.2rem 0 1rem;
}
body.apps.ny_lottery#list .list .block a {
  font-size: 1.4rem;
}
body.apps.ny_lottery#index.wide main {
  max-width: 1500px;
}
body.apps.ny_lottery#index.wide main article {
  max-width: none;
}
body.apps.ny_lottery#promo .promo {
  margin: 60px;
  font-size: 2em;
}
body.apps.ny_lottery#promo .promo span {
  display: block;
  margin: 30px;
  font-size: 1.5em;
}
body.apps.ny_lottery#users table {
  width: 100%;
  margin: auto;
  border-spacing: 0;
}
body.apps.ny_lottery#users table td {
  border-bottom: 1px solid #955830;
}
body.apps.ny_lottery#users table td.user {
  min-width: 150px;
  text-align: left;
}
body.apps.ny_lottery#users table td.user img {
  width: 30px;
}
body.apps.ny_lottery#users table td.user .userlink-name {
  font-size: 1.2em;
}
body.apps.ny_lottery#users table td.count {
  max-width: 75px;
}
body.apps.ny_lottery#users table td.tickets {
  height: 50px;
  text-align: left;
  padding-left: 30px;
  max-width: 500px;
}
body.apps.ny_lottery#users table tr:first-of-type td {
  border-top: 1px solid #955830;
}
body.apps.ny_lottery#log table {
  width: 100%;
  margin: auto;
  border-spacing: 0;
}
body.apps.ny_lottery#log table td {
  vertical-align: middle;
  border-bottom: 1px solid #955830;
}
body.apps.ny_lottery#log table td.time {
  font-weight: bold;
  min-width: 130px;
}
body.apps.ny_lottery#log table td.user {
  min-width: 170px;
  text-align: left;
}
body.apps.ny_lottery#log table td.user img {
  width: 30px;
}
body.apps.ny_lottery#log table td.user .userlink-name {
  font-size: 1.2em;
}
body.apps.ny_lottery#log table td.tickets {
  text-align: left;
}
body.apps.ny_lottery#log table tr:first-of-type td {
  border-top: 1px solid #955830;
}
body.apps.ny_lottery#distribution article ul {
  width: 600px;
  margin: auto;
  list-style: none;
}
body.apps.ny_lottery#distribution article ul .category {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
body.apps.ny_lottery#distribution article ul .category .drag-handle {
  padding: 5px 10px;
  cursor: move;
  text-align: left;
}
body.apps.ny_lottery#distribution article ul .category .title {
  flex: 1 35%;
  width: 200px;
  padding: 10px;
  text-align: left;
}
body.apps.ny_lottery#distribution article ul .category .title input {
  width: 100%;
  padding: 0.3em 0.5em;
  text-align: left;
}
body.apps.ny_lottery#distribution .prize {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  background: rgba(149, 88, 48, 0.06);
}
body.apps.ny_lottery#distribution .prize:hover {
  background: rgba(149, 88, 48, 0.12);
}
body.apps.ny_lottery#distribution .prize .drag-handle {
  padding: 5px 10px;
  cursor: move;
  text-align: left;
}
body.apps.ny_lottery#distribution .prize .title {
  flex: 1 35%;
  width: 200px;
  padding: 10px;
  text-align: left;
}
body.apps.ny_lottery#distribution .prize .count {
  flex: 1 30%;
  padding: 5px 10px;
  text-align: left;
}
body.apps.ny_lottery#distribution .prize .count input {
  width: 100%;
  padding: 0.3em 0.5em;
  text-align: left;
}
body.apps.ny_lottery#distribution .prize .toggler {
  flex: 1 10%;
  padding: 5px 10px;
  cursor: pointer;
  text-align: right;
}
body.apps.ny_lottery#distribution .prize .description {
  display: none;
  flex: 1 100%;
  padding: 0 10px 10px;
  text-align: center;
}
body.apps.ny_lottery#distribution .prize .description p {
  margin: 5px 0;
}
body.apps.ny_lottery#distribution .prize.active {
  background: rgba(149, 88, 48, 0.24);
}
body.apps.ny_lottery#distribution .prize.active .description {
  display: block;
}
body.apps.ny_lottery#distribution .prize.important .title {
  font-weight: bold;
}
body.apps.ny_lottery#results div.results#tickets .list {
  columns: 4;
  -moz-columns: 4;
}
body.apps.ny_lottery#results div.results#tickets .list .ticket {
  flex-flow: row wrap;
  background: rgba(149, 88, 48, 0.12);
  height: 45px;
  overflow: hidden;
}
body.apps.ny_lottery#results div.results#tickets .list .ticket:hover {
  background: rgba(149, 88, 48, 0.12);
}
body.apps.ny_lottery#results div.results#tickets .list .ticket em {
  flex: 1 100%;
  display: block;
  text-align: right;
  margin: 0.3em 0 0;
  font-style: normal;
}
body.apps.ny_lottery#results div.results#tickets .list .ticket.self {
  background: rgba(96, 96, 255, 0.3);
}
body.apps.ny_lottery#results div.results#tickets .list .ticket.self:hover {
  background: rgba(96, 96, 255, 0.3);
}
body.apps.ny_lottery#results div.results#tickets .list .ticket.empty {
  text-align: center;
  background: transparent;
}
body.apps.ny_lottery#results div.results#tickets .list .ticket.empty strong {
  padding: 1.2em 0;
}
body.apps.ny_lottery#results div.results#users .userlist {
  margin: 0 auto;
}
body.apps.ny_lottery#results div.results#users .userlist .user {
  display: inline-block;
  width: calc(50% - 14px);
  padding: 0.5em;
  margin-bottom: 1.5em;
  vertical-align: top;
  background: rgba(149, 88, 48, 0.12);
}
body.apps.ny_lottery#results div.results#users .userlist .user.highlight {
  background: rgba(96, 96, 255, 0.3);
}
body.apps.ny_lottery#results div.results#users .userlist .user .prizes {
  list-style: none;
  padding: 0;
  margin: 0;
}
body.apps.ny_lottery#results div.results#users .userlist .user .prizes .prize {
  display: inline-flex;
  flex-flow: row nowrap;
  width: 100%;
  padding: 0.3em 0.5em;
  margin: 0.3em 0;
  text-align: center;
  min-height: auto;
  background: rgba(149, 88, 48, 0.12);
  box-sizing: border-box;
}
body.apps.ny_lottery#results div.results#users .userlist .user .prizes .prize .title {
  flex: 1 auto;
  text-align: left;
}
body.apps.ny_lottery#results div.results#users .userlist .user .prizes .prize .title em {
  display: inline-block;
  font-style: normal;
  font-weight: bold;
}
body.apps.ny_lottery#results div.results#users .userlist .user .prizes .prize .title .multiplier {
  text-align: left;
}
body.apps.ny_lottery#results div.results#users .userlist .user .prizes .prize .title .multiplier.hidden {
  display: none;
}
body.apps.ny_lottery#results div.results#users .userlist .user .prizes .prize .tickets {
  flex: 1 auto;
  text-align: right;
}
body.apps.ny_lottery#results div.results#users .userlist h2 {
  margin: 0 0 0.2em;
}
body.apps.ny_lottery#results div.results#users h2 a {
  vertical-align: middle;
  margin: 0;
  text-decoration: none;
}
body.apps.ny_lottery#results div.results#users h2 span.avatar {
  display: inline-block;
  height: 2em;
  width: 2em;
  text-align: center;
  margin-right: 0.5em;
}
body.apps.ny_lottery#results div.results#users h2 span.avatar img {
  vertical-align: middle;
  max-height: 2em;
  max-width: 2em;
}
body.apps.ny_lottery#results div.results#users .highlight .prizes .prize {
  background: #545418;
}
body.apps.ny_lottery#results div.results#users #toc > ul > li {
  display: inline-block;
  width: 49%;
}
body.apps.ny_lottery#results div.results#users #toc > ul > li a span.isname {
  display: inline-block;
  vertical-align: middle;
}
body.apps.ny_lottery#results div.results#users #toc > ul > li a span.avatar {
  display: inline-block;
  height: 2em;
  width: 2em;
  text-align: center;
  margin-right: 0.2em;
}
body.apps.ny_lottery#results div.results#users #toc > ul > li a span.avatar img {
  vertical-align: middle;
  max-height: 2em;
  max-width: 2em;
}
body.apps.ny_lottery#results div.results#prizes .prizelist h2 {
  font: bold 2.5em "Present Script";
  margin: 0 0 0.3em;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
body.apps.ny_lottery#results div.results#prizes .prize {
  margin: 0 0 2em;
}
body.apps.ny_lottery#results div.results#prizes h3 {
  font-size: 1.5em;
  margin: 0 0 0.3em;
}
body.apps.ny_lottery#results div.results#prizes p.description {
  font-size: 0.9em;
  width: 500px;
  margin: auto;
}
body.apps.ny_lottery#results div.results#prizes .list .ticket {
  display: inline-block;
  width: 250px;
}
body.apps.ny_lottery#results div.results#prizes .winner {
  display: inline-block;
  vertical-align: middle;
  height: 2em;
  font-size: 1em;
  background: rgba(149, 88, 48, 0.12);
  margin: 0.3em;
  padding: 0.3em;
  text-decoration: none;
}
body.apps.ny_lottery#results div.results#prizes .winner a {
  vertical-align: middle;
}
body.apps.ny_lottery#results div.results#prizes .winner .userlink-isname {
  display: inline-block;
  width: 8em;
  vertical-align: middle;
}
body.apps.ny_lottery#results div.results#prizes .winner .userlink-avatar {
  display: inline-block;
  height: 2em;
  width: 2em;
  text-align: center;
  margin-right: 0.5em;
}
body.apps.ny_lottery#results div.results#prizes .winner .userlink-avatar img {
  vertical-align: middle;
  max-height: 2em;
  max-width: 2em;
}
body.apps.ny_lottery#results div.results#prizes .winner abbr, body.apps.ny_lottery#results div.results#prizes .winner em {
  display: inline-block;
  vertical-align: middle;
  width: 2em;
}
body.apps.ny_lottery#results div.results#prizes .winner abbr.hidden, body.apps.ny_lottery#results div.results#prizes .winner em.hidden {
  display: none;
}
body.apps.ny_lottery#results div.results#prizes .winner.highlight {
  background: rgba(96, 96, 255, 0.3);
}
body.apps.ny_lottery#results.wide main {
  max-width: 1500px;
}
body.apps.ny_lottery#results.wide main article {
  max-width: none;
}
body.apps.ny_lottery#results.wide main div.results .list {
  columns: 6;
  -moz-columns: 6;
}
body.apps.ny_lottery#roll {
  margin: 50px 220px;
}
body.apps.ny_lottery#roll main h1 {
  display: none;
}
body.apps.ny_lottery#roll article {
  margin-top: 230px;
}
body.apps.ny_lottery#roll .previewer {
  border-style: solid;
  border-width: 5px;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_tab.png?ver=2") 12 fill round;
  color: #d3b489;
  border-image: url(/static/files/design/winter/block_tab.png) 12 fill round;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  flex-flow: row wrap;
  width: 200px;
  height: 100%;
  padding: 5px;
  border-style: none solid none none;
}
body.apps.ny_lottery#roll .previewer a, body.apps.ny_lottery#roll .previewer a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
body.apps.ny_lottery#roll .previewer a:hover {
  color: #bb8f53;
}
body.apps.ny_lottery#roll .previewer .ticket_preview {
  width: 20px;
  height: 20px;
  border: 1px solid transparent;
  box-sizing: border-box;
  opacity: 0.5;
}
body.apps.ny_lottery#roll .previewer .ticket_preview img {
  width: 18px;
  height: 18px;
  visibility: hidden;
}
body.apps.ny_lottery#roll .previewer .ticket_preview:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f2dc";
  color: #9a8ac4;
}
body.apps.ny_lottery#roll .previewer .ticket_preview:nth-child(100n) {
  margin-bottom: 20px;
}
body.apps.ny_lottery#roll .previewer .ticket_preview.rolled {
  background-color: #9a8ac4;
  visibility: visible;
  opacity: 0.5;
}
body.apps.ny_lottery#roll .previewer .ticket_preview.rolled img {
  visibility: visible;
}
body.apps.ny_lottery#roll .previewer .ticket_preview.rolled:before {
  display: none;
}
body.apps.ny_lottery#roll .previewer .ticket_preview.recent {
  opacity: 1;
}
body.apps.ny_lottery#roll .previewer .ticket_preview.highlight {
  background-color: #9a8ac4;
  opacity: 1;
}
body.apps.ny_lottery#roll .previewer .ticket_preview.highlight:before {
  color: #523C2E;
}
body.apps.ny_lottery#roll .info {
  border-style: solid;
  border-width: 5px;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_tab.png?ver=2") 12 fill round;
  color: #d3b489;
  border-image: url(/static/files/design/winter/block_tab.png) 12 fill round;
  position: fixed;
  top: 0;
  right: 0;
  display: flex;
  flex-flow: column nowrap;
  width: 300px;
  height: 100%;
  padding: 5px;
  border-style: none none none solid;
  justify-content: stretch;
}
body.apps.ny_lottery#roll .info a, body.apps.ny_lottery#roll .info a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
body.apps.ny_lottery#roll .info a:hover {
  color: #bb8f53;
}
body.apps.ny_lottery#roll .info .actions {
  width: 100%;
  flex: 0 0 110px;
}
body.apps.ny_lottery#roll .info .actions button, body.apps.ny_lottery#roll .info .actions body.fight.fight_modifier .myselect, body.fight.fight_modifier body.apps.ny_lottery#roll .info .actions .myselect, body.apps.ny_lottery#roll .info .actions body.fight.fight_modifier .marks, body.fight.fight_modifier body.apps.ny_lottery#roll .info .actions .marks {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 4px 5px;
}
body.apps.ny_lottery#roll .info .actions button i, body.apps.ny_lottery#roll .info .actions body.fight.fight_modifier .myselect i, body.fight.fight_modifier body.apps.ny_lottery#roll .info .actions .myselect i, body.apps.ny_lottery#roll .info .actions body.fight.fight_modifier .marks i, body.fight.fight_modifier body.apps.ny_lottery#roll .info .actions .marks i {
  flex: 0 0 25px;
}
body.apps.ny_lottery#roll .info .actions button span, body.apps.ny_lottery#roll .info .actions body.fight.fight_modifier .myselect span, body.fight.fight_modifier body.apps.ny_lottery#roll .info .actions .myselect span, body.apps.ny_lottery#roll .info .actions body.fight.fight_modifier .marks span, body.fight.fight_modifier body.apps.ny_lottery#roll .info .actions .marks span {
  flex: 1 auto;
  text-align: left;
}
body.apps.ny_lottery#roll .info .actions button kbd, body.apps.ny_lottery#roll .info .actions body.fight.fight_modifier .myselect kbd, body.fight.fight_modifier body.apps.ny_lottery#roll .info .actions .myselect kbd, body.apps.ny_lottery#roll .info .actions body.fight.fight_modifier .marks kbd, body.fight.fight_modifier body.apps.ny_lottery#roll .info .actions .marks kbd {
  flex: 1 auto;
  text-align: right;
}
body.apps.ny_lottery#roll .info .actions > * {
  width: 100%;
}
body.apps.ny_lottery#roll .info .log {
  flex: 1 auto;
  overflow-y: auto;
}
body.apps.ny_lottery#roll .info .log .log-item {
  display: inline-block;
  margin: 0;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid;
  padding: 3px 0;
}
body.apps.ny_lottery#roll .info .log .log-item * {
  vertical-align: middle;
}
body.apps.ny_lottery#roll .info .log .log-item strong {
  font-style: normal;
  display: inline-block;
  width: 35px;
}
body.apps.ny_lottery#roll .info .log .log-item img {
  width: 1.8em;
  height: 1.8em;
}
body.apps.ny_lottery#roll .current_prize {
  margin: 10px 50px 0;
  padding: 10px 0 30px;
  border-bottom: none;
}
body.apps.ny_lottery#roll .current_prize h2 {
  margin: 0 0 0.5em;
  font: bold 2em "Present Script";
}
body.apps.ny_lottery#roll .current_prize p {
  font-size: 1.2em;
}
body.apps.ny_lottery#roll .current_prize .winners .winner {
  border-style: solid;
  border-width: 5px;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_tab.png?ver=2") 12 fill round;
  color: #d3b489;
  border-image: url(/static/files/design/winter/block_tab.png) 12 fill round;
  display: inline-block;
  font-size: 1.2em;
  padding: 0;
  margin: 3px 5px;
}
body.apps.ny_lottery#roll .current_prize .winners .winner a, body.apps.ny_lottery#roll .current_prize .winners .winner a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
body.apps.ny_lottery#roll .current_prize .winners .winner a:hover {
  color: #bb8f53;
}
body.apps.ny_lottery#roll .current_prize .winners .winner * {
  vertical-align: middle;
}
body.apps.ny_lottery#roll .current_prize .winners .winner em {
  font-style: normal;
  margin-right: 0.5em;
}
body.apps.ny_lottery#roll .current_prize .winners .winner img {
  width: 1.8em;
  height: 1.8em;
}
body.apps.ny_lottery#roll .line-wrapper {
  border-style: solid;
  border-width: 5px;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_tab.png?ver=2") 12 fill round;
  color: #d3b489;
  border-image: url(/static/files/design/winter/block_tab.png) 12 fill round;
  color: #d3b489;
  overflow: hidden hidden;
  margin: -188px 20px 30px;
  position: relative;
  padding-top: 120px;
  border-bottom: none;
}
body.apps.ny_lottery#roll .line-wrapper a, body.apps.ny_lottery#roll .line-wrapper a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
body.apps.ny_lottery#roll .line-wrapper a:hover {
  color: #bb8f53;
}
body.apps.ny_lottery#roll .line-wrapper .line {
  position: absolute;
  top: 0;
  left: -700px;
  display: flex;
  margin: 5px 0 5px 50%;
}
body.apps.ny_lottery#roll .line-wrapper .line .ticket {
  display: inline-block;
  height: calc(105px - 1em);
  padding: 3px 3px;
  border: 1px solid #955830;
  vertical-align: top;
  color: #523C2E;
  margin: 7px 0px;
  flex: 0 0 70px;
  box-sizing: border-box;
  background: #c4c9db;
  transition: all 0.25s;
}
body.apps.ny_lottery#roll .line-wrapper .line .ticket h3 {
  margin: 0 0 4px;
  transition: all 0.25s;
}
body.apps.ny_lottery#roll .line-wrapper .line .ticket img {
  width: 62px;
  height: 62px;
  object-fit: scale-down;
  transition: all 0.25s;
}
body.apps.ny_lottery#roll .line-wrapper .line .ticket.empty {
  border-color: rgba(149, 88, 48, 0.5);
}
body.apps.ny_lottery#roll .line-wrapper .line .ticket.empty img {
  display: none;
}
body.apps.ny_lottery#roll .line-wrapper .line .ticket[alt="0"] {
  margin: 4px 0px;
  height: calc(111px - 1em);
}
body.apps.ny_lottery#roll .line-wrapper .line .ticket[alt="0"] h3 {
  margin-top: 3px;
}
body.apps.ny_lottery#roll .line-wrapper .line .ticket[alt="0"] img {
  margin-bottom: 3px;
}
body.apps.ny_lottery#roll .line-wrapper .cursor {
  position: absolute;
  top: 0;
  left: 50%;
  height: 105px;
}
body.apps.ny_lottery#roll .line-wrapper .cursor::before, body.apps.ny_lottery#roll .line-wrapper .cursor::after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #d3b489;
  position: absolute;
  left: -7px;
  font-size: 2em;
}
body.apps.ny_lottery#roll .line-wrapper .cursor::before {
  content: "\f0d7";
  top: -9px;
}
body.apps.ny_lottery#roll .line-wrapper .cursor::after {
  content: "\f0d8";
  bottom: -18px;
}
body.apps.ny_lottery#roll .line-wrapper .user .username {
  font: bold 2em "Noto Serif";
  margin: 5px 0 0;
}
body.apps.ny_lottery#roll .line-wrapper .rotation {
  position: absolute;
  bottom: 8px;
  right: 8px;
  font: normal 1.5em "Present Script";
  z-index: 41;
}
body.apps.ny_lottery#roll .line-wrapper .prizes {
  position: absolute;
  bottom: 8px;
  left: 8px;
  font: normal 1.5em "Present Script";
  z-index: 41;
}
body.apps.ny_lottery#roll .line-wrapper .prizes small {
  font-weight: normal;
}
body.apps.ny_lottery#roll .line-wrapper .prizes small span {
  display: none;
}
body.apps.ny_lottery#roll .line-wrapper .prizes small.unique #unique {
  display: inline-block;
}
body.apps.ny_lottery#roll .line-wrapper .prizes small.important #important {
  display: inline-block;
}
body.apps.ny_lottery#roll .line-wrapper .prizes small.normal #normal {
  display: inline-block;
}
body.apps.ny_lottery#roll .line-wrapper::before, body.apps.ny_lottery#roll .line-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100px;
  height: 100%;
  z-index: 40;
}
body.apps.ny_lottery#roll .line-wrapper::before {
  left: 0;
  background: linear-gradient(to left, #744541, #744541 50%, #744541 90%);
}
body.apps.ny_lottery#roll .line-wrapper::after {
  right: 0;
  background: linear-gradient(to right, #744541, #744541 50%, #744541 90%);
}
body.apps.ny_lottery#roll2 {
  margin: 50px 220px 0;
}
body.apps.ny_lottery#roll2 main h1 {
  display: none;
}
body.apps.ny_lottery#roll2 article {
  margin-top: 155px;
  background: none;
  box-shadow: none;
  border-image: none;
  border: 0 none;
}
body.apps.ny_lottery#roll2 section.slider {
  border-style: solid;
  border-width: 5px;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_tab.png?ver=2") 12 fill round;
  color: #d3b489;
  border-image: url(/static/files/design/winter/block_tab.png) 12 fill round;
  color: #d3b489;
  border-style: none none solid;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 155px;
  box-sizing: border-box;
  z-index: 100;
}
body.apps.ny_lottery#roll2 section.slider a, body.apps.ny_lottery#roll2 section.slider a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
body.apps.ny_lottery#roll2 section.slider a:hover {
  color: #bb8f53;
}
body.apps.ny_lottery#roll2 section.slider .line .line-items {
  top: 0;
  display: flex;
  margin: 5px 0 5px 50%;
  position: relative;
  left: -1050px;
}
body.apps.ny_lottery#roll2 section.slider .line .line-items .ticket {
  display: inline-block;
  height: calc(105px - 1em);
  padding: 3px 3px;
  border: 1px solid #955830;
  vertical-align: top;
  color: #523C2E;
  margin: 7px 0px;
  flex: 0 0 70px;
  box-sizing: border-box;
  background: #c4c9db;
  transition: all 0.25s;
}
body.apps.ny_lottery#roll2 section.slider .line .line-items .ticket h3 {
  margin: 0 0 4px;
  transition: all 0.25s;
}
body.apps.ny_lottery#roll2 section.slider .line .line-items .ticket img {
  width: 62px;
  height: 62px;
  object-fit: scale-down;
  transition: all 0.25s;
}
body.apps.ny_lottery#roll2 section.slider .line .line-items .ticket.empty {
  border-color: rgba(149, 88, 48, 0.5);
}
body.apps.ny_lottery#roll2 section.slider .line .line-items .ticket.empty img {
  display: none;
}
body.apps.ny_lottery#roll2 section.slider .line .line-items .ticket[alt="0"] {
  margin: 4px 0px;
  height: calc(111px - 1em);
}
body.apps.ny_lottery#roll2 section.slider .line .line-items .ticket[alt="0"] h3 {
  margin-top: 3px;
}
body.apps.ny_lottery#roll2 section.slider .line .line-items .ticket[alt="0"] img {
  margin-bottom: 3px;
}
body.apps.ny_lottery#roll2 section.slider .line .cursor {
  position: absolute;
  top: 0;
  left: 50%;
  height: 105px;
}
body.apps.ny_lottery#roll2 section.slider .line .cursor::before, body.apps.ny_lottery#roll2 section.slider .line .cursor::after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #d3b489;
  position: absolute;
  left: -7px;
  font-size: 2em;
}
body.apps.ny_lottery#roll2 section.slider .line .cursor::before {
  content: "\f0d7";
  top: -9px;
}
body.apps.ny_lottery#roll2 section.slider .line .cursor::after {
  content: "\f0d8";
  bottom: -18px;
}
body.apps.ny_lottery#roll2 section.slider .line::before, body.apps.ny_lottery#roll2 section.slider .line::after {
  content: "";
  position: absolute;
  top: 0;
  width: 200px;
  height: 100%;
  z-index: 40;
}
body.apps.ny_lottery#roll2 section.slider .line::before {
  left: 0;
  background: linear-gradient(to left, #744541, #744541 95%);
}
body.apps.ny_lottery#roll2 section.slider .line::after {
  right: 0;
  background: linear-gradient(to right, #744541, #744541 95%);
}
body.apps.ny_lottery#roll2 section.slider .captions {
  width: auto;
  display: flex;
  margin: 0 300px;
  align-items: center;
  padding: 0 30px;
  box-sizing: border-box;
}
body.apps.ny_lottery#roll2 section.slider .captions > * {
  flex: 1 1 500px;
}
body.apps.ny_lottery#roll2 section.slider .captions .prizes {
  font: normal 1.5em "Present Script";
  text-align: left;
}
body.apps.ny_lottery#roll2 section.slider .captions .prizes small {
  font-weight: normal;
}
body.apps.ny_lottery#roll2 section.slider .captions .prizes small span {
  display: none;
}
body.apps.ny_lottery#roll2 section.slider .captions .prizes small.unique #unique {
  display: inline-block;
}
body.apps.ny_lottery#roll2 section.slider .captions .prizes small.important #important {
  display: inline-block;
}
body.apps.ny_lottery#roll2 section.slider .captions .prizes small.normal #normal {
  display: inline-block;
}
body.apps.ny_lottery#roll2 section.slider .captions .user {
  font: bold 1.5em "Noto Serif";
  flex-basis: 300px;
}
body.apps.ny_lottery#roll2 section.slider .captions .rotation {
  font: normal 1.5em "Present Script";
  text-align: right;
}
body.apps.ny_lottery#roll2 section.users {
  background: url("https://static.kozhilya.ru/files/design/day/block_bg.png?ver=2") repeat center;
  box-shadow: 0 0 20px #240E00;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_border_small.jpg?ver=2") 25 round;
  border-width: 25px;
  border-style: solid;
  color: #523C2E;
  background: url(/static/files/design/winter/block_bg.png) repeat center;
  border-image: url(/static/files/design/winter/block_border_small.jpg) 25 round;
  position: fixed;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
  padding: 155px 5px 0;
  z-index: 50;
  border-style: none solid none none;
}
body.apps.ny_lottery#roll2 section.users a, body.apps.ny_lottery#roll2 section.users a:visited {
  color: #955830;
  text-decoration: none;
}
body.apps.ny_lottery#roll2 section.users a:hover {
  color: #904c20;
}
body.apps.ny_lottery#roll2 section.users .header {
  padding: 5px 0;
  display: flex;
  align-items: center;
  font: bold 1.2em "Present Script";
}
body.apps.ny_lottery#roll2 section.users .header .title-user {
  display: inline-block;
  flex: 1 1 300px;
  text-align: left;
}
body.apps.ny_lottery#roll2 section.users .header .title-user span {
  padding-left: 25px;
}
body.apps.ny_lottery#roll2 section.users .header .title-counter {
  display: inline-block;
  flex: 1 1 200px;
  text-align: center;
}
body.apps.ny_lottery#roll2 section.users ul {
  list-style: none;
  text-align: left;
  padding: 0;
  display: flex;
  flex-flow: column nowrap;
  height: calc(100vh - 180px);
  overflow-y: hidden;
  margin: 0;
}
body.apps.ny_lottery#roll2 section.users ul li.user {
  padding: 3px 0;
  display: flex;
  align-items: center;
}
body.apps.ny_lottery#roll2 section.users ul li.user:nth-child(2n+1) {
  background-color: rgba(149, 88, 48, 0.12);
}
body.apps.ny_lottery#roll2 section.users ul li.user .userlink {
  display: inline-block;
  flex: 1 1 200px;
}
body.apps.ny_lottery#roll2 section.users ul li.user .userlink .userlink-avatar {
  height: 22px;
  width: 22px;
  margin-right: 5px;
}
body.apps.ny_lottery#roll2 section.users ul li.user .userlink .userlink-avatar img {
  height: 100%;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
body.apps.ny_lottery#roll2 section.users ul li.user .userlink .userlink-name {
  font-weight: bold;
  font-size: 12px;
}
body.apps.ny_lottery#roll2 section.users ul li.user .counter {
  display: inline-block;
  flex: 1 1 100px;
  text-align: center;
  font: normal 1.2em "Present Script", fantasy;
}
body.apps.ny_lottery#roll2 section.users ul li.user .icons {
  flex: 0 0 50px;
  display: flex;
  flex-flow: row wrap;
}
body.apps.ny_lottery#roll2 section.users ul li.user .icons .icon {
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin: 1px 2px;
  background-color: rgba(149, 88, 48, 0.12);
}
body.apps.ny_lottery#roll2 section.users ul li.user .icons .icon.rarity-fast {
  background-color: #D0D0D0;
}
body.apps.ny_lottery#roll2 section.users ul li.user .icons .icon.rarity-normal {
  background-color: #523C2E;
}
body.apps.ny_lottery#roll2 section.users ul li.user .icons .icon.rarity-important {
  background-color: #0000A0;
}
body.apps.ny_lottery#roll2 section.users ul li.user .icons .icon.rarity-unique {
  background-color: #A000A0;
}
body.apps.ny_lottery#roll2 section.tools {
  background: url("https://static.kozhilya.ru/files/design/day/block_bg.png?ver=2") repeat center;
  box-shadow: 0 0 20px #240E00;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_border_small.jpg?ver=2") 25 round;
  border-width: 25px;
  border-style: solid;
  color: #523C2E;
  background: url(/static/files/design/winter/block_bg.png) repeat center;
  border-image: url(/static/files/design/winter/block_border_small.jpg) 25 round;
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  height: 100%;
  padding-top: 155px;
  z-index: 50;
  border-style: none none none solid;
}
body.apps.ny_lottery#roll2 section.tools a, body.apps.ny_lottery#roll2 section.tools a:visited {
  color: #955830;
  text-decoration: none;
}
body.apps.ny_lottery#roll2 section.tools a:hover {
  color: #904c20;
}
body.apps.ny_lottery#roll2 section.tools .header button, body.apps.ny_lottery#roll2 section.tools .header body.fight.fight_modifier .myselect, body.fight.fight_modifier body.apps.ny_lottery#roll2 section.tools .header .myselect, body.apps.ny_lottery#roll2 section.tools .header body.fight.fight_modifier .marks, body.fight.fight_modifier body.apps.ny_lottery#roll2 section.tools .header .marks {
  width: 100%;
}
body.apps.ny_lottery#roll2 section.tools .log {
  list-style: none;
  padding: 0;
  text-align: left;
}
body.apps.ny_lottery#roll2 section.tools .log li {
  border-top: 1px solid #523C2E;
}
body.apps.ny_lottery#roll2 section.tools .log li h3 {
  margin: 0.2em 0 0.5em;
  font: normal 1.2em "Present Script";
}
body.apps.ny_lottery#roll2 section.tools .log li .winners {
  padding: 0;
}
body.apps.ny_lottery#roll2 section.tools .log li .winners .winner {
  display: block;
  padding: 0;
  margin: 5px 0;
}
body.apps.ny_lottery#roll2 section.tools .log li .winners .winner * {
  vertical-align: middle;
}
body.apps.ny_lottery#roll2 section.tools .log li .winners .winner em {
  display: inline-block;
  font-style: normal;
  margin-right: 0.5em;
  width: 50px;
  text-align: right;
}
body.apps.ny_lottery#roll2 section.tools .log li .winners .winner img {
  width: 1.8em;
  height: 1.8em;
}
body.apps.ny_lottery#roll2 section.info {
  position: fixed;
  left: 386px;
  top: 155px;
  height: calc(100vh - 155px);
  width: calc(100vw - 762px);
  overflow-y: hidden;
  box-shadow: 0 0 50px white;
  background: rgba(255, 255, 255, 0.5);
}
body.apps.ny_lottery#roll2 section.info .end-message {
  font-size: 2rem;
  margin: 8rem 0 10rem;
}
body.apps.ny_lottery#roll2 section.info .end-message big {
  font: bold 5rem "Present Script";
}
body.apps.ny_lottery#roll2 section.info .prize {
  opacity: 0.4;
  border-top: 1px solid #523C2E;
  /*
          $rarity-color: $main-color;

          &[type="1"] { // Fast
              $rarity-color: #A0A0A0;
          }
          &[type="2"] { // Common
              // $rarity-color: rgba(#FFFFFF, 0.4);
          }
          &[type="3"] { // Fast
              $rarity-color: #0000A0;
          }
          &[type="4"] { // Unique
              $rarity-color: #A000A0;
          }
          */
}
body.apps.ny_lottery#roll2 section.info .prize.current {
  border-top: 0 none;
  opacity: 1;
}
body.apps.ny_lottery#roll2 section.info .prize#prize-none {
  display: none;
}
body.apps.ny_lottery#roll2 section.info .prize h2 {
  font: normal 2.5em "Present Script";
  margin: 0.5em 0 0.8em;
}
body.apps.ny_lottery#roll2 section.info .prize .description {
  font-size: 1.1em;
}
body.apps.ny_lottery#roll2 section.info .prize h3 {
  font: normal 1.8em "Present Script";
}
body.apps.ny_lottery#roll2 section.info .prize[rarity=fast] h2 strong {
  color: #505050;
}
body.apps.ny_lottery#roll2 section.info .prize[rarity=normal] h2 strong {
  color: #523C2E;
}
body.apps.ny_lottery#roll2 section.info .prize[rarity=important] h2 strong {
  color: #0000A0;
}
body.apps.ny_lottery#roll2 section.info .prize[rarity=unique] h2 strong {
  color: #A000A0;
}
body.apps.ny_lottery#roll2 section.info .winners .winner {
  border-style: solid;
  border-width: 5px;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_tab.png?ver=2") 12 fill round;
  color: #d3b489;
  border-image: url(/static/files/design/winter/block_tab.png) 12 fill round;
  display: inline-block;
  font-size: 1.2em;
  padding: 0;
  margin: 3px 5px;
}
body.apps.ny_lottery#roll2 section.info .winners .winner a, body.apps.ny_lottery#roll2 section.info .winners .winner a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
body.apps.ny_lottery#roll2 section.info .winners .winner a:hover {
  color: #bb8f53;
}
body.apps.ny_lottery#roll2 section.info .winners .winner * {
  vertical-align: middle;
}
body.apps.ny_lottery#roll2 section.info .winners .winner em {
  font-style: normal;
  margin-right: 0.5em;
}
body.apps.ny_lottery#roll2 section.info .winners .winner img {
  width: 1.8em;
  height: 1.8em;
}
body.apps.ny_lottery#roll2 section.dices {
  position: fixed;
  width: 1000px;
  height: 200px;
  bottom: 3vh;
  left: calc(50vw - 500px);
  z-index: 1000;
  background: url("https://static.kozhilya.ru/files/design/day/block_bg.png?ver=2") repeat center;
  box-shadow: 0 0 20px #240E00;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_border_small.jpg?ver=2") 25 round;
  border-width: 25px;
  border-style: solid;
  color: #523C2E;
  background: url(/static/files/design/winter/block_bg.png) repeat center;
  border-image: url(/static/files/design/winter/block_border_small.jpg) 25 round;
}
body.apps.ny_lottery#roll2 section.dices a, body.apps.ny_lottery#roll2 section.dices a:visited {
  color: #955830;
  text-decoration: none;
}
body.apps.ny_lottery#roll2 section.dices a:hover {
  color: #904c20;
}
@keyframes roll {
  10% {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
  30% {
    transform: rotateX(120deg) rotateY(240deg) rotateZ(0deg) translateX(40px) translateY(40px);
  }
  50% {
    transform: rotateX(240deg) rotateY(480deg) rotateZ(0deg) translateX(-40px) translateY(-40px);
  }
  70% {
    transform: rotateX(360deg) rotateY(720deg) rotateZ(0deg);
  }
  90% {
    transform: rotateX(480deg) rotateY(960deg) rotateZ(0deg);
  }
}
body.apps.ny_lottery#roll2 section.dices .dice {
  display: inline-block;
}
body.apps.ny_lottery#roll2 section.dices .dice.rolling {
  opacity: 0.5;
}
body.apps.ny_lottery#roll2 section.dices .d8 {
  display: none;
}
body.apps.ny_lottery#roll2 section.dices .d10 {
  position: relative;
  width: 200px;
  height: 200px;
  transform-style: preserve-3d;
  transition: transform 0.5s ease-out;
  cursor: pointer;
  transform: rotateX(-45degdeg);
}
body.apps.ny_lottery#roll2 section.dices .d10.reset {
  transition: transform 0.1s ease-out;
  transform: rotateX(0);
}
body.apps.ny_lottery#roll2 section.dices .d10[data-face="1"] {
  transform: rotateX(-225deg) rotateY(-72degdeg);
}
body.apps.ny_lottery#roll2 section.dices .d10 .face.face-1 {
  top: 100px;
  transform: rotateY(calc(72deg * (($value + 1) / 2))) translateZ(-34px) translateY(-6.96px) rotateZ(180deg) rotateY(180deg) rotateX(45deg);
}
body.apps.ny_lottery#roll2 section.dices .d10[data-face="2"] {
  transform: rotateX(-45deg) rotateY(72deg);
}
body.apps.ny_lottery#roll2 section.dices .d10 .face.face-2 {
  transform: rotateY(calc(-72deg * $value / 2)) translateZ(34px) translateY(6.96px) rotateX(45deg);
}
body.apps.ny_lottery#roll2 section.dices .d10[data-face="3"] {
  transform: rotateX(-225deg) rotateY(-144degdeg);
}
body.apps.ny_lottery#roll2 section.dices .d10 .face.face-3 {
  top: 100px;
  transform: rotateY(calc(72deg * (($value + 1) / 2))) translateZ(-34px) translateY(-6.96px) rotateZ(180deg) rotateY(180deg) rotateX(45deg);
}
body.apps.ny_lottery#roll2 section.dices .d10[data-face="4"] {
  transform: rotateX(-45deg) rotateY(144deg);
}
body.apps.ny_lottery#roll2 section.dices .d10 .face.face-4 {
  transform: rotateY(calc(-72deg * $value / 2)) translateZ(34px) translateY(6.96px) rotateX(45deg);
}
body.apps.ny_lottery#roll2 section.dices .d10[data-face="5"] {
  transform: rotateX(-225deg) rotateY(-216degdeg);
}
body.apps.ny_lottery#roll2 section.dices .d10 .face.face-5 {
  top: 100px;
  transform: rotateY(calc(72deg * (($value + 1) / 2))) translateZ(-34px) translateY(-6.96px) rotateZ(180deg) rotateY(180deg) rotateX(45deg);
}
body.apps.ny_lottery#roll2 section.dices .d10[data-face="6"] {
  transform: rotateX(-45deg) rotateY(216deg);
}
body.apps.ny_lottery#roll2 section.dices .d10 .face.face-6 {
  transform: rotateY(calc(-72deg * $value / 2)) translateZ(34px) translateY(6.96px) rotateX(45deg);
}
body.apps.ny_lottery#roll2 section.dices .d10[data-face="7"] {
  transform: rotateX(-225deg) rotateY(-288degdeg);
}
body.apps.ny_lottery#roll2 section.dices .d10 .face.face-7 {
  top: 100px;
  transform: rotateY(calc(72deg * (($value + 1) / 2))) translateZ(-34px) translateY(-6.96px) rotateZ(180deg) rotateY(180deg) rotateX(45deg);
}
body.apps.ny_lottery#roll2 section.dices .d10[data-face="8"] {
  transform: rotateX(-45deg) rotateY(288deg);
}
body.apps.ny_lottery#roll2 section.dices .d10 .face.face-8 {
  transform: rotateY(calc(-72deg * $value / 2)) translateZ(34px) translateY(6.96px) rotateX(45deg);
}
body.apps.ny_lottery#roll2 section.dices .d10[data-face="9"] {
  transform: rotateX(-225deg) rotateY(-360degdeg);
}
body.apps.ny_lottery#roll2 section.dices .d10 .face.face-9 {
  top: 100px;
  transform: rotateY(calc(72deg * (($value + 1) / 2))) translateZ(-34px) translateY(-6.96px) rotateZ(180deg) rotateY(180deg) rotateX(45deg);
}
body.apps.ny_lottery#roll2 section.dices .d10 .face {
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 -52px;
  border-left: 52px solid transparent;
  border-right: 52px solid transparent;
  border-bottom: 100px solid rgba(82, 60, 46, 0.25);
  width: 0;
  height: 0;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  counter-increment: steps 1;
}
body.apps.ny_lottery#roll2 section.dices .d10 .face:first-child {
  counter-increment: steps 0;
}
body.apps.ny_lottery#roll2 section.dices .d10 .face:before {
  content: counter(steps);
  position: absolute;
  top: 25px;
  left: -52px;
  color: #d3b489;
  text-shadow: 1px 1px 3px #000;
  font-size: 60px;
  text-align: center;
  line-height: 100px;
  width: 104px;
  height: 100px;
}
body.apps.ny_lottery#roll2 section.dices .d10 .face:after {
  content: "";
  position: absolute;
  bottom: -124px;
  left: -52px;
  border-left: 52px solid transparent;
  border-right: 52px solid transparent;
  border-top: 24px solid rgba(82, 60, 46, 0.25);
  width: 0;
  height: 0;
}
body.apps.ny_lottery abbr {
  cursor: help;
}
body.apps.ny_lottery .abbr {
  cursor: help;
}
body.apps.ny_lottery #tooltip {
  visibility: hidden;
  position: fixed;
  max-width: 250px;
  height: auto;
  background: #202020;
  border: 1px solid;
  z-index: 1500;
  padding: 5px 10px;
}
body.apps.ny_lottery #controls {
  position: relative;
}
body.apps.ny_lottery #controls .jsonfloat {
  position: absolute;
  width: 300px;
  top: 0;
  left: 200px;
  background: #181818;
  padding: 10px;
  display: none;
}
body.apps.ny_lottery #controls .jsonfloat textarea {
  width: 100%;
  box-sizing: border-box;
  height: 100px;
}
@media screen and (max-width: 1000px) {
  body.apps.ny_lottery .flowpanel {
    font-size: 0.9em;
  }
  body.apps.ny_lottery .flowpanel > div p span.boom {
    display: inline-block;
    font-weight: bold;
    font-size: 1em;
  }
  body.apps.ny_lottery .flowpanel .small.list .ticket {
    display: none;
  }
  body.apps.ny_lottery .flowpanel .small.list .ticket.selected {
    display: inline-block;
  }
  body.apps.ny_lottery .main.list {
    columns: 3;
    -moz-columns: 3;
  }
  body.apps.ny_lottery div.results#tickets .list {
    columns: 3;
    -moz-columns: 3;
  }
}
@media screen and (max-width: 600px) {
  body.apps.ny_lottery .flowpanel {
    display: block;
  }
  body.apps.ny_lottery .main.list {
    columns: 1;
    -moz-columns: 1;
  }
  body.apps.ny_lottery div.results#tickets .list {
    columns: 1;
    -moz-columns: 1;
  }
}
@media screen and (max-width: 1250px) {
  body.apps.ny_lottery .main.list {
    columns: 4;
    -moz-columns: 4;
  }
  body.apps.ny_lottery .main.list.count-300 {
    columns: 3;
    -moz-columns: 3;
  }
  body.apps.ny_lottery div.results#tickets .list {
    columns: 4;
    -moz-columns: 4;
  }
}
@media screen and (max-width: 750px) {
  body.apps.ny_lottery .main.list {
    columns: 2;
    -moz-columns: 2;
  }
  body.apps.ny_lottery div.results#tickets .list {
    columns: 2;
    -moz-columns: 2;
  }
}

body.pseudo_punbb {
  /* Цвет на деревяшках */
  /* Цвет отблеска на деревяшках (потому что Крис, вот почему) */
  /* Цвет ссылки по наведению */
  /* Цвет на кнопке */
  /* Цвет отблеска на кнопке */
  /* Цвет тени от блока и оверлея всплывающего окна */
  /* Цвет тени ссылок на деревяшках (он же цвет ссылок на деревяшках, потому что Крис, вот почему) */
}
body.pseudo_punbb {
  background: url("https://static.kozhilya.ru/files/design/fall/body_bg_regular.jpg?ver=2") repeat center fixed #3e560a;
  margin: 0;
}
body.pseudo_punbb .post-content {
  background: url("https://static.kozhilya.ru/files/design/day/block_bg.png?ver=2") repeat center;
  box-shadow: 0 0 20px #240E00;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_border_small.jpg?ver=2") 25 round;
  border-width: 25px;
  border-style: solid;
  color: #523C2E;
  width: 700px;
  padding: 0;
  margin: 0 auto;
}
body.pseudo_punbb .post-content a, body.pseudo_punbb .post-content a:visited {
  color: #955830;
  text-decoration: none;
}
body.pseudo_punbb .post-content a:hover {
  color: #904c20;
}

/*# sourceMappingURL=main.css.map */