#globalnav .globalnav-submenu-list-item-elevated, 
#globalnav .globalnav-submenu-list-item-elevated:lang(ar), 
#globalnav .globalnav-searchfield-input, 
#globalnav .globalnav-searchfield-input:lang(ar), 
#ac-localnav .ac-ln-title, 
#ac-localnav .ac-ln-title:lang(ar), 
.typography-headline-elevated, 
.typography-headline-elevated:lang(ar), 
.typography-eyebrow-super, 
.typography-eyebrow-super:lang(ar), 
.typography-eyebrow-reduced, 
.typography-eyebrow-reduced:lang(ar), 
.typography-story-eyebrow, 
.typography-story-eyebrow:lang(ar), 
.typography-story-headline, 
.typography-story-headline:lang(ar), 
.typography-story-body, 
.typography-story-body:lang(ar), 
.typography-story-quote, 
.typography-story-quote:lang(ar), 
.typography-story-quote-attribution, 
.typography-story-quote-attribution:lang(ar) {
    letter-spacing: 0;
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
  
#globalnav .globalnav-link, 
#globalnav .globalnav-link:lang(ar), 
#globalnav .globalnav-link-apple, 
#globalnav .globalnav-link-apple:lang(ar), 
#globalnav .globalnav-submenu-header, 
#globalnav .globalnav-submenu-header:lang(ar), 
#globalnav .globalnav-submenu-list-item, 
#globalnav .globalnav-submenu-list-item:lang(ar), 
#globalmessage-segment, 
#globalmessage-segment:lang(ar), 
.globalnav-bag-badge-number, 
.globalnav-bag-badge-unit, 
#ac-globalfooter, #ac-globalfooter select, #ac-globalfooter button, 
#ac-globalfooter:lang(ar), #ac-globalfooter select:lang(ar), #ac-globalfooter button:lang(ar), 
#ac-globalfooter, 
#ac-globalfooter:lang(ar), 
#ac-globalfooter .ac-gf-breadcrumbs-path, 
#ac-globalfooter .ac-gf-breadcrumbs-path:lang(ar), 
#ac-globalfooter .ac-gf-directory, 
#ac-globalfooter .ac-gf-directory:lang(ar), 
#ac-globalfooter .ac-gf-directory-column-section-title-button, #ac-globalfooter .ac-gf-directory-column-section-title > .ac-gf-directory-column-section-title-text, 
#ac-globalfooter .ac-gf-directory-column-section-title-button:lang(ar), #ac-globalfooter .ac-gf-directory-column-section-title > .ac-gf-directory-column-section-title-text:lang(ar), 
#ac-localnav .ac-ln-menu, 
#ac-localnav .ac-ln-menu:lang(ar), 
#ac-localnav .ac-ln-button, 
#ac-localnav .ac-ln-button:lang(ar), 
html, 
[lang]:lang(ar), 
body, 
body:lang(ar), 
.button, 
.button:lang(ar), 
.button-super, 
.button-super:lang(ar), 
.typography-image-caption, 
.typography-image-caption:lang(ar), 
.ac-video-controls .ac-video-ax-tracks-selector-container, 
.controls-progress-time, 
.controls-progress-dvr-label-container .live-stream-text, .live-stream .live-stream-text, 
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-time, 
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title, 
.sharing-state .container .textarea-container .copy-area {
    letter-spacing: 0;
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
}
  
@media (max-width: 833px) {
#globalnav .globalnav-link, 
#globalnav .globalnav-link:lang(ar), 
#globalnav .globalnav-link-apple, 
#globalnav .globalnav-link-apple:lang(ar), 
#globalnav .globalnav-submenu-list-item-elevated, 
#globalnav .globalnav-submenu-list-item-elevated:lang(ar), 
#globalnav .globalnav-searchfield-input, 
#globalnav .globalnav-searchfield-input:lang(ar), 
#ac-localnav .ac-ln-title, 
#ac-localnav .ac-ln-title:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

#globalnav .globalnav-submenu-header, 
#globalnav .globalnav-submenu-header:lang(ar), 
#globalnav .globalnav-submenu-list-item, 
#globalnav .globalnav-submenu-list-item:lang(ar), 
#ac-localnav .ac-ln-menu, 
#ac-localnav .ac-ln-menu:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}

@media (max-width: 1068px) {
.typography-headline-elevated, 
.typography-headline-elevated:lang(ar), 
.typography-eyebrow-super, 
.typography-eyebrow-super:lang(ar), 
.typography-story-eyebrow, 
.typography-story-eyebrow:lang(ar), 
.typography-story-headline, 
.typography-story-headline:lang(ar), 
.typography-story-body, 
.typography-story-body:lang(ar), 
.typography-story-quote, 
.typography-story-quote:lang(ar), 
.typography-story-quote-attribution, 
.typography-story-quote-attribution:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.small-business-router-button, 
.small-business-router-button:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}

@media (max-width: 734px) {
.typography-headline-elevated, 
.typography-headline-elevated:lang(ar), 
.typography-eyebrow-super, 
.typography-eyebrow-super:lang(ar), 
.typography-eyebrow-reduced, 
.typography-eyebrow-reduced:lang(ar), 
.typography-story-headline, 
.typography-story-headline:lang(ar), 
.typography-story-quote, 
.typography-story-quote:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.typography-story-eyebrow, 
.typography-story-eyebrow:lang(ar), 
.typography-story-body, 
.typography-story-body:lang(ar), 
.typography-story-quote-attribution, 
.typography-story-quote-attribution:lang(ar), 
.hub-tile-button, 
.hub-tile-button:lang(ar), 
.film-trigger-shared, 
.film-trigger-shared:lang(ar), 
.small-business-router-button, 
.small-business-router-button:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}

.typography-story-headline {
    line-height: 1.2;
}

.text-gradient {
    background-image: linear-gradient(-45deg,#ff825b,#e85cba 25%,#a546e9 75%,#7533ff);
}

@media (min-width: 1441px) {
    html.enhanced-xp .story-hero-image-container.with-media>.inline-media-container .inline-media-ui .play-pause-button {
        right: calc(100% - 52px);
        left: unset;
    }
}