.smal-m-4 {
  margin: 1rem;
}

.smal-text-smaller {
  font-size: 0.8rem !important;
  line-height: 1.2rem !important;
}

@media (min-height: 1200px) {
  .panel-2 .smal-grid.smal-relative.smal-min-h-screen {
    min-height: 70vh !important;
  }
}

.panel-2 {
  margin-bottom: 2rem;
}

.panel-3 {
  padding-bottom: 2rem;
}

@media (min-width: 768px) {
  .panel-3 .smal-flex.mobile-column .smal-text-block.smal-text-fade {
    align-self: center;
  }
}

.double-keyboard {
  position: absolute;
  height: 1160px !important;
  object-fit: contain;
}

.ripple-image {
  position: absolute;
  left: -790px;
  top: -437px;
  height: 1300px !important;
  width: 1500px !important;
  object-fit: cover;
  max-width: unset !important;
}

.panel-6 .smal-image-marker {
  background: black !important;
  height: 28px !important;
  width: 28px !important;
}

.perf-combo {
  margin-top: -2rem;
  width: 80% !important;
  margin: 0 auto !important;
}

img.perf-combo::before {
  position: absolute;
}

img.perf-combo:before {
  position: absolute;
}

img.perf-combo::after {
  position: absolute;
}

img.perf-combo:after {
  position: absolute;
}

.go-wireless-image {
  width: 50%;
  height: 1190px !important;
  object-fit: contain;
  padding: 1rem;
}

.play-cards {
  width: calc(33.33% - 1rem);
}

.k70-icue-logo {
  height: 100px !important;
}

.mobile-cards {
  width: 100%;
  position: relative;
}

.mobile-cards .k70-popups {
  background: #1d1d1ce6;
  top: -10rem;
  right: 6rem;
  left: unset;
  max-width: 500px;
  width: 500px;
  z-index: 29;
}

.card-parent .k70-popups {
  background: #1d1d1ce6;
  top: -18px;
  left: -18px;
  max-width: 500px;
  width: 500px;
  z-index: 29;
}

#smalcode.wingsuit-root .smal-image-marker:after {
  font-size: 13px;
  line-height: 4px;
  content: url(https://cwsmgmt.corsair.com/pdp/k70-mini-wireless/feature-callout-button-open.svg) !important;
}

#smalcode.wingsuit-root button:focus {
  outline: 5px auto -webkit-focus-ring-color !important;
}

#smalcode.wingsuit-root .smal-my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

#smalcode.wingsuit-root .smal-py-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

/* axon panel */
.axon-panel {
  width: 1500px;
  height: 400px;
  margin: 8rem auto;
}

.axon-one {
  top: 33%;
  left: 3%;
}

.axon-two {
  top: -10%;
  left: 65%;
}

.axon-three {
  top: 70%;
  left: 64.3%;
}

@media (min-width: 1630px) {
  .mobile-cards {
    display: none;
  }
  .panel-3 {
    max-height: 1450px !important;
  }
}

@media (max-width: 1629px) {
  .card-parent .k70-popups {
    display: none !important;
  }
}

@media (max-width: 1600px) {
  .axon-panel {
    width: 900px;
    margin-bottom: 2rem;
  }

  .axon-one {
    top: 22%;
    left: -2%;
  }

  .axon-two {
    top: -15%;
    left: 60%;
  }

  .axon-three {
    top: 50%;
    left: 59%;
  }

  .ripple-image {
    left: -790px;
    top: -27vw;
  }
}

@media (max-width: 960px) {
  .panel-2 .smal-h-full {
    height: 90% !important;
  }

  .axon-panel {
    width: 500px;
    height: 300px;
  }

  .axon-one {
    top: 16%;
    left: -5%;
  }

  .axon-two {
    top: -16%;
    left: 50%;
  }

  .axon-three {
    top: 34%;
    left: 50%;
  }

  .axon-one,
  #smalcode.wingsuit-root .axon-two p,
  #smalcode.wingsuit-root .axon-three p {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
  }

  .md\:smal-mr-6.smal-text-60.md\:smal-text-118 {
    font-size: 3.75rem;
  }
}

@media (max-width: 767px) {
  .panel-2 .smal-h-full {
    height: 100% !important;
  }

  .panel-6 {
    padding: 2rem 0 !important;
  }

  .page-5000t h2 {
    margin-top: 0 !important;
    font-size: 2.25rem !important;
  }

  .perf-combo {
    margin-top: 2rem !important;
    width: 100% !important;
  }

  .panel-2 .smal-grid.smal-relative.smal-min-h-screen {
    min-height: 950px !important;
  }

  .panel-2 .smal-text-block.smal-text-center.smal-text-fade {
    position: unset !important;
    margin-top: 2rem;
  }

  .panel-2 .smal-z-10.smal-col-start-1.smal-row-start-1 {
    max-height: 600px !important;
  }

  .play-cards {
    width: 100%;
    padding-right: 1rem;
    margin-bottom: 3rem !important;
  }

  .panel-3 .smal-flex.smal-mt-8 {
    flex-direction: column;
  }

  .panel-3 {
    max-height: unset !important;
  }

  .panel-3 .smal-my-20 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .panel-4 .smal-text-block.smal-text-fade.smal-z-10 {
    width: 100% !important;
  }

  .panel-4 .smal-text-center.smal-flex.smal-flex-col.smal-items-center {
    width: 50% !important;
  }

  .mobile-column {
    flex-direction: column;
  }

  .mobile-center {
    justify-content: center;
  }

  .mobile-text-center {
    text-align: center;
  }

  .panel-5 .smal-relative.axon-panel.smal-my-32 {
    margin-bottom: 1rem !important;
  }

  .panel-5 .smal-grid.smal-relative.smal-min-h-screen {
    min-height: unset !important;
  }

  .panel-7 .smal-flex.smal-gap-8.smal-justify-center.smal-my-4 {
    flex-wrap: wrap;
    gap: unset !important;
  }

  .panel-7 .smal-cursor-pointer {
    width: 79px;
    width: 23%;
    padding: 1%;
  }

  .go-wireless-image {
    display: none !important;
  }
}

@media (max-width: 650px) {
  .mobile-cards .k70-popups {
    top: unset;
    right: unset;
    width: 100%;
  }
}

@media (max-width: 560px) {
  .axon-panel {
    width: 355px;
    margin-bottom: 0;
  }

  .axon-one {
    top: 33%;
    left: -2%;
  }

  .axon-two {
    top: -27%;
    left: 43%;
  }

  .axon-three {
    top: 34%;
    left: 50%;
  }

  .play-cards {
    padding-right: 0 !important;
  }

  .panel-5 {
    max-height: 750px !important;
  }

  .k70-icue-logo {
    width: 160px;
    object-fit: contain;
  }

  .panel-7 .smal-switch-image {
    padding-top: 0 !important;
  }

  .panel-4 .smal-flex.smal-py-4 .smal-self-center {
    width: 55%;
  }

  .panel-4 .smal-flex.smal-py-4 {
    justify-content: center;
  }

  .panel-4
    p.smal-text-sm.smal-text-left.smal-font-helvetica.smal-text-gray-400.smal-py-4 {
    text-align: center;
  }
}

@media (min-width: 401px) {
  .video-measurements {
    display: none !important;
  }
}