[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: #transparent
}

[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.unit-link:hover {
    text-decoration: none
}

[data-module-template] [data-unit-id] .unit-wrapper a.unit-link:focus {
    outline-offset: -3px
}

html.ie [data-module-template] [data-unit-id] .unit-wrapper a.unit-link:focus {
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px)
}

[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 a:not(.unit-link):hover {
    text-decoration: underline
}

[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] .cta {
    color: #06c
}

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

[data-module-template] [data-unit-id] .theme-dark .cta {
    color: #2997ff
}

html {
    --global-nav-ad-bar-height: 0px;
    --global-nav-collective-height: 0px
}

html:not(.aos) {
    --global-nav-collective-height: calc(var(--r-globalnav-height) + var(--global-nav-ad-bar-height))
}

html:not(.aos).ac-gn-segmentbar-visible, html:not(.aos).globalmessage-segment-visible {
    --global-nav-collective-height: calc(var(--r-globalnav-height) + var(--r-globalnav-segmentbar-height) + var(--global-nav-ad-bar-height))
}

html:not(.aos).ac-ls-visible {
    --global-nav-collective-height: calc(var(--r-globalnav-height) + var(--r-localeswitcher-height) + var(--global-nav-ad-bar-height))
}

html:not(.aos).ac-gn-segmentbar-visible.ac-ls-visible, html:not(.aos).globalmessage-segment-visible.ac-ls-visible {
    --global-nav-collective-height: calc(var(--r-globalnav-height) + var(--r-globalnav-segmentbar-height) + var(--r-localeswitcher-height) + var(--global-nav-ad-bar-height))
}

html body.ac-nav-overlap #ac-gn-placeholder, html body.ac-nav-overlap #globalnav-placeholder {
    display: block
}

@supports (height: calc(var(--global-nav-collective-height) + var(--content-height) + 12px)) {
    html body.ac-nav-overlap #ac-gn-placeholder, html body.ac-nav-overlap #globalnav-placeholder {
        display: none
    }

    html #ac-globalnav, html #ac-globalnav ~ .ac-gn-blur, html #globalnav, html #globalnav ~ .globalnav-blur, html #ac-gn-segmentbar, html #globalmessage-segment, html #ac-localeswitcher, html div.adv-wrapper {
        position: fixed
    }

    html div.adv-wrapper {
        margin-top: 0px !important;
        top: 0px !important
    }

    html.ac-gn-segmentbar-visible, html.globalmessage-segment-visible, html.ac-ls-visible {
        margin-top: 0 !important;
        top: 0
    }

    html.ac-gn-segmentbar-visible body, html.globalmessage-segment-visible body, html.ac-ls-visible body {
        border-top: none;
        margin-top: 0
    }

    @media only screen and (max-width: 734px) {
        html.ac-gn-segmentbar-visible.ac-gn-noscroll #ac-globalnav, html.ac-gn-segmentbar-visible.globalnav-noscroll #globalnav, html.globalmessage-segment-visible.ac-gn-noscroll #ac-globalnav, html.globalmessage-segment-visible.globalnav-noscroll #globalnav, html.ac-ls-visible.ac-gn-noscroll #ac-globalnav, html.ac-ls-visible.globalnav-noscroll #globalnav {
            top: 0
        }
    }html #ac-globalnav, html #globalnav {
         top: calc(0px + var(--global-nav-ad-bar-height))
     }

    html.ac-gn-segmentbar-visible #ac-gn-segmentbar, html.ac-gn-segmentbar-visible #globalmessage-segment, html.globalmessage-segment-visible #ac-gn-segmentbar, html.globalmessage-segment-visible #globalmessage-segment {
        top: calc(0px + var(--global-nav-ad-bar-height))
    }

    html.ac-gn-segmentbar-visible #ac-globalnav, html.ac-gn-segmentbar-visible #ac-globalnav ~ .ac-gn-blur, html.ac-gn-segmentbar-visible #globalnav, html.ac-gn-segmentbar-visible #globalnav ~ .globalnav-blur, html.globalmessage-segment-visible #ac-globalnav, html.globalmessage-segment-visible #ac-globalnav ~ .ac-gn-blur, html.globalmessage-segment-visible #globalnav, html.globalmessage-segment-visible #globalnav ~ .globalnav-blur {
        top: calc(var(--r-globalnav-segmentbar-height) + var(--global-nav-ad-bar-height))
    }

    html.ac-ls-visible #ac-localeswitcher {
        top: calc(0px + var(--global-nav-ad-bar-height))
    }

    html.ac-ls-visible #ac-globalnav, html.ac-ls-visible #ac-globalnav ~ .ac-gn-blur, html.ac-ls-visible #globalnav, html.ac-ls-visible #globalnav ~ .globalnav-blur {
        top: calc(var(--r-localeswitcher-height) + var(--global-nav-ad-bar-height))
    }

    html.ac-ls-visible.ac-gn-segmentbar-visible #ac-globalnav ~ .ac-gn-blur, html.ac-ls-visible.ac-gn-segmentbar-visible #globalnav ~ .globalnav-blur, html.ac-ls-visible.globalmessage-segment-visible #ac-globalnav ~ .ac-gn-blur, html.ac-ls-visible.globalmessage-segment-visible #globalnav ~ .globalnav-blur {
        top: calc(var(--r-localeswitcher-height) + var(--r-globalnav-segmentbar-height) + var(--global-nav-ad-bar-height))
    }

    html.ac-ls-visible.ac-gn-segmentbar-visible #ac-globalfooter, html.ac-ls-visible.globalmessage-segment-visible #ac-globalfooter {
        top: var(--global-nav-collective-height)
    }
}

.main {
    position: relative;
    max-width: 1500px;
    margin: 0 auto;
    padding-top: var(--global-nav-collective-height)
}

.main [data-module-template].standalone-module {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    overflow: visible;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px
}

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

.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
}

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

.all-small-caps {
    font-variant-caps: all-small-caps
}

.logo-image {
    margin: 0 auto
}

.logo-image-20-years-of-podcasts-promo-logo-20-years-of-podcasts {
    width: 194px;
    height: 40px;
    background-size: 194px 40px;
    background-repeat: no-repeat;
    background-image: url("/web/20250907234609im_/https://www.apple.com/v/home/cg/images/logos/20-years-of-podcasts/promo_logo_20_years_of_podcasts__dtkam67jeawm_large.png");
    background-position: center
}


html.enhanced-xp .main [data-module-template="heroes"] [data-unit-id="apple-event-september"] .unit-image-wrapper .hitbox {
    position: absolute;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 388px;
    width: 388px
}

html.enhanced-xp .main [data-module-template="heroes"] [data-unit-id="apple-event-september"] .unit-image-wrapper .static-frame {
    display: none
}

.main [data-module-template="heroes"] [data-unit-id="airpods-pro-2"] .unit-wrapper.bottom-copy-wrapper .unit-copy-wrapper .subhead {
    max-width: 678px
}


.main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-watch-ultra-2-hero-apple-watch-ultra2-announce {
    width: 3008px;
    height: 580px;
    background-size: 3008px 580px;
    background-repeat: no-repeat;
    background-image: url("/web/20250907234609im_/https://www.apple.com/v/home/cg/images/heroes/apple-watch-ultra-2/hero_apple_watch_ultra2_announce__gmw5502znrqu_large.jpg")
}


.main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-watch-ultra-2-hero-apple-watch-ultra2-avail {
    width: 3008px;
    height: 580px;
    background-size: 3008px 580px;
    background-repeat: no-repeat;
    background-image: url("/web/20250907234609im_/https://www.apple.com/v/home/cg/images/heroes/apple-watch-ultra-2/hero_apple_watch_ultra2_avail__fxti69gxmjm2_large.jpg")
}


@supports (height: calc(var(--global-nav-collective-height) + var(--content-height) + 12px)) {
    .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: 1440px) and (min-width: 1069px) and (max-height: 1441000px) and (min-height: 776px) {
        .main [data-module-template="heroes"] {
            --content-height: 692px;
            --columns: 1;
            --gutter-width: 12px;
            --gutter-half-width: 6px;
            --gutter-and-half-width: 18px;
            /*Marco blando deshabilitado*/
            --gutter-color: transparent;
            --double-edge-border-width: 0px;
            --edge-border-width: 0px;
            --background-color: #transparent;
            --text-color: #1d1d1f;
            --edge-border-width-fallback: 0px
        }

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

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

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

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

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

        html[data-text-zoom="6"] .main [data-module-template="heroes"] {
            --content-height: 1314.8px
        }
    }@media screen and (max-width: 1440px) and (min-width: 1069px) and (max-height: 775px) and (min-height: 0px) {
    .main [data-module-template="heroes"] {
        --content-height: 580px;
        --columns: 1;
        --gutter-width: 12px;
        --gutter-half-width: 6px;
        --gutter-and-half-width: 18px;
        --gutter-color: transparent;
        --double-edge-border-width: 0px;
        --edge-border-width: 0px;
        --background-color: #transparent;
        --text-color: #1d1d1f;
        --edge-border-width-fallback: 0px
    }

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

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

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

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

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

    html[data-text-zoom="6"] .main [data-module-template="heroes"] {
        --content-height: 1102px
    }
}@media screen and (max-width: 1068px) and (min-width: 735px) and (max-height: 1441000px) and (min-height: 734px) {
    .main [data-module-template="heroes"] {
        --content-height: 650px;
        --columns: 1;
        --gutter-width: 12px;
        --gutter-half-width: 6px;
        --gutter-and-half-width: 18px;
        --gutter-color: transparent;
        --double-edge-border-width: 0px;
        --edge-border-width: 0px;
        --background-color: #transparent;
        --text-color: #1d1d1f;
        --edge-border-width-fallback: 0px
    }

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

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

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

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

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

    html[data-text-zoom="6"] .main [data-module-template="heroes"] {
        --content-height: 1235px
    }
}@media screen and (max-width: 1068px) and (min-width: 735px) and (max-height: 733px) and (min-height: 0px) {
    .main [data-module-template="heroes"] {
        --content-height: 570px;
        --columns: 1;
        --gutter-width: 12px;
        --gutter-half-width: 6px;
        --gutter-and-half-width: 18px;
        --gutter-color: transparent;
        --double-edge-border-width: 0px;
        --edge-border-width: 0px;
        --background-color: #transparent;
        --text-color: #1d1d1f;
        --edge-border-width-fallback: 0px
    }

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

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

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

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

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

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

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

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

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

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

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

    html[data-text-zoom="6"] .main [data-module-template="heroes"] {
        --content-height: 1314.8px
    }
}@media screen and (max-width: 1441000px) and (min-width: 1441px) and (max-height: 775px) and (min-height: 0px) {
    .main [data-module-template="heroes"] {
        --content-height: 580px;
        --columns: 1;
        --gutter-width: 12px;
        --gutter-half-width: 6px;
        --gutter-and-half-width: 18px;
        --gutter-color: transparent;
        --double-edge-border-width: 0px;
        --edge-border-width: 0px;
        --background-color: #transparent;
        --text-color: #1d1d1f;
        --edge-border-width-fallback: 0px
    }

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

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

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

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

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

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

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

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

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

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

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

    html[data-text-zoom="6"] .main [data-module-template="heroes"] {
        --content-height: 1050px
    }
}.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: black
 }

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

    .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)
    }
}

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

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

.main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper > *.cta, .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) {
    .main [data-module-template="heroes"] [data-unit-id="mls-finale"] .unit-copy-wrapper .headline {
        margin-top: 6px
    }
}

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


.main [data-module-template="heroes"] [data-unit-id="apple-event-september"] .unit-wrapper.theme-dark {
    background: #000;
    border-radius: 50px;

}

.main [data-module-template="heroes"] [data-unit-id="apple-event-september"] .unit-copy-wrapper .headline {
    background: -webkit-radial-gradient(center top, ellipse farthest-corner, #6ECDFF 20%, #1745EF 70%);
    background: radial-gradient(ellipse farthest-corner at center top, #6ECDFF 20%, #1745EF 70%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

html.safari .main [data-module-template="heroes"] [data-unit-id="apple-event-september"] .unit-copy-wrapper .headline {
    background: -webkit-radial-gradient(center top, ellipse farthest-corner, #6ECDFF 20%, #1745EF 70%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.main [data-module-template="heroes"] [data-unit-id="apple-event-september"] .unit-image-wrapper .animation-wrapper {
    display: none
}

.main [data-module-template="heroes"] [data-unit-id="apple-event-september"] .unit-image-wrapper #webgl,
html.enhanced-xp .main [data-module-template="heroes"] [data-unit-id="apple-event-september"] .unit-image-wrapper #arrow {
    display: none
}

.main [data-module-template="heroes"] [data-unit-id="apple-event-september"] .unit-image-wrapper .static-frame {
    display: block
}

.main [data-module-template="heroes"] [data-unit-id="apple-event-september"] .unit-image-wrapper .apple-event-september-video {
    width: 388px;
    height: 388px;
    display: none;
    position: absolute;
    top: 0;
    top: 1px
}


@media only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) {
    .main [data-module-template="heroes"] [data-unit-id="apple-event-september"] .unit-image-wrapper .apple-event-september-video {
        top: 1px
    }
}

html.enhanced-xp .main [data-module-template="heroes"] [data-unit-id="apple-event-september"] .unit-image-wrapper .animation-wrapper {
    width: 100%;
    /*!!*/
    height: 1%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

html.enhanced-xp .main [data-module-template="heroes"] [data-unit-id="apple-event-september"] .unit-image-wrapper .inline-media-ui {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10
}

@media only screen and (max-width: 734px) {
    html.enhanced-xp .main [data-module-template="heroes"] [data-unit-id="apple-event-september"] .unit-image-wrapper .inline-media-ui {
        top: 16px;
        bottom: unset
    }
}

html.enhanced-xp .main [data-module-template="heroes"] [data-unit-id="apple-event-september"] .unit-image-wrapper .start-frame {
    position: absolute;
    -webkit-transition: opacity 1300ms;
    transition: opacity 1300ms;
    top: 1px
}


html.enhanced-xp.windows .main [data-module-template="heroes"] [data-unit-id="apple-event-september"] .unit-image-wrapper .start-frame {
    width: 388px;
    height: 388px;
    background-size: 388px 388px;
    background-repeat: no-repeat;
    background-image: url("/web/20250907234609im_/https://www.apple.com/v/home/cg/images/heroes/apple-event-september/hero_teaser_startframe__bxz48q6efuqa_large.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) {
    html.enhanced-xp.windows .main [data-module-template="heroes"] [data-unit-id="apple-event-september"] .unit-image-wrapper .start-frame {
        background-image: url("/web/20250907234609im_/https://www.apple.com/v/home/cg/images/heroes/apple-event-september/hero_teaser_startframe__bxz48q6efuqa_large_2x.jpg")
    }
}

html.enhanced-xp .main [data-module-template="heroes"] [data-unit-id="apple-event-september"] .unit-image-wrapper #webgl,
html.enhanced-xp .main [data-module-template="heroes"] [data-unit-id="apple-event-september"] .unit-image-wrapper #arrow {
    width: 388px;
    height: 388px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 1px
}