.blog-head__search {
  width: 100%;
  padding: 1.6667vw;
  border-radius: 3.3333vw;
  background: var(--background-main);
}
@media (min-width: 1200px) {
  .blog-head__search {
    padding: 12px;
    border-radius: 16px;
  }
}

.blog-terms-list {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 3.3333vw;
}
@media (min-width: 1200px) {
  .blog-terms-list {
    gap: 10px;
  }
}
.blog-terms-list__group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin: 0 !important;
}
@media (min-width: 1200px) {
  .blog-terms-list__group {
    width: calc(50% - 5px);
  }
}
.blog-terms-list__posts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2.7778vw;
  width: 100%;
}
@media (min-width: 1200px) {
  .blog-terms-list__posts {
    gap: 8px;
  }
}
.blog-terms-list__post {
  display: block;
  position: relative;
  padding: 4.7222vw 6.6667vw 4.7222vw 7.2222vw;
  border-radius: 3.3333vw;
  color: var(--colors-primary);
  width: 100%;
  font-size: 3.3333vw;
  font-weight: 400;
  line-height: 3.8889vw;
  background: var(--background-main);
  text-decoration: none;
}
@media (min-width: 1200px) {
  .blog-terms-list__post {
    padding: 15.5px 56px 15.5px 42px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 17px;
  }
}
.blog-terms-list__post:before {
  content: "";
  display: block;
  position: absolute;
  top: 6.3889vw;
  left: 4.4444vw;
  width: 0.5556vw;
  height: 0.5556vw;
  background: var(--colors-primary);
  border-radius: 50%;
}
@media (min-width: 1200px) {
  .blog-terms-list__post:before {
    top: 23px;
    left: 29px;
    width: 2px;
    height: 2px;
  }
}
.blog-terms-list__post:after {
  content: "";
  display: block;
  position: absolute;
  right: 2.2222vw;
  top: calc(50% - 2.2222vw);
  width: 4.4444vw;
  height: 4.4444vw;
  background: url("../../../assets/img/ui/blog-terms-list-post-background.svg") no-repeat center/100% auto;
}
@media (min-width: 1200px) {
  .blog-terms-list__post:after {
    right: 20px;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
  }
}

.blog-posts-list__terms {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1.1111vw;
}
@media (min-width: 1200px) {
  .blog-posts-list__terms {
    gap: 4px;
  }
}
.blog-posts-list__term {
  display: block;
  padding: 2.7778vw 5.5556vw;
  color: var(--text-black);
  font-size: 3.8889vw;
  font-weight: 500;
  line-height: 4.7222vw;
  border-radius: 3.3333vw;
  text-decoration: none;
  outline: 1px solid var(--line-gray);
}
@media (min-width: 1200px) {
  .blog-posts-list__term {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 17px;
    border-radius: 12px;
  }
}
.blog-posts-list__items {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 3.3333vw;
}
@media (min-width: 1200px) {
  .blog-posts-list__items {
    align-items: stretch;
    gap: 16px;
  }
}
.blog-posts-list__item {
  width: 100%;
}
@media (min-width: 1200px) {
  .blog-posts-list__item {
    width: calc(33.33% - 11px);
  }
}

.blog-toc {
  display: none;
}
@media (min-width: 1200px) {
  .blog-toc {
    display: block;
    position: sticky;
    top: 84px;
    padding: 20px;
    border-radius: 20px;
    text-align: right;
    background: var(--background-secondary, #FFF);
  }
  .blog-toc__title {
    color: var(--text-black);
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
  }
  .blog-toc__list {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    justify-content: flex-start;
    margin-top: 20px;
    gap: 8px;
  }
  .blog-toc__item {
    display: block;
    padding: 15px;
    width: 100%;
    overflow: hidden;
    color: var(--text-black);
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    border-radius: 12px;
    white-space: nowrap;
    text-decoration: none;
    border: 1px solid var(--line-super-light-blue);
    transition: all 0.3s ease;
  }
  .blog-toc__item:hover {
    color: var(--colors-primary);
  }
  .blog-toc__item.current {
    color: var(--colors-primary);
  }
}

.blogs-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 3.3333vw;
  border-radius: 4.4444vw;
  row-gap: 4.4444vw;
  border: 1px solid var(--line-gray);
  background: var(--background-secondary);
  text-decoration: none;
}
@media (min-width: 1200px) {
  .blogs-card {
    padding: 10px;
    border-radius: 20px;
    row-gap: 16px;
  }
}
.blogs-card__image {
  display: block;
  position: relative;
  width: 100%;
}
.blogs-card__image:before {
  content: "";
  display: block;
  padding-top: 74.2%;
}
.blogs-card__image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  border-radius: 3.3333vw;
}
@media (min-width: 1200px) {
  .blogs-card__image img {
    border-radius: 12px;
  }
}
.blogs-card__author {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 100%;
  min-height: 12.7778vw;
  padding: 0 0 0 12.7778vw;
  row-gap: 0.5556vw;
}
@media (min-width: 1200px) {
  .blogs-card__author {
    min-height: 36px;
    padding: 0 0 0 46px;
    row-gap: 2px;
  }
}
.blogs-card__author_photo {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 10vw;
  height: 10vw;
}
@media (min-width: 1200px) {
  .blogs-card__author_photo {
    width: 36px;
    height: 36px;
  }
}
.blogs-card__author_photo img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  border-radius: 50%;
}
.blogs-card__author_name {
  color: var(--text-black);
  font-size: 3.8889vw;
  font-weight: 500;
  line-height: 4.7222vw;
}
@media (min-width: 1200px) {
  .blogs-card__author_name {
    font-size: 14px;
    line-height: 17px;
  }
}
.blogs-card__meta {
  color: var(--text-L-gray);
  font-size: 3.3333vw;
  font-weight: 400;
  line-height: 3.8889vw;
}
@media (min-width: 1200px) {
  .blogs-card__meta {
    font-size: 12px;
    line-height: 14px;
  }
}
.blogs-card__title {
  color: var(--text-black);
  font-size: 3.8889vw;
  font-weight: 500;
  line-height: 4.7222vw;
}
@media (min-width: 1200px) {
  .blogs-card__title {
    font-size: 14px;
    line-height: 17px;
  }
}
.blogs-card__tags {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 2.2222vw;
}
@media (min-width: 1200px) {
  .blogs-card__tags {
    gap: 8px;
  }
}
.blogs-card__tag {
  --color: var(--text-gray);
  --background-color: var(--background-blue);
  padding: 0.6944vw 2.7778vw;
  color: var(--color);
  font-size: 3.0556vw;
  font-weight: 400;
  line-height: 3.6111vw;
  border-radius: 2.2222vw;
  background: var(--background-color);
}
.blogs-card__tag.blue {
  --color: var(--colors-light-blue);
  --background-color: var(--colors-light-blue-10);
}
.blogs-card__tag.red {
  --color: var(--colors-red);
  --background-color: var(--colors-red-10);
}
.blogs-card__tag.green {
  --color: var(--colors-green);
  --background-color: var(--colors-green-10);
}
.blogs-card__tag.purple {
  --color: var(--colors-purple);
  --background-color: var(--colors-purple-10);
}
.blogs-card__tag.yellow {
  --color: var(--colors-yellow);
  --background-color: var(--colors-yellow-10);
}
@media (min-width: 1200px) {
  .blogs-card__tag {
    padding: 2.5px 10px;
    font-size: 11px;
    line-height: 13px;
    border-radius: 8px;
  }
}

.single-content {
  max-width: 100%;
  overflow: auto;
}
.single-content__dates {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6.6667vw;
}
@media (min-width: 1200px) {
  .single-content__dates {
    gap: 28px;
  }
}
.single-content__publication_data {
  position: relative;
  padding: 2.2222vw 1px 2.2222vw 2.7778vw;
  color: var(--text-gray);
  font-size: 3.3333vw;
  font-weight: 400;
  line-height: 3.8889vw;
  border-radius: 2.2222vw 0 0 2.2222vw;
  background: var(--background-blue);
}
@media (min-width: 1200px) {
  .single-content__publication_data {
    padding: 8px 1px 8px 10px;
    border-radius: 8px 0 0 8px;
    font-size: 14px;
    line-height: 17px;
  }
}
.single-content__publication_data:after {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
  height: 100%;
  width: 3.3333vw;
  user-select: none;
  background-color: var(--background-blue);
  mask: url("../../../assets/img/ui/bonus-type-background.svg") no-repeat left top/auto 100%;
  -webkit-mask: url("../../../assets/img/ui/bonus-type-background.svg") no-repeat left top/auto 100%;
}
@media (min-width: 1200px) {
  .single-content__publication_data:after {
    width: 12px;
  }
}
.single-content__update_data {
  position: relative;
  padding: 2.2222vw 2.7778vw 2.2222vw 1px;
  color: var(--colors-accident);
  font-size: 3.3333vw;
  font-weight: 400;
  line-height: 3.8889vw;
  border-radius: 0 2.2222vw 2.2222vw 0;
  background: var(--colors-accident-10);
}
@media (min-width: 1200px) {
  .single-content__update_data {
    padding: 8px 10px 8px 1px;
    border-radius: 0 8px 8px 0;
    font-size: 14px;
    line-height: 17px;
  }
}
.single-content__update_data:after {
  content: "";
  display: block;
  position: absolute;
  right: 100%;
  top: 0;
  height: 100%;
  width: 3.3333vw;
  user-select: none;
  background-color: var(--colors-accident-10);
  mask: url("../../../assets/img/ui/bonus-finish-background.svg") no-repeat right top/auto 100%;
  -webkit-mask: url("../../../assets/img/ui/bonus-finish-background.svg") no-repeat right top/auto 100%;
}
@media (min-width: 1200px) {
  .single-content__update_data:after {
    width: 12px;
  }
}
.single-content__tags {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.1111vw;
}
@media (min-width: 1200px) {
  .single-content__tags {
    gap: 5px;
  }
}
.single-content__tag {
  padding: 2.5vw 3.3333vw;
  color: var(--text-black);
  font-size: 3.3333vw;
  font-weight: 500;
  line-height: 3.8889vw;
  border-radius: 2.2222vw;
  border: 1px solid var(--line-gray);
  text-decoration: none;
}
@media (min-width: 1200px) {
  .single-content__tag {
    padding: 9.5px 20px;
    font-size: 14px;
    line-height: 17px;
    border-radius: 12px;
  }
}
@media (min-width: 1200px) {
  .single-content__text {
    margin-top: 20px;
    padding: 12px;
    border-radius: 16px;
    background: var(--background-main);
  }
}
.single-content__links {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 4.4444vw;
  padding: 0 2.22222vw;
}
@media (min-width: 1200px) {
  .single-content__links {
    flex-direction: row;
    gap: 100px;
    padding: 0 20px;
  }
}
.single-content__prev, .single-content__next {
  display: flex;
  align-self: center;
  justify-content: flex-start;
  color: var(--colors-gray);
  text-decoration: none;
  font-size: 3.8889vw;
  font-weight: 400;
  line-height: 4.7222vw;
}
@media (min-width: 1200px) {
  .single-content__prev, .single-content__next {
    max-width: calc(50% - 50px);
    font-size: 14px;
    line-height: 17px;
  }
}
.single-content__prev span, .single-content__next span {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.single-content__prev strong, .single-content__next strong {
  font-weight: 500;
}
.content {
  line-height: 1.5;
  color: rgb(var(--color-gray));
  --img-margin-top: 2.22222vw;
  --img-margin-bottom: 3.33333vw;
  --p-margin-top: 2.22222vw;
  --p-margin-bottom: 3.33333vw;
  --h-margin-top: 2.22222vw;
  --h-margin-bottom: 2.22222vw;
  --h-weight: 500;
  --l-margin-top: 2.22222vw;
  --l-margin-bottom: 3.33333vw;
  --l-margin-left: 5vw;
  --table-margin-top: 2.22222vw;
  --table-margin-bottom: 3.33333vw;
  --h-line-height: 1.1875;
}
@media (min-width: 1200px) {
  .content {
    line-height: 1.5;
    --img-margin-top: 20px;
    --img-margin-bottom: 20px;
    --p-margin-top: 20px;
    --p-margin-bottom: 20px;
    --h-margin-top: 20px;
    --h-margin-bottom: 20px;
    --l-margin-top: 20px;
    --l-margin-bottom: 20px;
    --l-margin-left: 24px;
    --table-margin-top: 20px;
    --table-margin-bottom: 20px;
  }
}
.content > *:first-child {
  margin-top: 0;
}
.content > *:last-child {
  margin-bottom: 0;
}
.content a {
  color: inherit;
  text-decoration-skip-ink: none;
}
@media (min-width: 1200px) {
  .content a {
    color: rgb(var(--color-primary));
    text-decoration-thickness: 1px;
    text-underline-offset: 1px;
  }
}
.content a:hover {
  text-decoration-color: transparent;
}
.content img {
  max-width: 100%;
  border-radius: 2.77778vw;
  margin-top: var(--img-margin-top);
  margin-bottom: var(--img-margin-bottom);
  display: block;
  height: auto;
}
@media (min-width: 1200px) {
  .content img {
    border-radius: 16px;
  }
}
.content p {
  margin-top: var(--p-margin-top);
  margin-bottom: var(--p-margin-bottom);
}
.content h1,
.content h2,
.content h3,
.content h4 {
  font-weight: var(--h-weight);
  color: rgb(var(--color-black));
  line-height: var(--h-line-height);
  margin-top: var(--h-margin-top);
  margin-bottom: var(--h-margin-bottom);
}
.content h1 {
  font-size: 5.55556vw;
}
@media (min-width: 1200px) {
  .content h1 {
    font-size: 24px;
  }
}
.content h2 {
  font-size: 4.44444vw;
}
@media (min-width: 1200px) {
  .content h2 {
    font-size: 20px;
  }
}
.content h3 {
  font-size: 3.88888vw;
}
@media (min-width: 1200px) {
  .content h3 {
    font-size: 18px;
  }
}
.content h4 {
  font-size: 3.33333vw;
}
@media (min-width: 1200px) {
  .content h4 {
    font-size: 16px;
  }
}
.content ul,
.content ol {
  margin-top: var(--l-margin-top);
  margin-bottom: var(--l-margin-bottom);
}
.content ul {
  list-style: disc;
  margin-left: var(--l-margin-left);
}
.content ol {
  list-style: decimal;
  margin-left: var(--l-margin-left);
}
.content .table-wrapper {
  overflow: auto;
  margin-top: var(--table-margin-top);
  margin-bottom: var(--table-margin-bottom);
}
.content table {
  background: rgb(var(--color-bg-main));
  border-radius: 4.44444vw;
  border-spacing: 0 0.55556vw;
  padding: 1.66667vw 2.22222vw;
  --td-border-radius: 3.33333vw;
}
@media (min-width: 1200px) {
  .content table {
    border-radius: 16px;
    border-spacing: 0 2px;
    padding: 6px 8px;
    --td-border-radius: 12px;
  }
}
.content table th {
  color: rgb(var(--color-text-gray));
  font-weight: 400;
  padding: 2.22222vw 3.33333vw;
}
@media (min-width: 1200px) {
  .content table th {
    padding: 8px 12px;
  }
}
.content table td {
  padding: 2.22222vw 3.33333vw;
  background: rgb(var(--color-bg-secondary));
}
@media (min-width: 1200px) {
  .content table td {
    padding: 8px 12px;
  }
}
.content table tr:first-child td:first-child,
.content table tr:has(th) + tr td:first-child {
  border-top-left-radius: var(--td-border-radius);
}
.content table tr:first-child td:last-child,
.content table tr:has(th) + tr td:last-child {
  border-top-right-radius: var(--td-border-radius);
}
.content table tr:last-child td:first-child,
.content table tr:has(+ tr th) td:first-child {
  border-bottom-left-radius: var(--td-border-radius);
}
.content table tr:last-child td:last-child,
.content table tr:has(+ tr th) td:last-child {
  border-bottom-right-radius: var(--td-border-radius);
}
.content table:has(thead), .content table:has(tbody tr:first-child th) {
  padding-top: 0;
}

.content-tags {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1.1111vw;
}
@media (min-width: 1200px) {
  .content-tags {
    gap: 4px;
  }
}
.content-tags__item {
  outline: 1px solid var(--line-gray);
  padding: 2.5vw 3.3333vw;
  color: var(--text-black);
  font-size: 3.3333vw;
  font-weight: 500;
  line-height: 3.8889vw;
  border-radius: 2.2222vw;
}
@media (min-width: 1200px) {
  .content-tags__item {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 17px;
    border-radius: 12px;
  }
}

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