@charset "UTF-8";
@media (min-width: 800px) and (max-width: 6000px) {
  #oiBar {
    --c-text: #888;
    background-color: #161719;
  }
  .Utin .bg-White-Life ._cell._1 details summary > i {
    right: 1rem;
  }
}
@media screen and (max-width: 799px) {
  #Fon ._mbl {
    background: #141d2c;
    box-shadow: 0px 50px 30px 35px #141d2c;
  }
  .Utin .bg-White-Life ._cell._2 .Citation {
    --c-Citation-border: #fff;
  }
}
.Utin.-Black .Preloader::after {
  border-top-color: #fff;
  border-right-color: #fff;
}
.Utin .bg-White-Life {
  --c-h: #000;
  --c-text: #000;
}
.Utin .bg-White-Life ._cell._1 {
  background: #fff;
}
.Utin .bg-White-Life ._cell._1 .Citation {
  --bg-Citation-mbl: #eceef2;
}
.Utin .bg-White-Life ._cell._1 .face.vol-life::before {
  background-image: url(/Utin/ava/life.jpg);
}
.Utin .bg-White-Life ._cell._2 {
  background: #f2ece0;
}
.Utin .bg-White-Life ._cell._2 .Citation {
  --bg-Citation-mbl: #fff8e7;
}
.Utin .bg-Blue {
  background: #42b2fe;
}
.Utin .bg-Blue ._cell {
  --c-text: #fff;
  background: #5fbeff;
}
.Utin .bg-Blue ._cell a {
  color: inherit;
}
.utin-details_black {
  --bg-summary-before: #176dea;
}
.face::before {
  background-size: cover;
  border-radius: 50%;
}
face.vol-life::before {
  background-image: url(/Utin/ava/life.jpg);
}
.-Black .face.vol-life::before {
  background-image: url(/Utin/ava/life_white.jpg);
}
.UTIN.-border {
  border: 1px solid var(--Utin-c-border);
}
.Utin.-Black ._cell::before {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), transparent);
}
.Utin.-Black ._cell::after {
  background-color: #242424;
}
.Utin .border-cell ._cell::before,
.Utin .border-cell ._cell::after {
  bottom: 0;
  border-radius: 1rem 1rem 0 0;
}
.Utin .border-cell ._cell::before {
  left: -1px;
  top: -1px;
  right: -1px;
  z-index: 0;
}
.Utin .border-cell ._cell::after {
  left: 0px;
  top: 0px;
  right: 0;
  z-index: 1;
}
@media (min-width: 800px) and (max-width: 6000px) {
}
#Header {
  border-radius: 0.5rem;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
#Header .Roll_PC {
  align-items: center;
}
@media (min-width: 800px) and (max-width: 6000px) {
  #oiBar .menu {
    --c-menu: #ccc;
    --c-menu-active: #fff;
    --c-menu-hover: var(--c-brand);
  }
}
@media screen and (max-width: 799px) {
  .menu.-aside.-tileMbl {
    --c-menu: #fff;
    --c-menu-active: #000;
    --c-menu-hover: var(--c-brand);
    --bg-menu: rgba(255, 255, 255, 0.1);
    --bg-menu-active: #fff;
    --bg-menu-hover: #dbdbdb;
  }
  .menu.-aside.-tileMbl li::before {
    display: none;
  }
}
html {
  --family-OpenSans: 'Open Sans',Tahoma,sans-serif;
}
.familyOpenSans,
.Family-OpenSans * {
  font-family: var(--family-OpenSans) !important;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans'), url(/font/OpenSans/300.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), url(/font/OpenSans/400.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans'), url(/font/OpenSans/400i.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans'), url(/font/OpenSans/600.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans'), url(/font/OpenSans/700.woff2) format('woff2');
  font-display: swap;
}
html {
  --family-Samolet: 'samolet';
}
.familySamolet,
.Family-Samolet * {
  font-family: var(--family-Samolet) !important;
}
@font-face {
  font-family: 'samolet';
  font-style: normal;
  font-weight: 400;
  src: local('samolet'), url(/font/samolet/400.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'samolet';
  font-style: normal;
  font-weight: 500;
  src: local('samolet'), url(/font/samolet/500.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'samolet';
  font-style: normal;
  font-weight: 700;
  src: local('samolet'), url(/font/samolet/700.woff2) format('woff2');
  font-display: swap;
}
html {
  --family-Tochka: tochka;
}
.familyTochka,
.Family-Tochka * {
  font-family: var(--family-Tochka) !important;
}
@font-face {
  font-family: 'tochka';
  font-style: normal;
  font-weight: 400;
  src: local('tochka'), url(/font/tochka/400.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'tochka';
  font-style: normal;
  font-weight: 500;
  src: local('tochka'), url(/font/tochka/500.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'tochka';
  font-style: normal;
  font-weight: 700;
  src: local('tochka'), url(/font/tochka/700.woff2) format('woff2');
  font-display: swap;
}
html {
  --family-Inter: Inter, Arial, sans-serif;
}
.familyInter,
.Family-Inter * {
  font-family: var(--family-Inter) !important;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: local('Inter'), url(/font/Inter/400.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: local('Inter'), url(/font/Inter/500.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: local('Inter'), url(/font/Inter/600.woff2) format('woff2');
  font-display: swap;
}
html {
  --h-Top: 30px;
  --h-Header: 40px;
  --family: var(--family-OpenSans);
  --bg-selection: pink;
}
#oiBar .menu {
  --family: var(--family-Inter);
}
@media (min-width: 800px) and (max-width: 6000px) {
  #body.asideClose #oiBar {
    --fontMenu: 12px;
  }
  #body.asideClose #oiBar .menu {
    --font: 12px;
  }
  #body.asideClose #oiBar .x-space--left {
    padding-left: 0.5rem;
  }
  #body.asideClose .utin_edge-right {
    --x-03051046: var(--bar);
  }
  .utin_edge-Header {
    padding-left: var(--edge);
    padding-right: var(--edge);
  }
  .utin_edge-right {
    --x-03051046: calc(var(--Aside)*0.25);
    padding-right: var(--x-03051046);
  }
}
@media (min-width: 800px) and (max-width: 1694px) {
  .utin_edge-right {
    margin-left: var(--bar);
  }
}
@media (min-width: 800px) and (max-width: 1360px) {
  .utin_edge-right {
    margin-left: var(--x-03051046);
  }
}
@media screen and (max-width: 799px) {
  #menu_aside {
    transition: padding-left 0.2s linear;
  }
  #body.MXAT #menu_aside {
    padding-left: 8rem;
  }
  .bg-White-Life ._cell._1 {
    margin-bottom: 1rem;
  }
  .utin_edge-Header {
    padding-left: 5px;
    padding-right: 5px;
  }
  .Utin.On {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .Utin > ._head {
    padding-top: 1rem;
  }
  .Utin .border-cell {
    padding: 0 0.5rem;
  }
  .Utin .border-cell > * {
    margin-bottom: 0.5rem;
  }
  #menu_aside li > ul {
    margin-left: 1rem;
  }
  #menu_aside li {
    margin-right: 1rem;
  }
  #ul_01061423 {
    padding: 0;
  }
}
.Utin ._cell::before,
.Utin ._cell::after,
.Utin ._bg::before,
.Utin ._bg::after {
  content: '';
  position: absolute;
}
.Utin.-Black .blockquote blockquote::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23b2b2b2' viewBox='0 0 16 16'%3e%3cpath d='M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z'%3e%3c/path%3e%3c/svg%3e");
}
.dcZInk blockquote::before {
  height: 60px;
  bottom: auto;
  top: 0;
}
.dcZInk {
  padding-top: 64px;
}
.Chat.x-black {
  --Chat-bg-Q: #222;
  --Chat-c-border-Q: #303435;
}
.Chat.x-black .face.vol-life::before {
  background-image: url(/Utin/ava/life_white.jpg);
}