[data-module-template] [data-unit-id] .unit-wrapper {
    height: var(--content-height);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    background: #f5f5f7
}

[data-module-template] [data-unit-id] .unit-wrapper.theme-dark {
    background: #161617
}

[data-module-template] [data-unit-id] .unit-wrapper a.unit-link {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}


[data-module-template] [data-unit-id] .unit-wrapper a:not(.unit-link) {
    z-index: 4;
    text-decoration: none
}


[data-module-template] [data-unit-id] .unit-wrapper .unit-copy-wrapper {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    z-index: 4;
    pointer-events: none
}

[data-module-template] [data-unit-id] .unit-wrapper .unit-copy-wrapper a {
    pointer-events: all
}

[data-module-template] [data-unit-id] .unit-wrapper .unit-image-wrapper {
    z-index: 1;
    overflow: visible;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

[data-module-template] [data-unit-id] .unit-image {
    z-index: 1;
    position: absolute;
    border: 0;
    margin: 0;
    padding: 0;
    left: calc(50% + 0px);
    right: auto;
    bottom: 0px;
    top: auto;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%)
}

[data-module-template] [data-unit-id] .headline,
[data-module-template] [data-unit-id] .subhead,
[data-module-template] [data-unit-id] .cta {
    text-align: center;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

[data-module-template] [data-unit-id] .headline,
[data-module-template] [data-unit-id] .subhead {
    color: #1d1d1f
}


[data-module-template] [data-unit-id] .theme-dark .headline,
[data-module-template] [data-unit-id] .theme-dark .subhead {
    color: #f5f5f7
}


.cx-main {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-top: var(--global-nav-collective-height)
}

.cx-main [data-module-template],
.cx-main [data-unit-id] {
    position: relative
}



.cx-main [data-module-template]:nth-child(6),
.cx-main [data-unit-id]:nth-child(6) {
    z-index: 37
}

.cx-main [data-module-template]:nth-child(5),
.cx-main [data-unit-id]:nth-child(5) {
    z-index: 38
}

.cx-main [data-module-template]:nth-child(4),
.cx-main [data-unit-id]:nth-child(4) {
    z-index: 39
}

.cx-main [data-module-template]:nth-child(3),
.cx-main [data-unit-id]:nth-child(3) {
    z-index: 40
}

.cx-main [data-module-template]:nth-child(2),
.cx-main [data-unit-id]:nth-child(2) {
    z-index: 41
}

.cx-main [data-module-template]:nth-child(1),
.cx-main [data-unit-id]:nth-child(1) {
    z-index: 42
}


.cx-main [data-module-template].collection-module {
    display: -ms-grid;
    display: grid;
    width: 100%
}

.cx-main [data-module-template].collection-module [data-unit-id] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-top: 0px;
    border-style: none;
    overflow: visible;
    border-left-width: 0px;
    border-right-width: 0px
}

.cx-main .module-content {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}





.cx-main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-dp-21-hero-dp21-avail {
    width: 3008px;
    height: 580px;
    background-size: 3008px 580px;
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2025/01/20250103001.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .cx-main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-dp-21-hero-dp21-avail {
        background-image: url("/wp-content/uploads/2025/01/20250103001.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .cx-main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-dp-21-hero-dp21-avail {
        width: 1068px;
        height: 570px;
        background-size: 1068px 570px;
        background-repeat: no-repeat;
        background-image: url("/wp-content/uploads/2025/01/20250103001.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-dp-21-hero-dp21-avail {
        background-image: url("/wp-content/uploads/2025/01/20250103001.jpg")
    }
}
@media only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-dp-21-hero-dp21-avail {
        background-image: url(/home/heroes/dp-21/images/hero_dp21_avail__fnf0f9x70jiy_mediumtall_2x.jpg);
    }
}
@media only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) {
    .cx-main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-dp-21-hero-dp21-avail {
        background-image: url(/wp-content/uploads/2025/01/DP-2136-1300-001.jpg);
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-dp-21-hero-dp21-avail {
        background-image: url(/wp-content/uploads/2025/01/DP-2136-1300-001.jpg);
    }
}
@media only screen and (max-width: 734px) {
    .cx-main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-dp-21-hero-dp21-avail {
        width: 734px;
        height: 500px;
        background-size: 734px 500px;
        background-repeat: no-repeat;
        background-image: url("/wp-content/uploads/2025/01/dp-1460-1000-001.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-dp-21-hero-dp21-avail {
        background-image: url("/wp-content/uploads/2025/01/dp-1460-1000-001.jpg")
    }
}

@media only screen and (min-width: 1069px) and (min-height: 776px) {
    .cx-main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-dp-21-hero-dp21-avail {
        width: 3008px;
        height: 692px;
        background-size: 3008px 692px;
        background-repeat: no-repeat;
        background-image: url("/wp-content/uploads/2025/01/20250103001.jpg")
    }
}

@media only screen and (min-width: 1069px) and (min-height: 776px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 1069px) and (min-height: 776px) and (min-resolution: 1.5dppx),
only screen and (min-width: 1069px) and (min-height: 776px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-dp-21-hero-dp21-avail {
        background-image: url("/wp-content/uploads/2025/01/20250103001.jpg")
    }
}

@media only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) {
    .cx-main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-dp-21-hero-dp21-avail {
        width: 1068px;
        height: 650px;
        background-size: 1068px 650px;
        background-repeat: no-repeat;
        background-image: url("/wp-content/uploads/2025/01/20250103001.jpg")
    }
}

@media only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-dp-21-hero-dp21-avail {
        background-image: url("/wp-content/uploads/2025/01/DP-2136-1300-001.jpg")
    }
}





.cx-main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-hdmi-21-hero-hdmi21-avail {
    width: 3008px;
    height: 580px;
    background-size: 3008px 580px;
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2025/01/hdmi-1462-1000-001.jpg")
}


@media only screen and (min-width: 1069px) and (min-height: 776px) {
    .cx-main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-hdmi-21-hero-hdmi21-avail {
        width: 3008px;
        height: 692px;
        background-size: 3008px 692px;
        background-repeat: no-repeat;
        background-image: url("/wp-content/uploads/2025/01/hdmi-3008-692-001.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .cx-main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-hdmi-21-hero-hdmi21-avail {
        width: 734px;
        height: 500px;
        background-size: 734px 500px;
        background-repeat: no-repeat;
        background-image: url("/wp-content/uploads/2025/01/hdmi-1462-1000-001.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-hdmi-21-hero-hdmi21-avail {
        background-image: url("/wp-content/uploads/2025/01/hdmi-1462-1000-001.jpg")
    }
}
@media only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-hdmi-21-hero-hdmi21-avail {
        background-image: url("/wp-content/uploads/2025/01/hdmi-2136-1300-001.jpg")
    }
}


@media only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) {
    .cx-main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-hdmi-21-hero-hdmi21-avail {
        width: 1068px;
        height: 650px;
        background-size: 1068px 650px;
        background-repeat: no-repeat;
        background-image: url("/wp-content/uploads/2025/01/hdmi-2136-1300-001.jpg")
    }
}



.cx-main [data-module-template="heroes"] {
    width: 100%
}

.cx-main [data-module-template="heroes"] [data-unit-id],
.cx-main [data-module-template="heroes"] .module-content {
    width: 100%
}

@media screen and (max-width: 1441000px) and (max-height: 1441000px) and (min-height: 776px) {

    .cx-main [data-module-template="heroes"] [data-unit-id],
    .cx-main [data-module-template="heroes"] .module-content {
        height: 692px
    }
}


.cx-main [data-module-template="heroes"] [data-unit-id] {
    background-color: #fbfbfd
}

.cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper {
    text-align: center;
    padding-top: 47px
}


@media only screen and (min-width: 1069px) and (min-height: 776px) {
    .cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper {
        padding-top: 55px
    }
}


.cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.headline {
    font-size: 56px;
    line-height: 1.07143;
    font-weight: 600;
    letter-spacing: -.005em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.headline:lang(zh) {
    letter-spacing: 0em
}

.cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.headline:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.headline {
        font-size: 48px;
        line-height: 1.08349;
        font-weight: 600;
        letter-spacing: -.002em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }



    .cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.headline:lang(zh) {
        letter-spacing: 0em
    }

    .cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

}

@media only screen and (max-width: 734px) {
    .cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.headline {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.headline:lang(zh) {
        line-height: 1.21875
    }

    .cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

}



.cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.cta,
.cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.cta-links {
    display: inline-block;
    margin-top: 19px
}

@media only screen and (max-width: 1068px) {

    .cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.cta,
    .cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.cta-links {
        margin-top: 18px
    }
}

@media only screen and (max-width: 734px) {

    .cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.cta,
    .cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.cta-links {
        margin-top: 17px
    }
}

.cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.cta-links {
    position: relative;
    z-index: 4;
    text-decoration: none
}

@media only screen and (max-width: 734px) {
    .cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.cta-links .button {
        font-size: 14px;
        line-height: 1.42859;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        --sk-button-margin-horizontal: 14px;
        --sk-button-margin-vertical: 14px;
        min-width: 30px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 7px;
        padding-bottom: 7px
    }


    .cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.cta-links .button:lang(zh) {
        line-height: 1.5;
        letter-spacing: 0em
    }



    .cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.cta-links .button:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

}

.cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.cta-links a:not(:only-child):not(:first-child) {
    margin-left: 13px
}

@media only screen and (max-width: 734px) {
    .cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.cta-links a:not(:only-child):not(:first-child) {
        margin-left: 10px
    }
}

.cx-main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.cta-links a:hover {
    text-decoration: underline
}


.cx-main [data-module-template="heroes"] [data-unit-id="dp-21"] .bottom-copy-wrapper .unit-copy-wrapper {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

@media only screen and (max-width: 734px) {
    .cx-main [data-module-template="heroes"] [data-unit-id="dp-21"] .bottom-copy-wrapper .unit-copy-wrapper {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
}


.cx-main [data-module-template="heroes"] [data-unit-id="hdmi-21"] .unit-wrapper.theme-dark {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #0e143f), to(#fff));
    background: -webkit-linear-gradient(#0e143f 20%, #fff);
    background: linear-gradient(#0e143f 20%, #fff)
}



.cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-ethernet-cable-promo-ethernet-cable-avail-lte {
    width: 1262px;
    height: 580px;
    background-size: 1262px 580px;
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2025/01/lan_2524-1160-001.jpg")
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-ethernet-cable-promo-ethernet-cable-avail-lte {
        background-image: url(/wp-content/uploads/2025/01/lan_1468-1000-001.jpg);
    }
}
@media only screen and (max-width: 734px) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-ethernet-cable-promo-ethernet-cable-avail-lte {
        width: 734px;
        height: 500px;
        background-size: 734px 500px;
        background-repeat: no-repeat;
        background-image: url(/wp-content/uploads/2025/01/lan_1468-1000-001.jpg);
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-ethernet-cable-promo-ethernet-cable-avail-lte {
        background-image: url(/wp-content/uploads/2025/01/lan_1468-1000-001.jpg);
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-ethernet-cable-promo-ethernet-cable-avail-lte {
        background-image: url(/wp-content/uploads/2025/01/lan-1032-980-001.jpg);
    }
}
@media only screen and (max-width: 1068px) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-ethernet-cable-promo-ethernet-cable-avail-lte {
        width: 516px;
        height: 490px;
        background-size: 516px 490px;
        background-repeat: no-repeat;
        background-image: url(/wp-content/uploads/2025/01/lan-1032-980-001.jpg);
    }
}




.cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-type-c-promo-typec {
    width: 1262px;
    height: 580px;
    background-size: 1262px 580px;
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2025/01/type-c2524-1160-001.jpg")
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-type-c-promo-typec {
        background-image: url(/wp-content/uploads/2025/01/type-c1468-1000-001.jpg);
    }
}
@media only screen and (max-width: 734px) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-type-c-promo-typec {
        width: 734px;
        height: 500px;
        background-size: 734px 500px;
        background-repeat: no-repeat;
        background-image: url(/wp-content/uploads/2025/01/type-c1468-1000-001.jpg);
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-type-c-promo-typec {
        background-image: url(/wp-content/uploads/2025/01/type-c1468-1000-001.jpg);
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-type-c-promo-typec {
        background-image: url(/wp-content/uploads/2025/01/type-c1032-980-001.jpg);
    }
}
@media only screen and (max-width: 1068px) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-type-c-promo-typec {
        width: 516px;
        height: 490px;
        background-size: 516px 490px;
        background-repeat: no-repeat;
        background-image: url(/wp-content/uploads/2025/01/type-c1032-980-001.jpg);
    }
}










.cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-power-promo-power-announce {
    width: 1262px;
    height: 580px;
    background-size: 1262px 580px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2025/01/65w-2524-1160-001.jpg);
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-power-promo-power-announce {
        background-image: url(/wp-content/uploads/2025/01/65w-1468-1000-001.jpg);
    }
}
@media only screen and (max-width: 734px) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-power-promo-power-announce {
        width: 734px;
        height: 500px;
        background-size: 734px 500px;
        background-repeat: no-repeat;
        background-image: url(/wp-content/uploads/2025/01/65w-1468-1000-001.jpg);
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-power-promo-power-announce {
        background-image: url(/wp-content/uploads/2025/01/65w-1468-1000-001.jpg);
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-power-promo-power-announce {
        background-image: url(/wp-content/uploads/2025/01/65w-1032-980-001.jpg);
    }
}
@media only screen and (max-width: 1068px) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-power-promo-power-announce {
        width: 516px;
        height: 490px;
        background-size: 516px 490px;
        background-repeat: no-repeat;
        background-image: url(/wp-content/uploads/2025/01/65w-1032-980-001.jpg);
    }
}



/* adapter */
.cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-adapter-promo-adapter {
    width: 1262px;
    height: 580px;
    background-size: 1262px 580px;
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2025/01/adapter-2524-1160-001.jpg")
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-adapter-promo-adapter {
        background-image: url(/wp-content/uploads/2025/01/adapter-1468-1000-001.jpg);
    }
}
@media only screen and (max-width: 734px) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-adapter-promo-adapter {
        width: 734px;
        height: 500px;
        background-size: 734px 500px;
        background-repeat: no-repeat;
        background-image: url(/wp-content/uploads/2025/01/adapter-1468-1000-001.jpg);
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-adapter-promo-adapter {
        background-image: url(/wp-content/uploads/2025/01/adapter-1468-1000-001.jpg);
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-adapter-promo-adapter {
        background-image: url(/wp-content/uploads/2025/01/adapter-1032-980-001.jpg);
    }
}
@media only screen and (max-width: 1068px) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-adapter-promo-adapter {
        width: 516px;
        height: 490px;
        background-size: 516px 490px;
        background-repeat: no-repeat;
        background-image: url(/wp-content/uploads/2025/01/adapter-1032-980-001.jpg);
    }
}

/* car unit-image unit-image-car-promo-car */
.cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-car-promo-car {
    width: 1262px;
    height: 580px;
    background-size: 1262px 580px;
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2025/01/car-2524-1160-001.jpg")
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-car-promo-car {
        background-image: url(/wp-content/uploads/2025/01/car-1468-1000-001.jpg);
    }
}
@media only screen and (max-width: 734px) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-car-promo-car {
        width: 734px;
        height: 500px;
        background-size: 734px 500px;
        background-repeat: no-repeat;
        background-image: url(/wp-content/uploads/2025/01/car-1468-1000-001.jpg);
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="promos"]  .unit-image-wrapper .unit-image.unit-image-car-promo-car {
        background-image: url(/wp-content/uploads/2025/01/car-1468-1000-001.jpg);
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-car-promo-car{
        background-image: url(/wp-content/uploads/2025/01/car-1032-980-001.jpg);
    }
}
@media only screen and (max-width: 1068px) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-car-promo-car{
        width: 516px;
        height: 490px;
        background-size: 516px 490px;
        background-repeat: no-repeat;
        background-image: url(/wp-content/uploads/2025/01/car-1032-980-001.jpg);
    }
}

/* yl unit-image unit-image-health-hero-health */
.cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-health-hero-health {
    width: 1262px;
    height: 580px;
    background-size: 1262px 580px;
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/2025/01/yl-2524-1160-001.jpg")
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-health-hero-health {
        background-image: url(/wp-content/uploads/2025/01/yl-1468-1000-001.jpg);
    }
}
@media only screen and (max-width: 734px) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-health-hero-health {
        width: 734px;
        height: 500px;
        background-size: 734px 500px;
        background-repeat: no-repeat;
        background-image: url(/wp-content/uploads/2025/01/yl-1468-1000-001.jpg);
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="promos"]  .unit-image-wrapper .unit-image.unit-image-health-hero-health{
        background-image: url(/wp-content/uploads/2025/01/yl-1468-1000-001.jpg);
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-health-hero-health{
        background-image: url(/wp-content/uploads/2025/01/yl-1032-980-001.jpg);
    }
}
@media only screen and (max-width: 1068px) {
    .cx-main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-health-hero-health{
        width: 516px;
        height: 490px;
        background-size: 516px 490px;
        background-repeat: no-repeat;
        background-image: url(/wp-content/uploads/2025/01/yl-1032-980-001.jpg);
    }
}

.cx-main [data-module-template="promos"] {
    width: 100%
}

.cx-main [data-module-template="promos"] [data-unit-id],
.cx-main [data-module-template="promos"] .module-content {
    width: 100%
}


@media screen and (max-width: 1441000px) {

    .cx-main [data-module-template="promos"] [data-unit-id],
    .cx-main [data-module-template="promos"] .module-content {
        height: 580px
    }
}


@supports (height: calc(var(--global-nav-collective-height) + var(--content-height) + 12px)) {
    .cx-main [data-module-template="promos"] {
        --columns-for-analytics-only: 2;
        --safe-area-inset-lt: 0px;
        --safe-area-inset-lt: env(safe-area-inset-left);
        --safe-area-inset-rt: 0px;
        --safe-area-inset-rt: env(safe-area-inset-right);
        --safe-area-inset-lt: 0px;
        --safe-area-inset-lt: env(safe-area-inset-left);
        --safe-area-inset-rt: 0px;
        --safe-area-inset-rt: env(safe-area-inset-right);
        --safe-area-inset-lt: 0px;
        --safe-area-inset-lt: env(safe-area-inset-left);
        --safe-area-inset-rt: 0px;
        --safe-area-inset-rt: env(safe-area-inset-right);
        --safe-area-inset-lt: 0px;
        --safe-area-inset-lt: env(safe-area-inset-left);
        --safe-area-inset-rt: 0px;
        --safe-area-inset-rt: env(safe-area-inset-right)
    }


    @media screen and (max-width: 1441000px) {
        .cx-main [data-module-template="promos"] {
            --content-height: 580px;
            --columns: 2;
            --gutter-width: 12px;
            --gutter-half-width: 6px;
            --gutter-and-half-width: 18px;
            --gutter-color: #fff;
            --double-edge-border-width: 24px;
            --edge-border-width: 12px;
            --background-color: #f5f5f7;
            --text-color: #1d1d1f;
            --edge-border-width-fallback: 12px
        }

        .cx-main [data-module-template="promos"].collection-module {
            background-color: var(--gutter-color);
            grid-gap: var(--gutter-width);
            grid-template-areas: "";
            -ms-grid-columns: ;
            grid-template-columns: repeat(var(--columns), 1fr);
            width: calc(100% - var(--double-edge-border-width) - var(--safe-area-inset-lt) - var(--safe-area-inset-rt));
            left: calc(var(--edge-border-width) + var(--safe-area-inset-lt));
            border-bottom: var(--gutter-width) solid var(--gutter-color)
        }

        .cx-main [data-module-template="promos"].collection-module [data-unit-id] {
            border-color: var(--gutter-color);
            background-color: var(--gutter-color);
            height: var(--content-height)
        }

        .cx-main [data-module-template="promos"].collection-module [data-unit-id] .module-content {
            color: var(--text-color);
            background-color: var(--background-color);
            height: var(--content-height)
        }

    }

    .cx-main [data-module-template="promos"] [data-unit-id] {
        background-color: #fbfbfd
    }

    .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .headline,
    .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .subhead,
    .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .cta {
        width: 88%;
        max-width: 430px
    }

    @media only screen and (max-width: 1068px) {

        .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .headline,
        .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .subhead,
        .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .cta {
            width: 90%;
            max-width: 330px
        }
    }

    @media only screen and (max-width: 734px) {

        .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .headline,
        .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .subhead,
        .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .cta {
            max-width: 90%
        }
    }

    .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .headline {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        margin-top: 53px
    }

    .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }


    @media only screen and (max-width: 1068px) {
        .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .headline {
            font-size: 32px;
            line-height: 1.125;
            font-weight: 600;
            letter-spacing: .002em;
            font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
        }



        .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .headline:lang(zh-CN) {
            font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
        }


    }

    @media only screen and (max-width: 1068px) {
        .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .headline {
            margin-top: 42px
        }
    }

    @media only screen and (max-width: 734px) {
        .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .headline {
            margin-top: 37px
        }
    }

    .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .headline {
        font-size: 32px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        margin-top: 53px
    }



    .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .cta-links,
    .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .cta {
        text-align: center;
        margin-top: 17px
    }

    .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .cta-links {
        position: relative;
        z-index: 4;
        text-decoration: none
    }

    .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .cta-links .button {
        font-size: 14px;
        line-height: 1.42859;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }


    .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .cta-links a {
        text-align: center
    }

    .cx-main [data-module-template="promos"] [data-unit-id] .unit-copy-wrapper .cta-links a:not(:only-child):not(:first-child) {
        margin-left: 10px
    }



    .cx-main [data-module-template="promos"] [data-unit-id="car"] .unit-wrapper {
        background: #f5f5f7
    }

    .cx-main [data-module-template="promos"] [data-unit-id="car"] .unit-copy-wrapper .headline {
        margin-top: 58px
    }


    .cx-main [data-module-template="promos"] [data-unit-id="car"] .unit-copy-wrapper .subhead {
        margin-top: 10px;
        max-width: 315px
    }


    .cx-main [data-module-template="promos"] [data-unit-id="type-c"] .unit-wrapper {
        background: #c7e6f1
    }

    .cx-main [data-module-template="promos"] [data-unit-id="type-c"] .unit-wrapper .unit-copy-wrapper .headline {
        margin-top: 58px
    }


    .cx-main [data-module-template="promos"] [data-unit-id="type-c"] .unit-wrapper .unit-copy-wrapper .subhead {
        margin-top: 10px
    }


    .cx-main [data-module-template="promos"] [data-unit-id="ethernet-cable"] .unit-wrapper .unit-copy-wrapper .headline {
        margin-top: 56px
    }


    .cx-main [data-module-template="promos"] [data-unit-id="ethernet-cable"] .unit-wrapper .unit-copy-wrapper .subhead {
        margin-top: 9px
    }



    .button {
        cursor: pointer;
        display: inline-block;
        text-align: center;
        white-space: nowrap;
        font-size: 17px;
        line-height: 1.17648;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        border-style: solid;
        border-width: 1px;
        min-width: 30px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 7px;
        padding-bottom: 7px;
        border-radius: 980px;
        background: #0071e3;
        color: #fff;
        border-color: rgba(0, 0, 0, 0);
        --sk-button-margin-horizontal: 14px;
        --sk-button-margin-vertical: 14px
    }

    .button:hover {
        text-decoration: none
    }


    .button:hover,
    .button:focus {
        background: #0077ED;
        color: #fff;
        border-color: transparent
    }


    .button-tertiary {
        background: rgba(0, 0, 0, 0);
        color: #06c;
        border-color: #06c
    }

    .button-tertiary:hover,
    .button-tertiary:focus {
        background: #0077ED;
        color: #fff;
        border-color: transparent
    }


    .button-elevated {
        font-size: 17px;
        line-height: 1.17648;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        border-style: solid;
        border-width: 1px;
        min-width: 28px;
        padding-left: 21px;
        padding-right: 21px;
        padding-top: 11px;
        padding-bottom: 11px;
        --sk-button-margin-horizontal: 18px;
        --sk-button-margin-vertical: 18px
    }


    .theme-dark {
        --sk-link-disabled-opacity: .36;
        background-color: #000;
        color: #f5f5f7
    }

    .theme-dark h1,
    .theme-dark h2,
    .theme-dark h3,
    .theme-dark h4,
    .theme-dark h5,
    .theme-dark h6 {
        color: #f5f5f7
    }

    .theme-dark a,
    .theme-dark .link {
        color: #2997ff
    }


    .theme-dark .button {
        background: #0071e3;
        color: #fff;
        border-color: rgba(0, 0, 0, 0)
    }

    .theme-dark .button:hover,
    .theme-dark .button:focus {
        background: #0077ED;
        color: #fff;
        border-color: transparent
    }


    .theme-dark .button-tertiary {
        background: rgba(0, 0, 0, 0);
        color: #2997ff;
        border-color: #2997ff
    }

    .theme-dark .button-tertiary:hover,
    .theme-dark .button-tertiary:focus {
        background: #0077ED;
        color: #fff;
        border-color: transparent
    }


    .cx-main [data-module-template] [data-unit-id] .bottom-copy-wrapper .unit-copy-wrapper {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }


    .cx-main [data-module-template="heroes"] [data-unit-id] .bottom-copy-wrapper .unit-copy-wrapper {
        padding-bottom: 47px
    }

    @media only screen and (max-width: 1068px) {
        .cx-main [data-module-template="heroes"] [data-unit-id] .bottom-copy-wrapper .unit-copy-wrapper {
            padding-bottom: 53px
        }
    }

    @media only screen and (max-width: 734px) {
        .cx-main [data-module-template="heroes"] [data-unit-id] .bottom-copy-wrapper .unit-copy-wrapper {
            padding-bottom: 37px
        }
    }

    @media only screen and (min-width: 1069px) and (min-height: 776px) {
        .cx-main [data-module-template="heroes"] [data-unit-id] .bottom-copy-wrapper .unit-copy-wrapper {
            padding-bottom: 55px
        }
    }

    @media only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) {
        .cx-main [data-module-template="heroes"] [data-unit-id] .bottom-copy-wrapper .unit-copy-wrapper {
            padding-bottom: 61px
        }
    }

    .cx-main [data-module-template] [data-unit-id] .split-copy-wrapper .unit-copy-wrapper {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cx-main [data-module-template] [data-unit-id] .split-copy-wrapper .unit-copy-wrapper .split-wrapper-top,
    .cx-main [data-module-template] [data-unit-id] .split-copy-wrapper .unit-copy-wrapper .split-wrapper-bottom {
        width: 100%
    }



    .cx-main [data-module-template="promos"] [data-unit-id] .split-copy-wrapper .unit-copy-wrapper {
        padding-bottom: 53px
    }

    [data-module-template] [data-unit-id] .unit-wrapper.theme-dark {
        background: black
    }

    .button {
        text-decoration: none !important
    }


    .button-primary-light {
        background: #F5F5F7 !important;
        color: #000 !important
    }



    .button-tertiary-light {
        border-color: #F5F5F7 !important;
        background: transparent !important;
        color: #F5F5F7 !important
    }

    .button-tertiary-light:hover {
        background: #FFF !important;
        color: #000 !important
    }

    .theme-dark .button-primary {
        color: #fff
    }

    .theme-dark .button-tertiary {
        color: #2997ff;
        border-color: #2997ff
    }


    @supports (height: calc(var(--global-nav-collective-height) + var(--content-height) + 12px)) {
        .cx-main [data-module-template="heroes"] {
            --columns-for-analytics-only: 1;
            --safe-area-inset-lt: 0px;
            --safe-area-inset-lt: env(safe-area-inset-left);
            --safe-area-inset-rt: 0px;
            --safe-area-inset-rt: env(safe-area-inset-right);
            --columns-for-analytics-only: 1;
            --safe-area-inset-lt: 0px;
            --safe-area-inset-lt: env(safe-area-inset-left);
            --safe-area-inset-rt: 0px;
            --safe-area-inset-rt: env(safe-area-inset-right);
            --safe-area-inset-lt: 0px;
            --safe-area-inset-lt: env(safe-area-inset-left);
            --safe-area-inset-rt: 0px;
            --safe-area-inset-rt: env(safe-area-inset-right);
            --safe-area-inset-lt: 0px;
            --safe-area-inset-lt: env(safe-area-inset-left);
            --safe-area-inset-rt: 0px;
            --safe-area-inset-rt: env(safe-area-inset-right);
            --safe-area-inset-lt: 0px;
            --safe-area-inset-lt: env(safe-area-inset-left);
            --safe-area-inset-rt: 0px;
            --safe-area-inset-rt: env(safe-area-inset-right);
            --safe-area-inset-lt: 0px;
            --safe-area-inset-lt: env(safe-area-inset-left);
            --safe-area-inset-rt: 0px;
            --safe-area-inset-rt: env(safe-area-inset-right);
            --safe-area-inset-lt: 0px;
            --safe-area-inset-lt: env(safe-area-inset-left);
            --safe-area-inset-rt: 0px;
            --safe-area-inset-rt: env(safe-area-inset-right)
        }


        @media screen and (max-width: 1441000px) and (max-height: 1441000px) and (min-height: 776px) {
            .cx-main [data-module-template="heroes"] {
                --content-height: 692px;
                --columns: 1;
                --gutter-width: 12px;
                --gutter-half-width: 6px;
                --gutter-and-half-width: 18px;
                --gutter-color: #fff;
                --double-edge-border-width: 0px;
                --edge-border-width: 0px;
                --background-color: #f5f5f7;
                --text-color: #1d1d1f;
                --edge-border-width-fallback: 0px
            }


            .cx-main [data-module-template="heroes"].collection-module {
                background-color: var(--gutter-color);
                grid-gap: var(--gutter-width);
                grid-template-areas: "";
                -ms-grid-columns: ;
                grid-template-columns: repeat(var(--columns), 1fr);
                width: calc(100% - var(--double-edge-border-width) - var(--safe-area-inset-lt) - var(--safe-area-inset-rt));
                left: calc(var(--edge-border-width) + var(--safe-area-inset-lt));
                border-bottom: var(--gutter-width) solid var(--gutter-color)
            }

            .cx-main [data-module-template="heroes"].collection-module [data-unit-id] {
                border-color: var(--gutter-color);
                background-color: var(--gutter-color);
                height: var(--content-height)
            }

            .cx-main [data-module-template="heroes"].collection-module [data-unit-id] .module-content {
                color: var(--text-color);
                background-color: var(--background-color);
                height: var(--content-height)
            }


        }

        @media screen and (max-width: 734px) and (min-width: 0px) {
            .cx-main [data-module-template="heroes"] {
                --content-height: 500px;
                --columns: 1;
                --gutter-width: 12px;
                --gutter-half-width: 6px;
                --gutter-and-half-width: 18px;
                --gutter-color: #fff;
                --double-edge-border-width: 0px;
                --edge-border-width: 0px;
                --background-color: #f5f5f7;
                --text-color: #1d1d1f;
                --edge-border-width-fallback: 0px
            }

            html[data-text-zoom="1"] .cx-main [data-module-template="heroes"] {
                --content-height: 600px
            }

            html[data-text-zoom="2"] .cx-main [data-module-template="heroes"] {
                --content-height: 675px
            }

            html[data-text-zoom="3"] .cx-main [data-module-template="heroes"] {
                --content-height: 750px
            }

            html[data-text-zoom="4"] .cx-main [data-module-template="heroes"] {
                --content-height: 850px
            }

            html[data-text-zoom="5"] .cx-main [data-module-template="heroes"] {
                --content-height: 950px
            }

            html[data-text-zoom="6"] .cx-main [data-module-template="heroes"] {
                --content-height: 1050px
            }
        }

        @media screen and (max-width: 734px) and (min-width: 0px) {
            .cx-main [data-module-template="promos"] {
                --content-height: 500px;
                --columns: 1;
                --gutter-width: 12px;
                --gutter-half-width: 6px;
                --gutter-and-half-width: 18px;
                --gutter-color: #fff;
                --double-edge-border-width: 0px;
                --edge-border-width: 0px;
                --background-color: #f5f5f7;
                --text-color: #1d1d1f;
                --edge-border-width-fallback: 0px
            }

            html[data-text-zoom="1"] .cx-main [data-module-template="promos"] {
                --content-height: 600px
            }

            html[data-text-zoom="2"] .cx-main [data-module-template="promos"] {
                --content-height: 675px
            }

            html[data-text-zoom="3"] .cx-main [data-module-template="promos"] {
                --content-height: 750px
            }

            html[data-text-zoom="4"] .cx-main [data-module-template="promos"] {
                --content-height: 850px
            }

            html[data-text-zoom="5"] .cx-main [data-module-template="promos"] {
                --content-height: 950px
            }

            html[data-text-zoom="6"] .cx-main [data-module-template="promos"] {
                --content-height: 1050px
            }
        }