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

.smal-text-smaller {
    font-size: .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,
    .axon-two p,
    .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;
    }
}