.infolio-marquee {
  position: relative;
  overflow-x: clip;
}
.infolio-marquee .curvtop {
  background: #222;
  position: absolute;
  left: -100px;
  right: -100px;
  top: 0;
  height: 5vw;
  border-radius: 0 0 50% 50%/0 0 100% 100%;
  z-index: 3;
}
.infolio-marquee .curvbotm {
  background: #222;
  position: absolute;
  bottom: 0;
  left: -100px;
  right: -100px;
  height: 5vw;
  border-radius: 50% 50% 0 0/100% 100% 0 0;
  z-index: 3;
}
.infolio-marquee .images:after {
  content: "";
  position: absolute;
  top: -30px;
  bottom: -30px;
  left: -30px;
  right: -30px;
  pointer-events: none;
  background: linear-gradient(to left, #1a1a1a, rgba(255, 255, 255, 0) 250px, rgba(255, 255, 255, 0) calc(100% - 250px), #1a1a1a);
}
.infolio-marquee .main-marq {
  position: relative;
  padding: 0;
}
.infolio-marquee .main-marq:after {
  position: absolute;
  top: -30px;
  bottom: -30px;
  left: -30px;
  right: -30px;
  pointer-events: none;
  background: linear-gradient(to left, #181818, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #181818);
}
.infolio-marquee .main-marq a {
  display: inline-block;
}
.infolio-marquee .main-marq a,
.infolio-marquee .main-marq a:hover {
  color: inherit;
}
.infolio-marquee .main-marq .slide-har {
  display: flex;
}
.infolio-marquee .main-marq .box {
  display: flex;
}
.infolio-marquee .main-marq .box .item {
  padding: 0 30px;
}
.infolio-marquee .main-marq .box .item h4 {
  white-space: nowrap;
  line-height: 1.1;
  margin: 0;
}
.infolio-marquee .main-marq .box .item h2 {
  line-height: 1;
  margin: 0;
}
.infolio-marquee .main-marq .box .item:nth-of-type(even) h4 {
  color: transparent;
  -webkit-text-stroke: 0.5px #1a1a1a;
}
.infolio-marquee .main-marq .box .item:nth-of-type(even) h4 a {
  color: transparent;
  -webkit-text-stroke: 0.5px #1a1a1a;
}
.infolio-marquee .main-marq .box:last-of-type .item:nth-of-type(even) h4 {
  color: #1a1a1a;
  -webkit-text-stroke: 0;
}
.infolio-marquee .main-marq .box:last-of-type .item:nth-of-type(even) h4 a {
  color: #1a1a1a;
  -webkit-text-stroke: 0;
}
.infolio-marquee .main-marq .box:last-of-type .item:nth-of-type(odd) h4 {
  color: transparent;
  -webkit-text-stroke: 1px #1a1a1a;
}
.infolio-marquee .main-marq .box:last-of-type .item:nth-of-type(odd) h4 a {
  color: transparent;
  -webkit-text-stroke: 1px #1a1a1a;
}
.infolio-marquee .slide-har {
  position: relative;
}
.infolio-marquee .slide-har.st1 .box {
  position: relative;
  animation: slide-har 80s linear infinite;
}
.infolio-marquee .slide-har.st2 .box {
  position: relative;
  animation: slide-har-revers 80s linear infinite;
}

@keyframes slide-har {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes slide-har-revers {
  100% {
    transform: translateX(0%);
  }
  0% {
    transform: translateX(-100%);
  }
}
body.tcg-dark-mode .infolio-marquee .main-marq .box .item {
  padding: 0 30px;
}
body.tcg-dark-mode .infolio-marquee .main-marq .box .item h4 {
  white-space: nowrap;
  line-height: 1.1;
  margin: 0;
}
body.tcg-dark-mode .infolio-marquee .main-marq .box .item h2 {
  line-height: 1;
  margin: 0;
}
body.tcg-dark-mode .infolio-marquee .main-marq .box .item:nth-of-type(even) h4 {
  color: transparent;
  -webkit-text-stroke: 0.5px #fff;
}
body.tcg-dark-mode .infolio-marquee .main-marq .box .item:nth-of-type(even) h4 a {
  color: transparent;
  -webkit-text-stroke: 0.5px #fff;
}
body.tcg-dark-mode .infolio-marquee .main-marq .box:last-of-type .item:nth-of-type(even) h4 {
  color: #fff;
  -webkit-text-stroke: 0;
}
body.tcg-dark-mode .infolio-marquee .main-marq .box:last-of-type .item:nth-of-type(even) h4 a {
  color: #fff;
  -webkit-text-stroke: 0;
}
body.tcg-dark-mode .infolio-marquee .main-marq .box:last-of-type .item:nth-of-type(odd) h4 {
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}
body.tcg-dark-mode .infolio-marquee .main-marq .box:last-of-type .item:nth-of-type(odd) h4 a {
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}

@media (prefers-color-scheme: dark) {
  body.tcg-auto-mode .infolio-marquee .main-marq .box .item {
    padding: 0 30px;
  }
  body.tcg-auto-mode .infolio-marquee .main-marq .box .item h4 {
    white-space: nowrap;
    line-height: 1.1;
    margin: 0;
  }
  body.tcg-auto-mode .infolio-marquee .main-marq .box .item h2 {
    line-height: 1;
    margin: 0;
  }
  body.tcg-auto-mode .infolio-marquee .main-marq .box .item:nth-of-type(even) h4 {
    color: transparent;
    -webkit-text-stroke: 0.5px #fff;
  }
  body.tcg-auto-mode .infolio-marquee .main-marq .box .item:nth-of-type(even) h4 a {
    color: transparent;
    -webkit-text-stroke: 0.5px #fff;
  }
  body.tcg-auto-mode .infolio-marquee .main-marq .box:last-of-type .item:nth-of-type(even) h4 {
    color: #fff;
    -webkit-text-stroke: 0;
  }
  body.tcg-auto-mode .infolio-marquee .main-marq .box:last-of-type .item:nth-of-type(even) h4 a {
    color: #fff;
    -webkit-text-stroke: 0;
  }
  body.tcg-auto-mode .infolio-marquee .main-marq .box:last-of-type .item:nth-of-type(odd) h4 {
    color: transparent;
    -webkit-text-stroke: 1px #fff;
  }
  body.tcg-auto-mode .infolio-marquee .main-marq .box:last-of-type .item:nth-of-type(odd) h4 a {
    color: transparent;
    -webkit-text-stroke: 1px #fff;
  }
}