@charset "UTF-8";
.icon.flag {
  background-image: url("/themes/default/icons/svg/articles/flag.svg"); }

.icon.person {
  background-image: url("/themes/default/icons/svg/articles/person.svg"); }

.icon.time {
  background-image: url("/themes/default/icons/svg/articles/time.svg"); }

.icon.view {
  background-image: url("/themes/default/icons/svg/articles/view.svg"); }

.icon.like-white {
  background-image: url("/themes/default/icons/svg/articles/like-white.svg"); }

.icon.like-gray {
  background-image: url("/themes/default/icons/svg/articles/like-gray.svg"); }

.icon.share {
  background-image: url("/themes/default/icons/svg/articles/share.svg"); }

.card-container {
  position: relative;
  width: 21.5rem;
  height: 21.5rem;
  margin: 0.5rem;
  padding: 1.25rem; }

.article-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: absolute;
  left: 0;
  top: 0;
  width: 21.5rem;
  height: 21.5rem;
  padding: 1.25rem;
  font-family: Circe Regular;
  color: #313131 !important;
  border-radius: 0.75rem;
  text-decoration: none !important;
  background-color: rgba(245, 246, 247, 0.1);
  box-sizing: border-box; }
  .article-card.absolute {
    position: absolute;
    z-index: 4; }
  .article-card > :not(.article-image) {
    position: relative;
    flex: 0 0 auto;
    height: fit-content;
    z-index: 3; }
  .article-card .article-image {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.75rem;
    z-index: 1; }
  .article-card .article-name {
    font-family: Circe Bold;
    font-size: 22px;
    margin-bottom: 0.5rem; }
  .article-card .article-info {
    font-size: 12px;
    margin-bottom: 0; }
  .article-card::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 30%, #f5f6f7 70%);
    border-radius: 0.5rem;
    z-index: 2; }
  @media print, screen and (min-width: 835px) {
    .article-card {
      transition: 0.25s; }
      .article-card:hover {
        left: -0.25rem;
        top: -0.25rem;
        width: 22rem;
        height: 22rem;
        padding: 1.5rem; } }
  @media screen and (min-width: 550px) and (max-width: 835px) {
    .article-card {
      width: 21rem !important;
      height: 21rem;
      padding: 1.5rem; }
      .articles.preview > .article-card:nth-child(n+3) {
        display: none; } }
  @media screen and (max-width: 550px) {
    .article-card {
      width: 21rem !important;
      height: 21rem;
      margin-left: 0;
      margin-right: 0;
      padding: 0.75rem 1.25rem; } }
  @media screen and (max-width: 350px) {
    .article-card {
      width: 18rem !important;
      height: 18rem;
      padding: 0.5rem 1rem; } }

.card-placeholder {
  width: 21.5rem !important;
  height: 21.5rem;
  margin: 0.5rem; }

.article-info, .author-info {
  justify-content: flex-start;
  color: #a5adb1;
  font-size: 16px;
  margin-bottom: 2rem; }
  .article-info > :not(:last-child), .author-info > :not(:last-child) {
    margin-right: 1rem; }
  .article-info > :last-child, .author-info > :last-child {
    justify-self: flex-end; }
  .article-info > :not(.button), .author-info > :not(.button) {
    line-height: 2.5rem;
    white-space: nowrap; }
  .article-info a, .author-info a {
    color: #a5adb1 !important; }
  .article-info .button, .author-info .button {
    height: 2rem;
    padding: 0.25rem 0.75rem;
    line-height: 1.5rem; }
  .article-info #button_share, .author-info #button_share {
    color: #1f50a4; }

.articles {
  width: calc(100% + 0.5rem);
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  position: relative; }
  @media screen and (max-width: 550px) {
    .articles {
      margin: 0; } }

.article-content {
  max-width: 1150px; }

.header.small > a {
  text-decoration: none; }

ul > ul.cyrillic > li, ul.plus > li, ul.minus > li, ul.numeric > li {
  list-style: none; }
  ul > ul.cyrillic > li::before, ul.plus > li::before, ul.minus > li::before, ul.numeric > li::before {
    display: inline-block;
    width: 1em;
    margin-right: 5px;
    text-align: right; }

ul:not(.cyrillic):not(.plus):not(.minus):not(.numeric) {
  margin-inline-start: 1.1em; }

:not(li) > ul.cyrillic > li, :not(li) > ul.plus > li, :not(li) > ul.minus > li, :not(li) > ul.numeric > li {
  margin-bottom: 1em; }

ul.cyrillic > li:nth-child(1)::before {
  content: "а)"; }
ul.cyrillic > li:nth-child(2)::before {
  content: "б)"; }
ul.cyrillic > li:nth-child(3)::before {
  content: "в)"; }
ul.cyrillic > li:nth-child(4)::before {
  content: "г)"; }
ul.cyrillic > li:nth-child(5)::before {
  content: "д)"; }
ul.cyrillic > li:nth-child(6)::before {
  content: "е)"; }
ul.cyrillic > li:nth-child(7)::before {
  content: "ж)"; }
ul.cyrillic > li:nth-child(8)::before {
  content: "з)"; }
ul.cyrillic > li:nth-child(9)::before {
  content: "и)"; }
ul.cyrillic > li:nth-child(10)::before {
  content: "к)"; }
ul.cyrillic > li:nth-child(11)::before {
  content: "л)"; }
ul.cyrillic > li:nth-child(12)::before {
  content: "м)"; }
ul.cyrillic > li:nth-child(13)::before {
  content: "н)"; }
ul.cyrillic > li:nth-child(14)::before {
  content: "о)"; }
ul.cyrillic > li:nth-child(15)::before {
  content: "п)"; }
ul.cyrillic > li:nth-child(16)::before {
  content: "р)"; }
ul.cyrillic > li:nth-child(17)::before {
  content: "с)"; }
ul.cyrillic > li:nth-child(18)::before {
  content: "т)"; }
ul.cyrillic > li:nth-child(19)::before {
  content: "у)"; }
ul.cyrillic > li:nth-child(20)::before {
  content: "ф)"; }
ul.cyrillic > li:nth-child(21)::before {
  content: "х)"; }
ul.cyrillic > li:nth-child(22)::before {
  content: "ц)"; }
ul.cyrillic > li:nth-child(23)::before {
  content: "ч)"; }
ul.cyrillic > li:nth-child(24)::before {
  content: "ш)"; }
ul.cyrillic > li:nth-child(25)::before {
  content: "щ)"; }
ul.cyrillic > li:nth-child(26)::before {
  content: "ы)"; }
ul.cyrillic > li:nth-child(27)::before {
  content: "ъ)"; }
ul.cyrillic > li:nth-child(28)::before {
  content: "ь)"; }
ul.cyrillic > li:nth-child(29)::before {
  content: "э)"; }

ul.numeric > li:nth-child(1)::before {
  content: "1)"; }
ul.numeric > li:nth-child(2)::before {
  content: "2)"; }
ul.numeric > li:nth-child(3)::before {
  content: "3)"; }
ul.numeric > li:nth-child(4)::before {
  content: "4)"; }
ul.numeric > li:nth-child(5)::before {
  content: "5)"; }
ul.numeric > li:nth-child(6)::before {
  content: "6)"; }
ul.numeric > li:nth-child(7)::before {
  content: "7)"; }
ul.numeric > li:nth-child(8)::before {
  content: "8)"; }
ul.numeric > li:nth-child(9)::before {
  content: "9)"; }

ul.plus > li::before {
  content: '+'; }

ul.minus > li::before {
  content: '-'; }

.list-header {
  font-family: Circe Bold;
  font-size: 19px;
  font-style: italic; }

.article + .article-info {
  margin-top: 3rem; }

.table-of-contents {
  margin-bottom: 4rem; }
  .table-of-contents a {
    display: block;
    font-size: 18px !important;
    text-decoration: none !important; }

.image-main, .article img {
  width: 100%;
  height: auto;
  max-height: 50rem;
  margin: 3rem 0;
  border-radius: 0.5rem;
  object-fit: contain; }

.image-main {
  margin-top: 1rem; }

.article {
  font-size: 18px !important; }
  .article section {
    margin-bottom: 2rem; }
  .article section + img {
    margin-top: 1rem; }
  .article br {
    line-height: 150%; }

.article-footer {
  text-align: center;
  font-family: Circe Bold;
  font-style: italic; }

@media print, screen and (min-width: 835px) {
  .column-article {
    padding-right: 4rem;
    max-width: calc(100% - 22.5rem); } }

@media print, screen and (min-width: 835px) {
  .column-other-articles {
    width: 22.5rem !important; } }

.table-container {
  overflow-x: auto; }

@media screen and (max-width: 835px) {
  table {
    table-layout: auto !important; } }

.author-bar {
  margin-bottom: -1rem; }
  .author-bar .header {
    margin-bottom: 0 !important; }
  .author-bar .author-info {
    max-width: 30rem; }
    .author-bar .author-info > :not(:last-child) {
      margin-right: 2rem; }
  .author-bar .avatar {
    width: 8rem;
    height: 8rem;
    object-fit: fill;
    border-radius: 50%; }
  .author-bar .author-avatar {
    margin-right: 1.5rem;
    margin-bottom: 1rem; }
  @media screen and (max-width: 835px) {
    .author-bar .author-info > * {
      min-width: 6rem; } }

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