.my-fullscreen-carousel {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1;
}

.my-swiper-full {
  width: 100%;
  height: 100%;
}

.my-fullscreen-slide {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 60px;
  position: relative;
  text-align: center;
}

.my-slide-1 {
  font-size: 140px;
  background: url("../../images/azul-desfocado-bg.png") no-repeat center/cover;
  background-attachment: fixed;
}

.my-slide-1 button::before {
  background: linear-gradient(180deg, #00ff00 0%, #235f14 63.94%, #43c529 100%);
}

.my-slide-2 {
  font-size: 160px;
  background: url("../../images/vermelho-desfocado-bg.png") no-repeat
    center/cover;
  background-attachment: fixed;
}

.my-slide-2 .my-degrade-color {
  background: -webkit-linear-gradient(#fcfcc7, #a29778, #ffffca, #9d9274);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.my-slide-3 {
  font-size: 124px;
  background: url("../../images/bege-desfocado-bg.png") no-repeat center/cover;
  background-attachment: fixed;
  flex-direction: row;
}

.my-slide-3 .my-degrade-color {
  background: -webkit-linear-gradient(#af0000, #78000a, #6c1018);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.my-slide-4 {
  font-size: 124px;
  background: url("../../images/dourado-desfocado-bg.png") no-repeat
    center/cover;
  background-attachment: fixed;
  flex-direction: row;
}

.my-slide-4 button::before {
  background: linear-gradient(180deg, #ff0000 0%, #5f141a 63.94%, #c52936 100%);
}

.my-slide-3 .my-center-col,
.my-slide-4 .my-center-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 254px;
  min-width: 936px;
  line-height: 1.2;
}

.swiper-wrapper .my-btn-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.my-btn.my-cta-btn {
  width: 600px;
  height: 160px;
  font-size: 72px;
}

.my-games-strip {
  width: 100%;
  overflow: hidden;
}

.my-marquee {
  width: 100%;
  overflow: hidden;
}

.my-marquee-track {
  display: flex;
  align-items: center;
  gap: 32px;
  will-change: transform;
  animation: my-marquee-left 20s linear infinite;
}

.my-marquee-item {
  flex: 0 0 auto;
  width: 280px;
}

.my-games-strip-img {
  width: 280px;
  height: 280px;
  object-fit: fill;
  border: 4px solid #fcfcc7;
  border-radius: 10px;
  display: block;
}

.my-games-strip-img.soccer-crest {
  border: none;
}

@keyframes my-marquee-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.my-games-strip-vert {
  width: 100%;
  overflow: hidden;
}

.my-marquee-vert {
  width: 100%;
  overflow: hidden;
}

.my-marquee-track-vert {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  will-change: transform;
}

.my-marquee-up .my-marquee-track-vert {
  animation: my-marquee-up 150s linear infinite;
}

.my-marquee-down .my-marquee-track-vert {
  animation: my-marquee-down 150s linear infinite;
}

.my-marquee-item-vert {
  flex: 0 0 auto;
}

@keyframes my-marquee-up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}

@keyframes my-marquee-down {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(50%);
  }
}

@media (max-width: 1680px) {
  .my-inactivity-screen-arcade-lan .my-fullscreen-slide {
    gap: 0;
  }

  .my-inactivity-screen-arcade-lan .my-slide-1 .my-display-msg,
  .my-inactivity-screen-arcade-lan .my-slide-2 .my-display-msg,
  .my-inactivity-screen-arcade-lan .my-slide-3 .my-display-msg,
  .my-inactivity-screen-arcade-lan .my-slide-4 .my-display-msg {
    font-size: 116px;
  }

  .my-inactivity-screen-arcade-lan .my-slide-1 .my-display-msg,
  .my-inactivity-screen-arcade-lan .my-slide-2 .my-display-msg,
  .my-inactivity-screen-arcade-lan
    .my-fullscreen-slide.my-slide-1
    .my-btn-container {
    padding: 32px;
  }

  .my-inactivity-screen-arcade-lan .my-slide-3 .my-center-col,
  .my-inactivity-screen-arcade-lan .my-slide-4 .my-center-col {
    gap: 60px;
  }
}

@media (max-width: 1440px) {
  .my-inactivity-screen-arcade-lan .my-slide-1 .my-display-msg,
  .my-inactivity-screen-arcade-lan .my-slide-2 .my-display-msg,
  .my-inactivity-screen-arcade-lan .my-slide-3 .my-display-msg,
  .my-inactivity-screen-arcade-lan .my-slide-4 .my-display-msg {
    font-size: 100px;
  }

  .my-inactivity-screen-arcade-lan .my-slide-3 .my-center-col,
  .my-inactivity-screen-arcade-lan .my-slide-4 .my-center-col {
    min-width: 816px;
  }
}

@media (max-width: 1440px) {
  .my-inactivity-screen-arcade-lan .my-slide-1 .my-display-msg,
  .my-inactivity-screen-arcade-lan .my-slide-2 .my-display-msg,
  .my-inactivity-screen-arcade-lan .my-slide-3 .my-display-msg,
  .my-inactivity-screen-arcade-lan .my-slide-4 .my-display-msg {
    font-size: 92px;
  }

  .my-inactivity-screen-arcade-lan .my-slide-3 .my-center-col,
  .my-inactivity-screen-arcade-lan .my-slide-4 .my-center-col {
    min-width: 744px;
  }
}

@media (max-width: 1440px) {
  .my-inactivity-screen-arcade-lan .my-btn.my-cta-btn {
    width: 480px;
    height: 128px;
    font-size: 60px;
  }
}

@media (max-width: 1280px) {
  .my-inactivity-screen-arcade-lan .my-marquee-item {
    width: 240px;
  }

  .my-inactivity-screen-arcade-lan .my-games-strip-img {
    width: 240px;
    height: 240px;
  }
}

@media (max-width: 1200px) {
  .my-slide-1 {
    font-size: 92px;
  }

  .my-slide-3,
  .my-slide-4 {
    flex-direction: column;
  }

  .my-slide-4 {
    font-size: 100px;
  }

  .my-fullscreen-slide {
    justify-content: flex-start;
    gap: 0;
  }

  .my-fullscreen-slide.my-slide-1 .my-display-msg {
    margin-top: 356px;
  }

  .my-fullscreen-slide.my-slide-1 .my-games-strip,
  .my-fullscreen-slide.my-slide-2 .my-games-strip {
    margin-top: 728px;
  }

  .my-fullscreen-slide.my-slide-1 .my-btn-container {
    gap: 60px;
    margin-top: 160px;
  }

  .my-fullscreen-slide.my-slide-2 .my-display-msg {
    margin-top: 300px;
  }

  .my-fullscreen-slide.my-slide-2 .my-btn-container {
    gap: 60px;
    margin-top: 148px;
  }

  .my-btn-container span {
    font-size: 40px !important;
  }

  .my-marquee-vert .my-marquee-track-vert {
    flex-direction: row;
    align-items: center;
  }

  .my-marquee-up .my-marquee-track-vert {
    animation: my-marquee-left 20s linear infinite;
  }

  .my-marquee-down .my-marquee-track-vert {
    animation: my-marquee-right 20s linear infinite;
  }

  .my-fullscreen-slide.my-slide-3 .my-display-msg {
    font-size: 74px;
  }

  .my-fullscreen-slide.my-slide-3 .my-marquee-down .my-marquee-track-vert,
  .my-fullscreen-slide.my-slide-4 .my-marquee-down .my-marquee-track-vert {
    margin-top: 232px;
  }

  .my-fullscreen-slide.my-slide-3 .my-display-msg,
  .my-fullscreen-slide.my-slide-4 .my-display-msg {
    margin-top: 624px;
  }

  .my-fullscreen-slide.my-slide-3 .my-center-col,
  .my-fullscreen-slide.my-slide-4 .my-center-col {
    gap: 0;
  }

  .my-fullscreen-slide.my-slide-3 .my-btn-container,
  .my-fullscreen-slide.my-slide-3 .my-marquee-up .my-marquee-track-vert {
    margin-top: 68px;
  }

  .my-fullscreen-slide.my-slide-4 .my-btn-container,
  .my-fullscreen-slide.my-slide-4 .my-marquee-up .my-marquee-track-vert {
    margin-top: 56px;
  }

  @keyframes my-marquee-right {
    0% {
      transform: translateX(-50%);
    }
    100% {
      transform: translateX(0);
    }
  }
}