:root {
  --container-m-b: 30px;
  --margin-l-r-auto: 0 auto;
  --padding-l-r-15: 0 15px;
  --w-1440: 1440px;
  --gap-small: 5px;
  --gap-medium: 10px;
  --gap-large: 15px;
  --gap-xlarge: 20px;
  --gap-xxlarge: 30px;
  --theme-color: #03a9f4;
  --acticle-primary-color: #2b2b2b;
  --acticle-secondary-color: #242323;
  --meta-color: #8d8d8d;
  --bg-color: #fff;
  --bg-color-secondary: #f7f4f4;
  --shadow-color: #ccc;
  --bg-tag-ai: #3c7df5;
  --bg-tag-drone: #f3a964;
  --bg-tag-ai-target-lock: #FF6B6B;
  --bg-tag-auto-targeting: #FF9F1C;
  --bg-tag-object-tracking: #2EC4B6;
  --bg-tag-target-detection: #3D5A80;
  --bg-tag-multi-object-tracking: #9B5DE5;
  --bg-tag-uav: #5F0F40;
  --bg-tag-drone-tracking: #8D99AE;
  --facebook-color: #1877F2;
  --twitter-color: #1DA1F2;
  --instagram-color-start: #F58529;
  --instagram-color-middle: #DD2A7B;
  --instagram-color-end: #515BD4;
  --youtube-color: #FF0000;
  --telegram-color: #0088CC;
  --vk-color: #4C75A3;
}
[data-theme="dark"] {
  --theme-color: #03a9f4;
  --acticle-primary-color: #fff;
  --acticle-secondary-color: #f3f3f3;
  --meta-color: #8d8d8d;
  --bg-color: #121212;
  --bg-color-secondary: #3b3b3b;
  --shadow-color: #6e6e6e;
}
.bg-tag-ai {
  background-color: var(--bg-tag-ai);
}
.bg-tag-drone {
  background-color: var(--bg-tag-drone);
}
.bg-tag-ai-target-lock {
  background-color: var(--bg-tag-ai-target-lock);
}
.bg-tag-auto-targeting {
  background-color: var(--bg-tag-auto-targeting);
}
.bg-tag-object-tracking {
  background-color: var(--bg-tag-object-tracking);
}
.bg-tag-target-detection {
  background-color: var(--bg-tag-target-detection);
}
.bg-tag-multi-object-tracking {
  background-color: var(--bg-tag-multi-object-tracking);
}
.bg-tag-uav {
  background-color: var(--bg-tag-uav);
}
.bg-tag-drone-tracking {
  background-color: var(--bg-tag-drone-tracking);
}
.theme-toggle {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--theme-color);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 999;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.theme-toggle:hover {
  transform: scale(1.1);
}
body {
  box-sizing: border-box;
  background-color: var(--bg-color-secondary);
  color: var(--acticle-primary-color);
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.page-content {
  max-width: 100%;
  background-color: var(--bg-color-secondary);
}
.page-content .top-content {
  margin-bottom: var(--container-m-b);
}
.page-content .top-content .archive-container {
  max-width: var(--w-1440);
  margin: var(--margin-l-r-auto);
  padding: var(--padding-l-r-15);
}
.page-content .top-content .archive-container .archive-row {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}
.page-content .top-content .archive-container .archive-row .glide {
  position: relative;
  padding: var(--padding-l-r-15);
  width: 66.66666667%;
  max-height: 500px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .page-content .top-content .archive-container .archive-row .glide {
    width: 100%;
  }
}
.page-content .top-content .archive-container .archive-row .glide .glide__track {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-content .top-content .archive-container .archive-row .glide .glide__track ul {
  height: 100%;
  display: flex;
}
.page-content .top-content .archive-container .archive-row .glide .glide__track ul li {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
.page-content .top-content .archive-container .archive-row .glide .glide__track ul li img {
  width: 100%;
  height: 100%;
}
.page-content .top-content .archive-container .archive-row .glide .glide__track ul li a .content {
  position: absolute;
  padding: 10px 20px;
  bottom: 30px;
}
.page-content .top-content .archive-container .archive-row .glide .glide__track ul li a .content h4 {
  color: #fff;
}
@media screen and (max-width: 675px) {
  .page-content .top-content .archive-container .archive-row .glide .glide__track ul li a .content h4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 20px;
  }
}
.page-content .top-content .archive-container .archive-row .glide .glide__bullets {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--gap-small);
  bottom: 20px;
}
.page-content .top-content .archive-container .archive-row .glide .glide__bullets .glide__bullet {
  width: 20px;
  height: 5px;
  background: transparent;
  border: 1px solid var(--theme-color);
  cursor: pointer;
}
.page-content .top-content .archive-container .archive-row .glide .glide__bullets .glide__bullet.glide__bullet--active {
  background-color: var(--theme-color);
}
.page-content .top-content .archive-container .archive-row .hot-articles {
  width: 33.33333333%;
  padding: 0 15px;
}
@media screen and (max-width: 1024px) {
  .page-content .top-content .archive-container .archive-row .hot-articles {
    display: none;
  }
}
.page-content .top-content .archive-container .archive-row .hot-articles .hots-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-medium);
  background-color: var(--bg-color);
  box-shadow: -1px -2px 5px 0px var(--shadow-color);
}
.page-content .top-content .archive-container .archive-row .hot-articles .hots-content .hots-headline {
  padding: 15px 10px 10px 5px;
  border-top: 2px solid var(--theme-color);
  font-size: 24px;
  color: var(--acticle-primary-color);
}
.page-content .top-content .archive-container .archive-row .hot-articles .hots-content .hots-item a .hots-image,
.page-content .top-content .archive-container .archive-row .hot-articles .hots-content .hots-title a .hots-image {
  width: 100%;
}
.page-content .top-content .archive-container .archive-row .hot-articles .hots-content .hots-item a .hots-image img,
.page-content .top-content .archive-container .archive-row .hot-articles .hots-content .hots-title a .hots-image img {
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: cover;
}
.page-content .top-content .archive-container .archive-row .hot-articles .hots-content .hots-item a h3,
.page-content .top-content .archive-container .archive-row .hot-articles .hots-content .hots-title a h3 {
  position: relative;
  margin: 0;
  padding: 10px 20px 10px 15px;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: var(--gap-xlarge);
  font-size: 15px;
  color: var(--acticle-primary-color);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page-content .top-content .archive-container .archive-row .hot-articles .hots-content .hots-item a h3:hover,
.page-content .top-content .archive-container .archive-row .hot-articles .hots-content .hots-title a h3:hover {
  background-color: var(--bg-color-secondary);
}
.page-content .top-content .archive-container .archive-row .hot-articles .hots-content .hots-item a h3:hover span,
.page-content .top-content .archive-container .archive-row .hot-articles .hots-content .hots-title a h3:hover span {
  color: var(--theme-color);
}
.page-content .top-content .archive-container .archive-row .hot-articles .hots-content .hots-item a h3 i,
.page-content .top-content .archive-container .archive-row .hot-articles .hots-content .hots-title a h3 i {
  width: 10px;
  height: 10px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--acticle-secondary-color);
}
.page-content .top-content .archive-container .archive-row .hot-articles .hots-content .hots-item a h3 span,
.page-content .top-content .archive-container .archive-row .hot-articles .hots-content .hots-title a h3 span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 14px;
}
.page-content .recommend-content {
  margin-bottom: var(--container-m-b);
}
@media screen and (max-width: 810px) {
  .page-content .recommend-content {
    display: none;
  }
}
.page-content .recommend-content .archive-container {
  max-width: var(--w-1440);
  margin: var(--margin-l-r-auto);
  padding: var(--padding-l-r-15);
}
.page-content .recommend-content .archive-container .archive-row {
  margin-left: -15px;
  margin-right: -15px;
}
.page-content .recommend-content .archive-container .archive-row .cat .thumbnail-cat {
  display: flex;
}
.page-content .recommend-content .archive-container .archive-row .cat .thumbnail-cat .image {
  position: relative;
  width: 100%;
  height: 250px;
  max-height: 250px;
  padding: 0 15px;
  flex: 1;
}
.page-content .recommend-content .archive-container .archive-row .cat .thumbnail-cat .image .index-cat-box {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.page-content .recommend-content .archive-container .archive-row .cat .thumbnail-cat .image .index-cat-box .istop {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.page-content .recommend-content .archive-container .archive-row .cat .thumbnail-cat .image .index-cat-box .istop .overlay {
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.01) 2%, rgba(0, 0, 0, 0.95) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 2%, rgba(0, 0, 0, 0.95) 100%);
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  opacity: 0.8;
}
.page-content .recommend-content .archive-container .archive-row .cat .thumbnail-cat .image .index-cat-box .istop:hover .overlay {
  opacity: 0;
}
.page-content .recommend-content .archive-container .archive-row .cat .thumbnail-cat .image .index-cat-box .title {
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  gap: var(--gap-medium);
  z-index: 1;
  pointer-events: none;
}
.page-content .recommend-content .archive-container .archive-row .cat .thumbnail-cat .image .index-cat-box .title span a {
  padding: 5px;
  font-size: 10px;
  color: #000;
  background: #fff;
}
.page-content .recommend-content .archive-container .archive-row .cat .thumbnail-cat .image .index-cat-box .title h3 {
  font-size: 16px;
  line-height: 1;
}
.page-content .recommend-content .archive-container .archive-row .cat .thumbnail-cat .image .index-cat-box .title h3 a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
}
.page-content .main-content .archive-container {
  max-width: var(--w-1440);
  margin: var(--margin-l-r-auto);
  padding: var(--padding-l-r-15);
}
.page-content .main-content .archive-container .archive-row {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}
.page-content .main-content .archive-container .archive-row .article {
  padding: 0 15px;
  width: 66.667%;
}
@media screen and (max-width: 1024px) {
  .page-content .main-content .archive-container .archive-row .article {
    width: 100%;
  }
}
.page-content .main-content .archive-container .archive-row .article .posts-list {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xxlarge);
}
.page-content .main-content .archive-container .archive-row .article .posts-list .post-item {
  padding: 10px 30px 20px 30px;
  background-color: var(--bg-color);
  box-shadow: -1px -2px 5px 0px var(--shadow-color);
}
.page-content .main-content .archive-container .archive-row .article .posts-list .post-item .content-box {
  display: flex;
  flex-direction: column;
  gap: var(--gap-medium);
}
.page-content .main-content .archive-container .archive-row .article .posts-list .post-item .content-box .post-tags .tags-list {
  display: flex;
  gap: var(--gap-medium);
}
.page-content .main-content .archive-container .archive-row .article .posts-list .post-item .content-box .post-tags .tags-list span {
  padding: 0 10px;
  color: #fff;
}
.page-content .main-content .archive-container .archive-row .article .posts-list .post-item .content-box .post-title h2 {
  font-size: 20px;
}
@media screen and (max-width: 675px) {
  .page-content .main-content .archive-container .archive-row .article .posts-list .post-item .content-box .post-title h2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 18px;
  }
}
@media screen and (max-width: 425px) {
  .page-content .main-content .archive-container .archive-row .article .posts-list .post-item .content-box .post-title h2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 16px;
  }
}
.page-content .main-content .archive-container .archive-row .article .posts-list .post-item .content-box .post-title h2 a {
  color: var(--acticle-primary-color);
}
.page-content .main-content .archive-container .archive-row .article .posts-list .post-item .content-box .post-info {
  max-height: 150px;
  display: flex;
  gap: var(--gap-medium);
}
.page-content .main-content .archive-container .archive-row .article .posts-list .post-item .content-box .post-info .image {
  flex: 1;
}
.page-content .main-content .archive-container .archive-row .article .posts-list .post-item .content-box .post-info .image img {
  width: 100%;
  height: auto;
  max-height: 100%;
  min-width: 150px;
  min-height: 100px;
  object-fit: cover;
}
@media screen and (max-width: 425px) {
  .page-content .main-content .archive-container .archive-row .article .posts-list .post-item .content-box .post-info .image img {
    min-width: 90px;
    min-height: 60px;
  }
}
.page-content .main-content .archive-container .archive-row .article .posts-list .post-item .content-box .post-info .post-content {
  flex: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.page-content .main-content .archive-container .archive-row .article .posts-list .post-item .content-box .post-info .post-content .desc .desc-content p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  font-size: 16px;
  color: var(--acticle-secondary-color);
  line-height: 1.2;
}
@media screen and (max-width: 675px) {
  .page-content .main-content .archive-container .archive-row .article .posts-list .post-item .content-box .post-info .post-content .desc .desc-content p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 14px;
  }
}
@media screen and (max-width: 425px) {
  .page-content .main-content .archive-container .archive-row .article .posts-list .post-item .content-box .post-info .post-content .desc .desc-content p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 10px;
  }
}
.page-content .main-content .archive-container .archive-row .article .posts-list .post-item .content-box .post-info .post-content .additional .additional-content {
  display: flex;
  gap: var(--gap-large);
  flex-wrap: wrap;
}
.page-content .main-content .archive-container .archive-row .article .posts-list .post-item .content-box .post-info .post-content .additional .additional-content span {
  display: flex;
  gap: 2px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: var(--meta-color);
  line-height: 17px;
}
.page-content .main-content .archive-container .archive-row .article .posts-list .post-item .content-box .post-info .post-content .additional .additional-content span a {
  color: var(--meta-color);
  cursor: pointer;
}
.page-content .main-content .archive-container .archive-row .article .posts-list .post-item .content-box .post-info .post-content .additional .additional-content span a:hover {
  color: var(--theme-color);
}
@media screen and (max-width: 425px) {
  .page-content .main-content .archive-container .archive-row .article .posts-list .post-item .content-box .post-info .post-content .additional .additional-content span {
    font-size: 9px;
    line-height: 14px;
  }
}
.page-content .main-content .archive-container .archive-row .article .load-more-btn {
  padding: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-content .main-content .archive-container .archive-row .article .load-more-btn #load-more {
  padding: 10px 20px;
  background: var(--acticle-primary-color);
  color: var(--bg-color-secondary);
  border: none;
  cursor: pointer;
}
.page-content .main-content .archive-container .archive-row .article .load-more-btn #load-more:hover {
  background-color: var(--acticle-secondary-color);
}
.page-content .main-content .archive-container .archive-row .article-sidebar {
  padding: 0 15px;
  width: 33.333%;
}
@media screen and (max-width: 1024px) {
  .page-content .main-content .archive-container .archive-row .article-sidebar {
    display: none;
  }
}
.page-content .main-content .archive-container .archive-row .article-sidebar .widget {
  padding: 35px 30px;
  margin-bottom: var(--container-m-b);
  background-color: var(--bg-color);
  box-shadow: -1px -2px 5px 0px var(--shadow-color);
}
.page-content .main-content .archive-container .archive-row .article-sidebar .widget h3 {
  margin-top: 0;
  margin-bottom: var(--gap-large);
  font-size: 24px;
  color: var(--acticle-primary-color);
}
.page-content .main-content .archive-container .archive-row .article-sidebar .widget .recent-posts-widget {
  display: flex;
  flex-direction: column;
  gap: var(--gap-large);
}
.page-content .main-content .archive-container .archive-row .article-sidebar .widget .recent-posts-widget .one a {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.page-content .main-content .archive-container .archive-row .article-sidebar .widget .recent-posts-widget .one a .overlay {
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.01) 2%, rgba(0, 0, 0, 0.95) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 2%, rgba(0, 0, 0, 0.95) 100%);
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
}
.page-content .main-content .archive-container .archive-row .article-sidebar .widget .recent-posts-widget .one a:hover .overlay {
  opacity: 0;
}
.page-content .main-content .archive-container .archive-row .article-sidebar .widget .recent-posts-widget .one a .title {
  position: absolute;
  padding: 5px 10px;
  bottom: 10px;
}
.page-content .main-content .archive-container .archive-row .article-sidebar .widget .recent-posts-widget .one a .title span {
  font-size: 12px;
  color: #ffffffab;
}
.page-content .main-content .archive-container .archive-row .article-sidebar .widget .recent-posts-widget .one a .title h4 {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
}
.page-content .main-content .archive-container .archive-row .article-sidebar .widget .recent-posts-widget .others {
  display: flex;
  gap: var(--gap-medium);
}
.page-content .main-content .archive-container .archive-row .article-sidebar .widget .recent-posts-widget .others .image {
  flex: 1;
}
.page-content .main-content .archive-container .archive-row .article-sidebar .widget .recent-posts-widget .others .image a {
  display: flex;
  height: 100%;
  width: 100%;
}
.page-content .main-content .archive-container .archive-row .article-sidebar .widget .recent-posts-widget .others .title {
  flex: 2;
}
.page-content .main-content .archive-container .archive-row .article-sidebar .widget .recent-posts-widget .others .title h4 {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  color: var(--acticle-secondary-color);
}
.page-content .main-content .archive-container .archive-row .article-sidebar .widget .recent-posts-widget .others .title h4 a {
  color: var(--acticle-secondary-color);
}
.page-content .main-content .archive-container .archive-row .article-sidebar .widget .recent-posts-widget .others .title span {
  font-size: 12px;
  color: var(--meta-color);
}
.page-content .main-content .archive-container .archive-row .hot-posts-widget {
  display: flex;
  flex-direction: column;
  gap: var(--gap-large);
}
.page-content .main-content .archive-container .archive-row .hot-posts-widget a {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.page-content .main-content .archive-container .archive-row .hot-posts-widget a .overlay {
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.01) 2%, rgba(0, 0, 0, 0.95) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 2%, rgba(0, 0, 0, 0.95) 100%);
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
}
.page-content .main-content .archive-container .archive-row .hot-posts-widget a:hover .overlay {
  opacity: 0;
}
.page-content .main-content .archive-container .archive-row .hot-posts-widget a .title {
  position: absolute;
  padding: 5px 10px;
  bottom: 10px;
}
.page-content .main-content .archive-container .archive-row .hot-posts-widget a .title span {
  font-size: 12px;
  color: #ffffffab;
}
.page-content .main-content .archive-container .archive-row .hot-posts-widget a .title h4 {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
}
.page-content .main-content .archive-container .archive-row .tags-widget .tag-items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-large);
}
.page-content .main-content .archive-container .archive-row .tags-widget .tag-items span {
  padding: 6px 10px;
  font-size: 14px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page-content .main-content .archive-container .archive-row .tags-widget .tag-items span:hover {
  transform: scale(1.1);
  box-shadow: 1px -1px 3px 0px var(--shadow-color);
}
.page-content .main-content .archive-container .archive-row .tags-widget .tag-items span a {
  display: block;
  color: #fff;
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list {
  display: flex;
  flex-direction: column;
  gap: var(--gap-large);
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link {
  position: relative;
  display: block;
  font-size: 13px;
  background: var(--bg-color);
  color: var(--acticle-secondary-color);
  line-height: 40px;
  padding: 0 14px;
  border: 1px solid #DDD;
  border-radius: 2px;
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link.social-link-facebook {
  border-color: var(--facebook-color);
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link.social-link-facebook .social-widget-link-count svg {
  color: var(--facebook-color);
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link.social-link-facebook .social-widget-link-title {
  background: var(--facebook-color);
  color: #fff;
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link.social-link-twitter {
  border-color: var(--twitter-color);
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link.social-link-twitter .social-widget-link-count svg {
  color: var(--twitter-color);
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link.social-link-twitter .social-widget-link-title {
  background: var(--twitter-color);
  color: #fff;
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link.social-link-instagram {
  border-image: linear-gradient(45deg, var(--instagram-color-start), var(--instagram-color-middle), var(--instagram-color-end));
  border-image-slice: 1;
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link.social-link-instagram .social-widget-link-count svg {
  color: linear-gradient(45deg, var(--instagram-color-start), var(--instagram-color-middle), var(--instagram-color-end));
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link.social-link-instagram .social-widget-link-title {
  background: linear-gradient(45deg, var(--instagram-color-start), var(--instagram-color-middle), var(--instagram-color-end));
  color: #fff;
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link.social-link-youtube {
  border-color: var(--youtube-color);
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link.social-link-youtube .social-widget-link-count svg {
  color: var(--youtube-color);
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link.social-link-youtube .social-widget-link-title {
  background: var(--youtube-color);
  color: #fff;
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link.social-link-vk {
  border-color: var(--vk-color);
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link.social-link-vk .social-widget-link-count svg {
  color: var(--vk-color);
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link.social-link-vk .social-widget-link-title {
  background: var(--vk-color);
  color: #fff;
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link.social-link-telegram {
  border-color: var(--telegram-color);
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link.social-link-telegram .social-widget-link-count svg {
  color: var(--telegram-color);
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link.social-link-telegram .social-widget-link-title {
  background: var(--telegram-color);
  color: #fff;
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link .social-widget-link-count {
  display: flex;
  align-items: center;
  gap: var(--gap-medium);
  height: 100%;
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link .social-widget-link-title {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  width: 100px;
  text-align: center;
  background: rgba(255, 255, 255, 0.08);
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  border-radius: 0 3px 3px 0;
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link:hover .social-widget-link-title {
  width: 120px;
}
.page-content .main-content .archive-container .archive-row .social-widget .social-list .social-widget-link a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}