apple-tv-plus-player, apple-music-video-player, amp-chrome-player, amp-footer-player, apple-music-card-player, amp-lyrics, amp-user-menu, amp-playback-controls-unified, apple-music-artwork-lockup, apple-music-progress, apple-music-volume, amp-add-to-library, amp-jump-to-live-control, amp-playback-controls-autoplay, amp-playback-controls-mute, amp-volume-control-unified, apple-music-radio-column-player, amp-ambient-video, amp-artwork, amp-background-video, amp-eq-bars, amp-footer-player-metadata, amp-footer-player-progress, amp-loading-spinner, amp-lyrics-display-header, amp-playback-controls-pip, amp-playback-time, amp-podcast-keyboard-controls, amp-sign-in, amp-transition, amp-lyrics-display-footer, amp-lyrics-display-instrumental-line, amp-lyrics-display-synced-line, amp-lyrics-display-time-synced, amp-lyrics-display-static, amp-chrome-volume, amp-embed-notification, amp-skip-intro, amp-up-next, apple-music-artwork, amp-more-menu, amp-more-menu-item, amp-user-avatar, amp-volume-control, amp-playback-controls-progress-range, amp-icon, amp-playback-controls-skip, amp-playback-controls-play, amp-lcd-metadata, amp-playback-controls-item-skip, amp-playback-controls-repeat, amp-playback-controls-shuffle, amp-contextual-menu-button, amp-marquee-text, amp-lcd, amp-podcast-playback-controls, apple-music-playback-controls, amp-lcd-progress, amp-overlay, amp-playback-controls-progress, amp-product-placement-overlay-ui, amp-pse-overlay-ui, amp-rating-overlay-ui, amp-contextual-menu, amp-contextual-menu-item, amp-contextual-menu-scrim, amp-video-player-internal, amp-window-takeover, amp-tv-overlay, amp-airplay-control, amp-audio-tracks-control, amp-captions-control, amp-playback-controls-exit, amp-playback-controls-full-screen, amp-video-keyboard-controls, amp-video-player { visibility: hidden; } [hydrated] { visibility: inherit; } @font-face { font-family: "Apple Legacy Chevron"; font-style: normal; font-weight: 100; src: local(""), url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_ultralight.woff") format("woff"), url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_ultralight.ttf") format("truetype"); } @font-face { font-family: "Apple Icons 100"; src: url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_ultralight.eot"); } @font-face { font-family: "Apple Legacy Chevron"; font-style: normal; font-weight: 200; src: local(""), url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_thin.woff") format("woff"), url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_thin.ttf") format("truetype"); } @font-face { font-family: "Apple Icons 200"; src: url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_thin.eot"); } @font-face { font-family: "Apple Legacy Chevron"; font-style: normal; font-weight: 300; src: local(""), url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_thin.woff") format("woff"), url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_thin.ttf") format("truetype"); } @font-face { font-family: "Apple Icons 300"; src: url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_thin.eot"); } @font-face { font-family: "Apple Legacy Chevron"; font-style: normal; font-weight: 400; src: local(""), url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_text.woff") format("woff"), url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_text.ttf") format("truetype"); } @font-face { font-family: "Apple Icons 400"; src: url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_text.eot"); } @font-face { font-family: "Apple Legacy Chevron"; font-style: normal; font-weight: 500; src: local(""), url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_text.woff") format("woff"), url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_text.ttf") format("truetype"); } @font-face { font-family: "Apple Icons 500"; src: url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_text.eot"); } @font-face { font-family: "Apple Legacy Chevron"; font-style: normal; font-weight: 600; src: local(""), url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_text.woff") format("woff"), url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_text.ttf") format("truetype"); } @font-face { font-family: "Apple Icons 600"; src: url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_text.eot"); } @font-face { font-family: "Apple Legacy Chevron"; font-style: normal; font-weight: 700; src: local(""), url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_text.woff") format("woff"), url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_text.ttf") format("truetype"); } @font-face { font-family: "Apple Icons 700"; src: url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_text.eot"); } @font-face { font-family: "Apple Legacy Chevron"; font-style: normal; font-weight: 800; src: local(""), url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_text.woff") format("woff"), url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_text.ttf") format("truetype"); } @font-face { font-family: "Apple Icons 800"; src: url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_text.eot"); } @font-face { font-family: "Apple Legacy Chevron"; font-style: normal; font-weight: 900; src: local(""), url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_text.woff") format("woff"), url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_text.ttf") format("truetype"); } @font-face { font-family: "Apple Icons 900"; src: url("https://apps.apple.com/us/app/assets/ac-footer/legacy/appleicons_text.eot"); } #ac-globalfooter { --gf-focus-color: var(--sk-focus-color, #0071E3); --gf-focus-color-alt: var(--sk-focus-color-alt, rgb(0, 0, 0)); --gf-focus-offset: var(--sk-focus-offset, 1px); --gf-focus-offset-container: var(--sk-focus-offset-container, 3px); } #ac-globalfooter { font-weight: normal; text-size-adjust: 100%; } #ac-globalfooter, #ac-globalfooter::before, #ac-globalfooter::after, #ac-globalfooter *, #ac-globalfooter ::before, #ac-globalfooter ::after { box-sizing: content-box; margin: 0px; padding: 0px; float: initial; pointer-events: auto; letter-spacing: normal; } #ac-globalfooter *, #ac-globalfooter ::before, #ac-globalfooter ::after { float: inherit; font-size: 1em; font-family: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-align: inherit; } #ac-globalfooter div, #ac-globalfooter main, #ac-globalfooter article, #ac-globalfooter aside, #ac-globalfooter details, #ac-globalfooter figcaption, #ac-globalfooter figure, #ac-globalfooter footer, #ac-globalfooter header, #ac-globalfooter nav, #ac-globalfooter section { display: block; } #ac-globalfooter img { border: 0px; vertical-align: middle; } #ac-globalfooter ul { list-style: none; } #ac-globalfooter, #ac-globalfooter input, #ac-globalfooter textarea, #ac-globalfooter select, #ac-globalfooter button { font-synthesis: none; -webkit-font-smoothing: antialiased; text-align: start; } #ac-globalfooter:not([dir="rtl"]), #ac-globalfooter:not([dir="rtl"]) input, #ac-globalfooter:not([dir="rtl"]) textarea, #ac-globalfooter:not([dir="rtl"]) select, #ac-globalfooter:not([dir="rtl"]) button { direction: ltr; } #ac-globalfooter, #ac-globalfooter select, #ac-globalfooter button { font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "Helvetica Neue", Helvetica, Arial, sans-serif; } #ac-globalfooter input, #ac-globalfooter textarea { font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "Helvetica Neue", Helvetica, Arial, sans-serif; } #ac-globalfooter sup { font-size: 0.6em; vertical-align: top; position: relative; bottom: -0.2em; } h1 #ac-globalfooter sup, h2 #ac-globalfooter sup, h3 #ac-globalfooter sup { font-size: 0.4em; } #ac-globalfooter sup a { vertical-align: inherit; color: inherit; } #ac-globalfooter sup a:hover { color: rgb(0, 102, 204); text-decoration: none; } #ac-globalfooter sub { font-size: smaller; vertical-align: sub; line-height: 1; } ac-globalfooter-dark #ac-globalfooter { --gf-focus-color-alt: var(--sk-focus-color-alt, rgb(255, 255, 255)); } #ac-globalfooter :focus-visible { --sk-focus-color: var(--gf-focus-color); --sk-focus-color-alt: var(--gf-focus-color-alt); --sk-focus-offset: var(--gf-focus-offset); --sk-focus-offset-container: var(--gf-focus-offset-container); outline: 2px solid var(--sk-focus-color, #0071E3); outline-offset: var(--sk-focus-offset, 1px); } #ac-globalfooter a.ac-gf-block { --sk-blocklink-color: rgb(0, 102, 204); color: inherit; box-sizing: border-box; display: block; cursor: pointer; text-decoration: none; } #ac-globalfooter a.ac-gf-block::before, #ac-globalfooter a.ac-gf-block::after { content: " "; display: table; } #ac-globalfooter a.ac-gf-block::after { clear: both; } #ac-globalfooter a.ac-gf-block:hover { text-decoration: none; } #ac-globalfooter .ac-gf-block-link { cursor: pointer; color: var(--sk-blocklink-color); } #ac-globalfooter .ac-gf-block-link:hover { text-decoration: underline; } #ac-globalfooter a.ac-gf-block-inline { display: inline-block; } #ac-globalfooter a.ac-gf-block-dark { --sk-blocklink-color: rgb(41, 151, 255); } #ac-globalfooter .theme-light a.ac-gf-block-dark { --sk-blocklink-color: rgb(41, 151, 255); } #ac-globalfooter a.ac-gf-block-light { --sk-blocklink-color: rgb(0, 102, 204); } #ac-globalfooter .theme-dark a.ac-gf-block.ac-gf-block-light { --sk-blocklink-color: rgb(0, 102, 204); } #ac-globalfooter .ac-gf-icon::before, #ac-globalfooter .ac-gf-icon::after, #ac-globalfooter .ac-gf-more::before, #ac-globalfooter .ac-gf-more::after { font-family: "SF Pro Icons", "Apple Legacy Chevron"; color: inherit; display: inline-block; font-style: normal; font-weight: inherit; font-size: inherit; line-height: 1; text-decoration: underline; position: relative; z-index: 1; } #ac-globalfooter .ac-gf-icon::before, #ac-globalfooter .ac-gf-icon::after, #ac-globalfooter .ac-gf-more::before, #ac-globalfooter .ac-gf-more::after { text-decoration: none; } #ac-globalfooter .ac-gf-icon::before, #ac-globalfooter .ac-gf-more::before { display: none; } #ac-globalfooter .ac-gf-icon-after::after, #ac-globalfooter .ac-gf-more::after { padding-inline-start: 0.3em; top: 0px; } #ac-globalfooter .ac-gf-icon-before::before { padding-inline-end: 0.3em; display: inline-block; top: 0px; } #ac-globalfooter .ac-gf-icon-before::after { display: none; } #ac-globalfooter .ac-gf-icon-before.ac-gf-icon-apple::before { padding-inline-end: 0px; display: inline-block; top: 0px; } #ac-globalfooter .ac-gf-icon-before.ac-gf-icon-apple::after { display: none; } #ac-globalfooter .ac-gf-icon-apple::before, #ac-globalfooter .ac-gf-icon-apple::after { content: ""; } #ac-globalfooter .ac-gf-icon-chevrondown::before, #ac-globalfooter .ac-gf-icon-chevrondown::after { content: ""; } #ac-globalfooter .ac-gf-icon-chevrondowncircle::before, #ac-globalfooter .ac-gf-icon-chevrondowncircle::after { content: ""; } #ac-globalfooter .ac-gf-icon-chevronleft::before, #ac-globalfooter .ac-gf-icon-chevronleft::after { content: ""; } #ac-globalfooter .ac-gf-icon-chevronleftcircle::before, #ac-globalfooter .ac-gf-icon-chevronleftcircle::after { content: ""; } #ac-globalfooter .ac-gf-icon-chevronright::before, #ac-globalfooter .ac-gf-icon-chevronright::after { content: ""; } #ac-globalfooter .ac-gf-icon-chevronrightcircle::before, #ac-globalfooter .ac-gf-icon-chevronrightcircle::after { content: ""; } #ac-globalfooter .ac-gf-icon-chevronup::before, #ac-globalfooter .ac-gf-icon-chevronup::after { content: ""; } #ac-globalfooter .ac-gf-icon-chevronupcircle::before, #ac-globalfooter .ac-gf-icon-chevronupcircle::after { content: ""; } #ac-globalfooter .ac-gf-icon-arrowdowncircle::before, #ac-globalfooter .ac-gf-icon-arrowdowncircle::after { content: ""; } #ac-globalfooter .ac-gf-icon-arrowupcircle::before, #ac-globalfooter .ac-gf-icon-arrowupcircle::after { content: "􀁶"; } #ac-globalfooter .ac-gf-icon-external::before, #ac-globalfooter .ac-gf-icon-external::after { content: ""; } #ac-globalfooter .ac-gf-icon-share::before, #ac-globalfooter .ac-gf-icon-share::after { content: ""; } #ac-globalfooter .ac-gf-icon-search::before, #ac-globalfooter .ac-gf-icon-search::after { content: ""; } #ac-globalfooter .ac-gf-icon-arkit::before, #ac-globalfooter .ac-gf-icon-arkit::after { content: ""; } #ac-globalfooter .ac-gf-icon-pausecircle::before, #ac-globalfooter .ac-gf-icon-pausecircle::after { content: ""; } #ac-globalfooter .ac-gf-icon-pausesolid::before, #ac-globalfooter .ac-gf-icon-pausesolid::after { content: ""; } #ac-globalfooter .ac-gf-icon-playcircle::before, #ac-globalfooter .ac-gf-icon-playcircle::after { content: ""; } #ac-globalfooter .ac-gf-icon-playsolid::before, #ac-globalfooter .ac-gf-icon-playsolid::after { content: ""; } #ac-globalfooter .ac-gf-icon-replay::before, #ac-globalfooter .ac-gf-icon-replay::after { content: ""; } #ac-globalfooter .ac-gf-icon-stopcircle::before, #ac-globalfooter .ac-gf-icon-stopcircle::after { content: ""; } #ac-globalfooter .ac-gf-icon-stopsolid::before, #ac-globalfooter .ac-gf-icon-stopsolid::after { content: ""; } #ac-globalfooter .ac-gf-icon-circle::before, #ac-globalfooter .ac-gf-icon-circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-check::before, #ac-globalfooter .ac-gf-icon-check::after { content: ""; } #ac-globalfooter .ac-gf-icon-checkcircle::before, #ac-globalfooter .ac-gf-icon-checkcircle::after { content: ""; } #ac-globalfooter .ac-gf-icon-checksolid::before, #ac-globalfooter .ac-gf-icon-checksolid::after { content: ""; } #ac-globalfooter .ac-gf-icon-reset::before, #ac-globalfooter .ac-gf-icon-reset::after { content: ""; } #ac-globalfooter .ac-gf-icon-resetcircle::before, #ac-globalfooter .ac-gf-icon-resetcircle::after { content: ""; } #ac-globalfooter .ac-gf-icon-resetsolid::before, #ac-globalfooter .ac-gf-icon-resetsolid::after { content: ""; } #ac-globalfooter .ac-gf-icon-ellipsiscircle::before, #ac-globalfooter .ac-gf-icon-ellipsiscircle::after { content: "􀍡"; } #ac-globalfooter .ac-gf-icon-ellipsissolid::before, #ac-globalfooter .ac-gf-icon-ellipsissolid::after { content: "􀍢"; } #ac-globalfooter .ac-gf-icon-exclamation::before, #ac-globalfooter .ac-gf-icon-exclamation::after { content: ""; } #ac-globalfooter .ac-gf-icon-exclamationcircle::before, #ac-globalfooter .ac-gf-icon-exclamationcircle::after { content: ""; } #ac-globalfooter .ac-gf-icon-exclamationsolid::before, #ac-globalfooter .ac-gf-icon-exclamationsolid::after { content: ""; } #ac-globalfooter .ac-gf-icon-exclamationtriangle::before, #ac-globalfooter .ac-gf-icon-exclamationtriangle::after { content: ""; } #ac-globalfooter .ac-gf-icon-exclamationtrianglesolid::before, #ac-globalfooter .ac-gf-icon-exclamationtrianglesolid::after { content: ""; } #ac-globalfooter .ac-gf-icon-infocircle::before, #ac-globalfooter .ac-gf-icon-infocircle::after { content: ""; } #ac-globalfooter .ac-gf-icon-infosolid::before, #ac-globalfooter .ac-gf-icon-infosolid::after { content: ""; } #ac-globalfooter .ac-gf-icon-question::before, #ac-globalfooter .ac-gf-icon-question::after { content: ""; } #ac-globalfooter .ac-gf-icon-questioncircle::before, #ac-globalfooter .ac-gf-icon-questioncircle::after { content: ""; } #ac-globalfooter .ac-gf-icon-questionsolid::before, #ac-globalfooter .ac-gf-icon-questionsolid::after { content: ""; } #ac-globalfooter .ac-gf-icon-plus::before, #ac-globalfooter .ac-gf-icon-plus::after { content: ""; } #ac-globalfooter .ac-gf-icon-pluscircle::before, #ac-globalfooter .ac-gf-icon-pluscircle::after { content: ""; } #ac-globalfooter .ac-gf-icon-plussolid::before, #ac-globalfooter .ac-gf-icon-plussolid::after { content: ""; } #ac-globalfooter .ac-gf-icon-minus::before, #ac-globalfooter .ac-gf-icon-minus::after { content: ""; } #ac-globalfooter .ac-gf-icon-minuscircle::before, #ac-globalfooter .ac-gf-icon-minuscircle::after { content: ""; } #ac-globalfooter .ac-gf-icon-minussolid::before, #ac-globalfooter .ac-gf-icon-minussolid::after { content: ""; } #ac-globalfooter .ac-gf-icon-1circle::before, #ac-globalfooter .ac-gf-icon-1circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-2circle::before, #ac-globalfooter .ac-gf-icon-2circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-3circle::before, #ac-globalfooter .ac-gf-icon-3circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-4circle::before, #ac-globalfooter .ac-gf-icon-4circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-5circle::before, #ac-globalfooter .ac-gf-icon-5circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-6circle::before, #ac-globalfooter .ac-gf-icon-6circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-7circle::before, #ac-globalfooter .ac-gf-icon-7circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-8circle::before, #ac-globalfooter .ac-gf-icon-8circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-9circle::before, #ac-globalfooter .ac-gf-icon-9circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-10circle::before, #ac-globalfooter .ac-gf-icon-10circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-11circle::before, #ac-globalfooter .ac-gf-icon-11circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-12circle::before, #ac-globalfooter .ac-gf-icon-12circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-13circle::before, #ac-globalfooter .ac-gf-icon-13circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-14circle::before, #ac-globalfooter .ac-gf-icon-14circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-15circle::before, #ac-globalfooter .ac-gf-icon-15circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-16circle::before, #ac-globalfooter .ac-gf-icon-16circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-17circle::before, #ac-globalfooter .ac-gf-icon-17circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-18circle::before, #ac-globalfooter .ac-gf-icon-18circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-19circle::before, #ac-globalfooter .ac-gf-icon-19circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-20circle::before, #ac-globalfooter .ac-gf-icon-20circle::after { content: ""; } #ac-globalfooter .ac-gf-icon-close::before, #ac-globalfooter .ac-gf-icon-close::after { content: ""; } #ac-globalfooter .ac-gf-icon-closecompact::before, #ac-globalfooter .ac-gf-icon-closecompact::after { content: ""; } #ac-globalfooter .ac-gf-icon-paddleleft::before, #ac-globalfooter .ac-gf-icon-paddleleft::after { content: ""; } #ac-globalfooter .ac-gf-icon-paddleleftcompact::before, #ac-globalfooter .ac-gf-icon-paddleleftcompact::after { content: ""; } #ac-globalfooter .ac-gf-icon-paddleright::before, #ac-globalfooter .ac-gf-icon-paddleright::after { content: ""; } #ac-globalfooter .ac-gf-icon-paddlerightcompact::before, #ac-globalfooter .ac-gf-icon-paddlerightcompact::after { content: ""; } #ac-globalfooter .ac-gf-icon-paddleup::before, #ac-globalfooter .ac-gf-icon-paddleup::after { content: ""; } #ac-globalfooter .ac-gf-icon-paddleupcompact::before, #ac-globalfooter .ac-gf-icon-paddleupcompact::after { content: ""; } #ac-globalfooter .ac-gf-icon-paddledown::before, #ac-globalfooter .ac-gf-icon-paddledown::after { content: ""; } #ac-globalfooter .ac-gf-icon-paddledowncompact::before, #ac-globalfooter .ac-gf-icon-paddledowncompact::after { content: ""; } #ac-globalfooter .ac-gf-icon-thumbnailreplay::before, #ac-globalfooter .ac-gf-icon-thumbnailreplay::after { content: ""; } #ac-globalfooter .ac-gf-icon-thumbnailpause::before, #ac-globalfooter .ac-gf-icon-thumbnailpause::after { content: ""; } #ac-globalfooter .ac-gf-icon-thumbnailplay::before, #ac-globalfooter .ac-gf-icon-thumbnailplay::after { content: ""; } #ac-globalfooter .ac-gf-icon-externalrtl::before, #ac-globalfooter .ac-gf-icon-externalrtl::after { content: ""; } #ac-globalfooter .ac-gf-icon-questionrtl::before, #ac-globalfooter .ac-gf-icon-questionrtl::after { content: ""; } #ac-globalfooter .ac-gf-icon-questioncirclertl::before, #ac-globalfooter .ac-gf-icon-questioncirclertl::after { content: ""; } #ac-globalfooter .ac-gf-icon-questionsolidrtl::before, #ac-globalfooter .ac-gf-icon-questionsolidrtl::after { content: ""; } #ac-globalfooter .ac-gf-icon-downloadcircle::before, #ac-globalfooter .ac-gf-icon-downloadcircle::after { content: ""; } #ac-globalfooter a.ac-gf-icon { text-decoration: none; } #ac-globalfooter a.ac-gf-icon:hover { text-decoration: underline; } #ac-globalfooter:not([dir="rtl"]) .ac-gf-more::before, #ac-globalfooter:not([dir="rtl"]) .ac-gf-more::after { content: ""; } #ac-globalfooter .ac-gf-more-block { margin-top: 0.5em; } #ac-globalfooter a.ac-gf-more { text-decoration: none; } #ac-globalfooter a.ac-gf-more:hover { text-decoration: underline; } #ac-globalfooter:not([dir="rtl"]) .ac-gf-icon-chevronstart::before, #ac-globalfooter:not([dir="rtl"]) .ac-gf-icon-chevronstart::after { content: ""; } #ac-globalfooter:not([dir="rtl"]) .ac-gf-icon-chevronstartcircle::before, #ac-globalfooter:not([dir="rtl"]) .ac-gf-icon-chevronstartcircle::after { content: ""; } #ac-globalfooter:not([dir="rtl"]) .ac-gf-icon-chevronend::before, #ac-globalfooter:not([dir="rtl"]) .ac-gf-icon-chevronend::after { content: ""; } #ac-globalfooter:not([dir="rtl"]) .ac-gf-icon-chevronendcircle::before, #ac-globalfooter:not([dir="rtl"]) .ac-gf-icon-chevronendcircle::after { content: ""; } #ac-globalfooter .ac-gf-icon-wrapper .ac-gf-icon, #ac-globalfooter .ac-gf-icon-wrapper .ac-gf-more:not(.ac-gf-icon-before)::after, #ac-globalfooter .ac-gf-icon-wrapper .ac-gf-icon-before::before, #ac-globalfooter .ac-gf-icon-wrapper .ac-gf-icon-after::after { display: inline; position: static; } #ac-globalfooter a.ac-gf-icon-wrapper { text-decoration: none; } #ac-globalfooter a.ac-gf-icon-wrapper:hover .ac-gf-icon-copy { text-decoration: underline; } #ac-globalfooter .ac-gf-buystrip { --buystrip-background: rgb(245, 245, 247); --buystrip-border-color: rgba(0, 0, 0, 0.16); --buystrip-text-color: rgba(0, 0, 0, 0.88); --buystrip-link-color: rgb(0, 102, 204); --buystrip-icon-color: rgba(0, 0, 0, 0.56); --buystrip-content-maxwidth: 980px; --buystrip-content-padding: 22px; --buystrip-items-padding-top: 0; --buystrip-items-padding-bottom: 56px; color: var(--buystrip-text-color); } .ac-globalfooter-dark #ac-globalfooter .ac-gf-buystrip, #ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip { --buystrip-background: rgb(29, 29, 31); --buystrip-border-color: rgba(255, 255, 255, 0.24); --buystrip-text-color: rgba(255, 255, 255, 0.92); --buystrip-link-color: rgb(41, 151, 255); --buystrip-icon-color: rgba(255, 255, 255, 0.56); } #ac-globalfooter.ac-gf-buystrip-light .ac-gf-buystrip { --buystrip-background: rgb(245, 245, 247); --buystrip-border-color: rgba(0, 0, 0, 0.16); --buystrip-text-color: rgba(0, 0, 0, 0.88); --buystrip-link-color: rgb(0, 102, 204); --buystrip-icon-color: rgba(0, 0, 0, 0.56); } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-buystrip { --buystrip-content-padding: 16px; } } @media only screen and (max-width: 480px) { #ac-globalfooter .ac-gf-buystrip { --buystrip-items-padding-top: 8px; } } #ac-globalfooter .ac-gf-buystrip-background { background: var(--buystrip-background); } #ac-globalfooter .ac-gf-buystrip-content { margin: 0px auto; max-width: var(--buystrip-content-maxwidth); padding: 0 var(--buystrip-content-padding); } #ac-globalfooter:not([dir="rtl"]) .ac-gf-buystrip-content { padding-inline-start: max(var(--buystrip-content-padding),env(safe-area-inset-left)); padding-inline-end: max(var(--buystrip-content-padding),env(safe-area-inset-right)); } #ac-globalfooter .ac-gf-buystrip-info { font-size: 14px; line-height: 1.42859; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "Helvetica Neue", Helvetica, Arial, sans-serif; display: flex; flex-wrap: wrap; justify-content: center; padding-top: var(--buystrip-items-padding-top); padding-bottom: var(--buystrip-items-padding-bottom); text-align: center; } #ac-globalfooter .ac-gf-buystrip-info-keyline, #ac-globalfooter .ac-gf-buystrip-info { border-bottom: 1px solid var(--buystrip-border-color); } #ac-globalfooter .ac-gf-buystrip-info-column { flex: 1 1 25%; max-width: 410px; } @media only screen and (max-width: 1023px) { #ac-globalfooter .ac-gf-buystrip-info-column { flex-basis: 50%; } } @media only screen and (max-width: 480px) { #ac-globalfooter .ac-gf-buystrip-info-column { flex-basis: 100%; } } @media only screen and (max-width: 1023px) { #ac-globalfooter .ac-gf-buystrip-info-column:last-child:nth-child(3) { flex-basis: 100%; } } #ac-globalfooter .ac-gf-buystrip-info-column:first-child:nth-last-child(2), #ac-globalfooter .ac-gf-buystrip-info-column:last-child:nth-child(2) { flex-basis: 50%; } @media only screen and (max-width: 480px) { #ac-globalfooter .ac-gf-buystrip-info-column:first-child:nth-last-child(2), #ac-globalfooter .ac-gf-buystrip-info-column:last-child:nth-child(2) { flex-basis: 100%; } } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-content { margin: 0px auto; padding-top: 56px; position: relative; text-align: center; width: 216px; z-index: 1; } @media only screen and (max-width: 734px) { #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-content { padding-top: 36px; } } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon { margin: 0px auto; height: 56px; color: var(--buystrip-icon-color); opacity: 0.56; } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon svg { width: auto; height: 100%; } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-appletvplus { background-image: var(--buystrip-item-background-image); background-size: 100% 56px; --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/appletvplus/icon_large.svg"); } .ac-globalfooter-dark #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-appletvplus, #ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-appletvplus { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/appletvplus/icon_dark_large.svg"); } #ac-globalfooter.ac-gf-buystrip-light .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-appletvplus { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/appletvplus/icon_large.svg"); } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-asa { background-image: var(--buystrip-item-background-image); background-size: 100% 56px; --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/asa/icon_large.svg"); } .ac-globalfooter-dark #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-asa, #ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-asa { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/asa/icon_dark_large.svg"); } #ac-globalfooter.ac-gf-buystrip-light .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-asa { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/asa/icon_large.svg"); } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-bag { background-image: var(--buystrip-item-background-image); background-size: 100% 56px; --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/bag/icon_large.svg"); } .ac-globalfooter-dark #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-bag, #ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-bag { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/bag/icon_dark_large.svg"); } #ac-globalfooter.ac-gf-buystrip-light .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-bag { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/bag/icon_large.svg"); } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-call { background-image: var(--buystrip-item-background-image); background-size: 100% 56px; --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/call/icon_large.svg"); } .ac-globalfooter-dark #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-call, #ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-call { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/call/icon_dark_large.svg"); } #ac-globalfooter.ac-gf-buystrip-light .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-call { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/call/icon_large.svg"); } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-engraving { background-image: var(--buystrip-item-background-image); background-size: 100% 56px; --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/engraving/icon_large.svg"); } .ac-globalfooter-dark #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-engraving, #ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-engraving { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/engraving/icon_dark_large.svg"); } #ac-globalfooter.ac-gf-buystrip-light .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-engraving { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/engraving/icon_large.svg"); } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-financing { background-image: var(--buystrip-item-background-image); background-size: 100% 56px; --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/financing/icon_large.svg"); } .ac-globalfooter-dark #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-financing, #ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-financing { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/financing/icon_dark_large.svg"); } #ac-globalfooter.ac-gf-buystrip-light .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-financing { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/financing/icon_large.svg"); } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-giftwrap { background-image: var(--buystrip-item-background-image); background-size: 100% 56px; --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/giftwrap/icon_large.svg"); } .ac-globalfooter-dark #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-giftwrap, #ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-giftwrap { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/giftwrap/icon_dark_large.svg"); } #ac-globalfooter.ac-gf-buystrip-light .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-giftwrap { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/giftwrap/icon_large.svg"); } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-help { background-image: var(--buystrip-item-background-image); background-size: 100% 56px; --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/help/icon_large.svg"); } .ac-globalfooter-dark #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-help, #ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-help { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/help/icon_dark_large.svg"); } #ac-globalfooter.ac-gf-buystrip-light .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-help { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/help/icon_large.svg"); } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-homekit { background-image: var(--buystrip-item-background-image); background-size: 100% 56px; --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/homekit/icon_large.svg"); } .ac-globalfooter-dark #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-homekit, #ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-homekit { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/homekit/icon_dark_large.svg"); } #ac-globalfooter.ac-gf-buystrip-light .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-homekit { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/homekit/icon_large.svg"); } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-learning { background-image: var(--buystrip-item-background-image); background-size: 100% 56px; --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/learning/icon_large.svg"); } .ac-globalfooter-dark #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-learning, #ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-learning { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/learning/icon_dark_large.svg"); } #ac-globalfooter.ac-gf-buystrip-light .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-learning { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/learning/icon_large.svg"); } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-personal_setup { background-image: var(--buystrip-item-background-image); background-size: 100% 56px; --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/personal_setup/icon_large.svg"); } .ac-globalfooter-dark #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-personal_setup, #ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-personal_setup { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/personal_setup/icon_dark_large.svg"); } #ac-globalfooter.ac-gf-buystrip-light .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-personal_setup { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/personal_setup/icon_large.svg"); } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-retail { background-image: var(--buystrip-item-background-image); background-size: 100% 56px; --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/retail/icon_large.svg"); } .ac-globalfooter-dark #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-retail, #ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-retail { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/retail/icon_dark_large.svg"); } #ac-globalfooter.ac-gf-buystrip-light .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-retail { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/retail/icon_large.svg"); } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-shipping { background-image: var(--buystrip-item-background-image); background-size: 100% 56px; --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/shipping/icon_large.svg"); } .ac-globalfooter-dark #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-shipping, #ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-shipping { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/shipping/icon_dark_large.svg"); } #ac-globalfooter.ac-gf-buystrip-light .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-shipping { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/shipping/icon_large.svg"); } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-thirdparty_retail { background-image: var(--buystrip-item-background-image); background-size: 100% 56px; --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/thirdparty_retail/icon_large.svg"); } .ac-globalfooter-dark #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-thirdparty_retail, #ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-thirdparty_retail { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/thirdparty_retail/icon_dark_large.svg"); } #ac-globalfooter.ac-gf-buystrip-light .ac-gf-buystrip-info-column .ac-gf-buystrip-info-icon-thirdparty_retail { --buystrip-item-background-image: url("https://apps.apple.com/us/app/assets/ac-buystrip/thirdparty_retail/icon_large.svg"); } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-title, #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-copy, #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-caption, #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-cta { margin: 0px; } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-title { font-size: 19px; line-height: 1.21053; font-weight: 600; letter-spacing: 0.012em; font-family: "SF Pro Display", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "Helvetica Neue", Helvetica, Arial, sans-serif; color: var(--buystrip-text-color); margin-top: 0.525em; } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-copy { color: var(--buystrip-text-color); display: block; margin-top: 0.4em; } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-copy + .ac-gf-buystrip-info-column-copy { margin-top: 0.8em; } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-caption { display: block; } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-cta { color: var(--buystrip-link-color); margin-top: 0.8em; display: block; } #ac-globalfooter.no-js .ac-gf-buystrip-info-column .ac-gf-buystrip-info-cta-chat { display: none; } @media only screen and (max-width: 480px) { #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-column:first-child .ac-gf-buystrip-info-column-content { padding-top: 36px; } } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-elevated .ac-gf-buystrip-info { font-size: 19px; line-height: 1.4211; font-weight: 400; letter-spacing: 0.012em; font-family: "SF Pro Display", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "Helvetica Neue", Helvetica, Arial, sans-serif; } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-elevated .ac-gf-buystrip-info-column:first-child:nth-last-child(4), #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-elevated .ac-gf-buystrip-info-column:first-child:nth-last-child(4) ~ .ac-gf-buystrip-info-column { flex-basis: 50%; } @media only screen and (max-width: 480px) { #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-elevated .ac-gf-buystrip-info-column:first-child:nth-last-child(4), #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-elevated .ac-gf-buystrip-info-column:first-child:nth-last-child(4) ~ .ac-gf-buystrip-info-column { flex-basis: 100%; } } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-elevated .ac-gf-buystrip-info-content { width: 294px; padding-left: 8px; padding-right: 8px; } @media only screen and (max-width: 480px) { #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-elevated .ac-gf-buystrip-info-content { width: 240px; padding-left: 0px; padding-right: 0px; } } #ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-elevated .ac-gf-buystrip-info-title { font-size: 21px; line-height: 1.19048; font-weight: 600; letter-spacing: 0.011em; font-family: "SF Pro Display", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 0.53em; } #ac-globalfooter { --footer-background: rgb(245, 245, 247); --footer-border-color: rgba(0, 0, 0, 0.16); --footer-text-color: rgba(0, 0, 0, 0.56); --footer-link-color: rgba(0, 0, 0, 0.72); --footer-pipe-color: rgba(0, 0, 0, 0.48); --footer-directory-title-color: rgba(0, 0, 0, 0.88); --footer-directory-title-color-hover: #000; --footer-directory-title-focus-offset: 4px; --footer-section-border-color: var(--footer-border-color); --footer-pipe-border: 1px solid var(--footer-pipe-color); font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -0.01em; font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "Helvetica Neue", Helvetica, Arial, sans-serif; background: var(--footer-background); color: var(--footer-text-color); min-width: 1024px; overflow: hidden; position: relative; z-index: 1; } .ac-globalfooter-dark #ac-globalfooter, #ac-globalfooter.ac-globalfooter-dark { --footer-background: rgb(29, 29, 31); --footer-border-color: rgba(255, 255, 255, 0.24); --footer-text-color: rgba(255, 255, 255, 0.56); --footer-link-color: rgba(255, 255, 255, 0.8); --footer-pipe-color: rgba(255, 255, 255, 0.4); --footer-directory-title-color: rgba(255, 255, 255, 0.92); --footer-directory-title-color-hover: #fff; } #ac-globalfooter.theme-light, #ac-globalfooter.ac-gf-light { --footer-background: rgb(245, 245, 247); --footer-border-color: rgba(0, 0, 0, 0.16); --footer-text-color: rgba(0, 0, 0, 0.56); --footer-link-color: rgba(0, 0, 0, 0.72); --footer-pipe-color: rgba(0, 0, 0, 0.48); --footer-directory-title-color: rgba(0, 0, 0, 0.88); --footer-directory-title-color-hover: #000; } @media only screen and (max-width: 1044px) { #ac-globalfooter { min-width: 320px; } } #ac-globalfooter h1, #ac-globalfooter h2, #ac-globalfooter h3, #ac-globalfooter h4, #ac-globalfooter h5, #ac-globalfooter h6 { color: var(--footer-directory-title-color); } #ac-globalfooter h1 > button, #ac-globalfooter h2 > button, #ac-globalfooter h3 > button, #ac-globalfooter h4 > button, #ac-globalfooter h5 > button, #ac-globalfooter h6 > button { color: var(--footer-directory-title-color); } #ac-globalfooter a { color: var(--footer-link-color); text-decoration: none; } #ac-globalfooter a:hover { text-decoration: underline; } #ac-globalfooter a.ac-gf-block { color: inherit; text-decoration: none; } #ac-globalfooter a.ac-gf-block:hover { color: inherit; } .ac-globalfooter-dark #ac-globalfooter a.ac-gf-block, #ac-globalfooter.ac-globalfooter-dark a.ac-gf-block { color: inherit; } .ac-globalfooter-dark #ac-globalfooter a.ac-gf-block .ac-gf-block-link, #ac-globalfooter.ac-globalfooter-dark a.ac-gf-block .ac-gf-block-link { color: rgb(41, 151, 255); } #ac-globalfooter .ac-gf-content { margin: 0px auto; max-width: 980px; padding: 0px 22px; } #ac-globalfooter:not([dir="rtl"]) .ac-gf-content { padding-inline-start: max(22px, env(safe-area-inset-left)); padding-inline-end: max(22px, env(safe-area-inset-right)); } @media only screen and (max-width: 833px) { #ac-globalfooter:not([dir="rtl"]) .ac-gf-content { padding-inline-start: max(16px, env(safe-area-inset-left)); padding-inline-end: max(16px, env(safe-area-inset-right)); } } @media (prefers-contrast: more) { #ac-globalfooter .ac-gf-content a:link { text-decoration: underline; } #ac-globalfooter .ac-gf-content a:link:hover { text-decoration: underline; } } #ac-globalfooter .ac-gf-label { position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; } #ac-globalfooter .ac-gf-sosumi { border-bottom: 1px solid var(--footer-section-border-color); padding: 17px 0px 11px; } #ac-globalfooter .ac-gf-sosumi a { text-decoration: underline; } #ac-globalfooter .ac-gf-sosumi ol { list-style-position: outside; margin: 0px; padding: 0px 17px; } #ac-globalfooter .ac-gf-sosumi ol li { list-style-type: decimal; } #ac-globalfooter .ac-gf-sosumi ul { list-style: none; margin: 0px; } #ac-globalfooter .ac-gf-sosumi li { padding-bottom: 0.8em; } #ac-globalfooter .ac-gf-sosumi p, #ac-globalfooter .ac-gf-sosumi li { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -0.01em; font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "Helvetica Neue", Helvetica, Arial, sans-serif; } #ac-globalfooter .ac-gf-sosumi small { font-size: 1em; } #ac-globalfooter .ac-gf-breadcrumbs { padding: 17px 0px; position: relative; z-index: 1; color: var(--footer-link-color); } #ac-globalfooter .ac-gf-breadcrumbs::before, #ac-globalfooter .ac-gf-breadcrumbs::after { content: " "; display: table; } #ac-globalfooter .ac-gf-breadcrumbs::after { clear: both; } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-breadcrumbs { border-bottom: 1px solid var(--footer-section-border-color); } } #ac-globalfooter .ac-gf-breadcrumbs-home { position: absolute; inset-inline-start: 0px; z-index: 2; top: 17px; } #ac-globalfooter .ac-gf-breadcrumbs-home-icon { width: 14px; height: 18px; display: block; position: relative; z-index: 2; color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0.72); mask-image: url("https://apps.apple.com/us/app/assets/ac-footer/breadcrumbs/apple/icon_large.svg"); } .ac-globalfooter-dark #ac-globalfooter .ac-gf-breadcrumbs-home-icon, #ac-globalfooter.ac-globalfooter-dark .ac-gf-breadcrumbs-home-icon { background-color: rgba(255, 255, 255, 0.8); } #ac-globalfooter.theme-light .ac-gf-breadcrumbs-home-icon, #ac-globalfooter.ac-gf-light .ac-gf-breadcrumbs-home-icon { background-color: rgba(0, 0, 0, 0.72); } #ac-globalfooter .ac-gf-breadcrumbs-home:hover { text-decoration: none; } #ac-globalfooter .ac-gf-breadcrumbs-home:hover .ac-gf-breadcrumbs-home-icon { background-color: rgba(0, 0, 0, 0.88); } .ac-globalfooter-dark #ac-globalfooter .ac-gf-breadcrumbs-home:hover .ac-gf-breadcrumbs-home-icon, #ac-globalfooter.ac-globalfooter-dark .ac-gf-breadcrumbs-home:hover .ac-gf-breadcrumbs-home-icon { background-color: rgba(255, 255, 255, 0.92); } #ac-globalfooter.theme-light .ac-gf-breadcrumbs-home:hover .ac-gf-breadcrumbs-home-icon, #ac-globalfooter.ac-gf-light .ac-gf-breadcrumbs-home:hover .ac-gf-breadcrumbs-home-icon { background-color: rgba(0, 0, 0, 0.88); } #ac-globalfooter .ac-gf-breadcrumbs-home-label { position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; } #ac-globalfooter .ac-gf-breadcrumbs-path { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -0.01em; font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; z-index: 1; } #ac-globalfooter .ac-gf-breadcrumbs-path::before, #ac-globalfooter .ac-gf-breadcrumbs-path::after { content: " "; display: table; } #ac-globalfooter .ac-gf-breadcrumbs-path::after { clear: both; } #ac-globalfooter .ac-gf-breadcrumbs-list { max-height: 9999px; padding-inline-start: 25px; text-align: start; list-style: none; } #ac-globalfooter .ac-gf-breadcrumbs-item { margin-inline-end: 7px; padding: 3px 4px 3px 0px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #ac-globalfooter:not([dir="rtl"]) .ac-gf-breadcrumbs-item { float: left; } #ac-globalfooter .ac-gf-breadcrumbs-item::before { content: ""; display: inline-block; vertical-align: middle; margin-top: -1px; width: 6px; height: 11px; margin-inline-end: 11px; background-color: rgba(0, 0, 0, 0.48); mask-image: url("https://apps.apple.com/us/app/assets/ac-footer/breadcrumbs/separator/icon_large.svg"); } .ac-globalfooter-dark #ac-globalfooter .ac-gf-breadcrumbs-item::before, #ac-globalfooter.ac-globalfooter-dark .ac-gf-breadcrumbs-item::before { background-color: rgba(255, 255, 255, 0.4); } #ac-globalfooter.theme-light .ac-gf-breadcrumbs-item::before, #ac-globalfooter.ac-gf-light .ac-gf-breadcrumbs-item::before { background-color: rgba(0, 0, 0, 0.48); } #ac-globalfooter .ac-gf-directory { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -0.01em; font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "Helvetica Neue", Helvetica, Arial, sans-serif; display: flex; flex-wrap: nowrap; padding-top: 20px; } #ac-globalfooter .ac-gf-directory:last-child { padding-bottom: 28px; } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-directory { flex-direction: column; } } #ac-globalfooter .ac-gf-directory-column { flex-basis: 25%; } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-directory-column { flex-basis: auto; } } #ac-globalfooter .ac-gf-directory-column-section { pointer-events: none; } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-directory-column-section { position: relative; z-index: 1; overflow: hidden; pointer-events: auto; margin-inline-start: calc(var(--footer-directory-title-focus-offset)*-1); width: calc(100% + var(--footer-directory-title-focus-offset)*2); padding: 0 var(--footer-directory-title-focus-offset) 1px; box-sizing: border-box; } #ac-globalfooter .ac-gf-directory-column-section::after { content: ""; position: absolute; right: var(--footer-directory-title-focus-offset); left: var(--footer-directory-title-focus-offset); bottom: 0px; height: 1px; background-color: var(--footer-section-border-color); z-index: 3; } } #ac-globalfooter .ac-gf-directory-column-section ~ .ac-gf-directory-column-section { padding-top: 24px; } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-directory-column-section ~ .ac-gf-directory-column-section { padding-top: 0px; } } #ac-globalfooter .ac-gf-directory-column-section-title-button, #ac-globalfooter .ac-gf-directory-column-section-title > .ac-gf-directory-column-section-title-text { font-size: 12px; line-height: 1.33337; letter-spacing: -0.01em; font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; margin-bottom: 0.8em; margin-inline-end: 20px; outline: none; } #ac-globalfooter .ac-gf-directory-column-section-title-button { border: none; display: none; text-align: start; } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-directory-column-section-title-button { font-weight: 400; display: block; margin: 0px; width: 100%; padding-top: 10px; padding-bottom: 10px; color: var(--footer-directory-title-color); background: var(--footer-background); cursor: pointer; position: relative; user-select: none; z-index: 2; } #ac-globalfooter .ac-gf-directory-column-section-title-button:hover { color: var(--footer-directory-title-color-hover); } #ac-globalfooter .ac-gf-directory-column-section-title-button::after { content: ""; display: block; position: absolute; inset: 0px -4px; } #ac-globalfooter .ac-gf-directory-column-section-title-button:focus-visible::after { --sk-focus-offset: calc(var(--footer-directory-title-focus-offset) - 6px); outline: 2px solid var(--sk-focus-color, #0071E3); outline-offset: var(--sk-focus-offset, 1px); } } #ac-globalfooter .ac-gf-directory-column-section-title-icon { display: none; } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-directory-column-section-title-icon { width: 11px; margin-top: 5px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: normal; color: var(--footer-directory-title-color); transition: transform 0.3s; } #ac-globalfooter:not([dir="rtl"]) .ac-gf-directory-column-section-title-icon { float: right; } } #ac-globalfooter .ac-gf-directory-column-section-title > .ac-gf-directory-column-section-title-text { display: block; } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-directory-column-section-title > .ac-gf-directory-column-section-title-text { display: none; } } #ac-globalfooter .ac-gf-directory-column-section-list { margin-inline-end: 20px; list-style: none; padding: 0px; } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-directory-column-section-list { margin: 0px; overflow: hidden; padding-top: 5px; padding-bottom: 16px; position: absolute; top: 100%; inset-inline-start: 0px; width: 100%; visibility: hidden; z-index: -1; transform: translateY(-100px); will-change: transform; } #ac-globalfooter.no-js .ac-gf-directory-column-section-list { position: static; visibility: visible; transform: none; } } #ac-globalfooter .ac-gf-directory-column-section-item { display: block; pointer-events: auto; margin-bottom: 0.8em; } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-directory-column-section-item { margin-bottom: 0px; } } #ac-globalfooter .ac-gf-directory-column-section-item:last-child { margin-bottom: 0px; } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-directory-column-section-link { padding: 6px 14px; display: block; } #ac-globalfooter .ac-gf-directory-column-section-link:focus-visible { outline-offset: -6px; } } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-directory-column-section.ac-gf-directory-column-expanded .ac-gf-directory-column-section-title { color: var(--footer-directory-title-color-hover); } #ac-globalfooter .ac-gf-directory-column-section.ac-gf-directory-column-expanded .ac-gf-directory-column-section-list { position: static; visibility: visible; z-index: 1; transform: none; transition: transform 300ms; } } #ac-globalfooter .ac-gf-breadcrumbs + .ac-gf-directory { padding-top: 0px; } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-breadcrumbs + .ac-gf-directory { padding-top: 0px; } } #ac-globalfooter .ac-gf-footer { border-top: 1px solid var(--footer-section-border-color); padding: 17px 0px 11px; } @supports (padding: calc(max(0px))) { #ac-globalfooter .ac-gf-footer { padding-bottom: max(11px, env(safe-area-inset-bottom)); } } #ac-globalfooter .ac-gf-footer:nth-child(2) { border-top: none; } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-footer { padding-bottom: 9px; } @supports (padding: calc(max(0px))) { #ac-globalfooter .ac-gf-footer { padding-bottom: max(9px,env(safe-area-inset-bottom)); } } } #ac-globalfooter .ac-gf-footer-shop { --footer-mini-shop-link-color: rgb(0, 102, 204); max-height: 9999px; padding-bottom: 3px; } .ac-globalfooter-dark #ac-globalfooter .ac-gf-footer-shop, #ac-globalfooter.ac-globalfooter-dark .ac-gf-footer-shop { --footer-mini-shop-link-color: rgb(41, 151, 255); } #ac-globalfooter.theme-light .ac-gf-footer-shop, #ac-globalfooter.ac-gf-light .ac-gf-footer-shop { --footer-mini-shop-link-color: rgb(0, 102, 204); } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-footer-shop { padding-bottom: 10px; } } #ac-globalfooter .ac-gf-footer-shop a, #ac-globalfooter .ac-gf-footer-shop a:hover { color: var(--footer-mini-shop-link-color); text-decoration: underline; } #ac-globalfooter .ac-gf-footer-locale { margin-top: 5px; position: relative; top: -3px; z-index: 2; white-space: nowrap; } #ac-globalfooter:not([dir="rtl"]) .ac-gf-footer-locale { float: right; } @media only screen and (max-width: 833px) { #ac-globalfooter:not([dir="rtl"]) .ac-gf-footer-locale { float: none; } } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-footer-locale { padding-top: 4px; } } #ac-globalfooter .ac-gf-footer-locale-link { position: relative; margin-inline-start: 5px; padding-inline-start: 9px; display: inline-block; } #ac-globalfooter .ac-gf-footer-locale-link::before { content: ""; position: absolute; height: 10px; width: 1px; background-color: var(--footer-pipe-color); margin-top: 3px; margin-bottom: 3px; margin-inline: -9px 0px; } #ac-globalfooter .ac-gf-footer-locale-link::after { content: ""; position: absolute; top: 0px; inset-inline: 9px 0px; bottom: 0px; } #ac-globalfooter .ac-gf-footer-locale-link:first-child { margin-inline-start: 0px; padding-inline-start: 0px; } #ac-globalfooter .ac-gf-footer-locale-link:first-child::before { display: none; } #ac-globalfooter .ac-gf-footer-locale-link:first-child::after { inset-inline-start: 0px; } #ac-globalfooter .ac-gf-footer-locale-link:focus-visible { outline: none; } #ac-globalfooter .ac-gf-footer-locale-link:focus-visible::after { outline: 2px solid var(--sk-focus-color, #0071E3); outline-offset: var(--sk-focus-offset, 1px); } #ac-globalfooter .ac-gf-footer-legal { position: relative; top: -3px; z-index: 1; } #ac-globalfooter .ac-gf-footer-legal::before, #ac-globalfooter .ac-gf-footer-legal::after { content: " "; display: table; } #ac-globalfooter .ac-gf-footer-legal::after { clear: both; } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-footer-legal { padding-top: 12px; } } #ac-globalfooter .ac-gf-footer-legal-copyright, #ac-globalfooter .ac-gf-footer-legal-links { margin-inline-end: 30px; margin-top: 5px; list-style-type: none; } #ac-globalfooter:not([dir="rtl"]) .ac-gf-footer-legal-copyright, #ac-globalfooter:not([dir="rtl"]) .ac-gf-footer-legal-links { float: left; } @media only screen and (max-width: 1023px) { #ac-globalfooter:not([dir="rtl"]) .ac-gf-footer-legal-copyright, #ac-globalfooter:not([dir="rtl"]) .ac-gf-footer-legal-links { float: none; } } @media only screen and (max-width: 1023px) { #ac-globalfooter .ac-gf-footer-legal-copyright, #ac-globalfooter .ac-gf-footer-legal-links { margin-inline-end: 0px; } } #ac-globalfooter .ac-gf-footer-legal-copyright { max-height: 9999px; } #ac-globalfooter .ac-gf-footer-legal-links { position: relative; top: -5px; margin-inline-start: 0px; z-index: 1; } #ac-globalfooter .ac-gf-footer-legal-links-item { position: relative; margin-inline-end: 6px; display: inline-block; margin-top: 5px; } #ac-globalfooter .ac-gf-footer-legal-links-item::before { content: ""; position: absolute; top: 0px; inset-inline: 0px 9px; bottom: 0px; pointer-events: none; } #ac-globalfooter .ac-gf-footer-legal-links-item::after { content: ""; position: absolute; height: 10px; width: 1px; background-color: var(--footer-pipe-color); margin: 3px 0px; } #ac-globalfooter .ac-gf-footer-legal-links-item:last-child::after { display: none; } #ac-globalfooter .ac-gf-footer-legal-links-item:focus-within::before { outline: 2px solid var(--sk-focus-color, #0071E3); outline-offset: var(--sk-focus-offset, 1px); } @media only screen and (max-width: 1023px) { #ac-globalfooter .ac-gf-footer-legal-links-item { margin-top: 4px; } } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-footer-legal-links-item { margin-top: 5px; } } #ac-globalfooter .ac-gf-footer-legal-link { padding-inline-end: 9px; display: inline-block; white-space: nowrap; } #ac-globalfooter .ac-gf-footer-legal-link:focus-visible { outline: none; } #ac-globalfooter .ac-gf-sosumi + .ac-gf-footer { border-top: none; } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-breadcrumbs + .ac-gf-footer { border-top: none; } } #ac-globalfooter .ac-gf-directory + .ac-gf-footer { padding-top: 37px; border-top: none; } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-directory + .ac-gf-footer { padding-top: 17px; } } #ac-globalfooter .ac-gf-directory + .ac-gf-footer .ac-gf-footer-shop { margin-bottom: 16px; padding-bottom: 19px; border-bottom: 1px solid var(--footer-section-border-color); } @media only screen and (min-width: 834px) and (max-width: 1023px) { #ac-globalfooter .ac-gf-directory + .ac-gf-footer .ac-gf-footer-shop { margin-bottom: 17px; padding-bottom: 18px; } } @media only screen and (max-width: 833px) { #ac-globalfooter .ac-gf-directory + .ac-gf-footer .ac-gf-footer-shop { margin-bottom: 8px; padding-bottom: 8px; border-bottom: none; } } #ac-globalfooter b, #ac-globalfooter strong { font-weight: 600; } #ac-globalfooter .nowrap { white-space: nowrap; } #ac-globalfooter .ac-gf-icon::before, #ac-globalfooter .ac-gf-icon::after, #ac-globalfooter .ac-gf-more::before, #ac-globalfooter .ac-gf-more::after { line-height: inherit; } #ac-globalfooter .ac-gf-breadcrumbs-item::before { margin-top: 0.175em; } #ac-globalfooter .ac-gf-buystrip { text-align: center; } #ac-globalfooter .ac-gf-footer-locale-link, #ac-globalfooter .ac-gf-footer-legal-links-item { float: none; } #localnav-viewport-emitter { overflow: hidden; position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; visibility: hidden; z-index: -1; } #localnav-viewport-emitter::before { content: "ac-localnav:large"; } @media only screen and (max-width: 1023px) { #localnav-viewport-emitter::before { content: "ac-localnav:medium"; } } @media only screen and (max-width: 767px) { #localnav-viewport-emitter::before { content: "ac-localnav:small"; } } .localnav { position: relative; top: 0px; left: 0px; width: 100%; height: 52px; min-width: 1024px; z-index: 9997; } @media only screen and (max-width: 1044px) { .localnav { min-width: 320px; } } .localnav.localnav-stacked { height: 66px; } @media only screen and (max-width: 767px) { .localnav { height: 48px; } .localnav.localnav-stacked { height: 63px; } } .localnav-overlap .localnav { margin-bottom: -52px; } .localnav.localnav-stacked .localnav-overlap .localnav { margin-bottom: -66px; } @media only screen and (max-width: 767px) { .localnav-overlap .localnav { margin-bottom: -48px; } .localnav.localnav-stacked .localnav-overlap .localnav { margin-bottom: -63px; } } .topnav-overlap .localnav { margin-top: 44px; margin-bottom: -96px; } .topnav-overlap .localnav.localnav-stacked { margin-bottom: -110px; } @media only screen and (max-width: 767px) { .topnav-overlap .localnav { margin-top: 48px; margin-bottom: -96px; } .topnav-overlap .localnav.localnav-stacked { margin-bottom: -111px; } } .localnav.theme-dark { background: 0px 0px; } .localnav-menustate { display: none; } .localnav-wrapper { position: absolute; top: 0px; left: 0px; width: 100%; height: auto; min-height: 100%; z-index: 1; } .localnav-content { margin: 0px auto; max-width: 980px; padding: 0px 22px; position: relative; z-index: 2; } .localnav-content::after, .localnav-content::before { content: " "; display: table; } .localnav-content::after { clear: both; } @supports (padding:calc(max(0px))) { .localnav-content { padding-left: calc(max(22px,env(safe-area-inset-left))); padding-right: calc(max(22px,env(safe-area-inset-right))); } } @media only screen and (max-width: 1023px) { .localnav-content { border-bottom: none; } } @media only screen and (max-width: 767px) { .localnav-content { padding: 0px 16px; } } .localnav.css-sticky { position: sticky; } .localnav.no-css-sticky.localnav-sticking { position: fixed; margin-top: 0px !important; margin-bottom: 0px !important; } #localnav-sticky-placeholder { display: block; margin: 0px; padding: 0px; position: relative; visibility: hidden; z-index: -1; } #localnav-sticky-placeholder.no-css-sticky.localnav-sticking { height: 52px; } .localnav-overlap #localnav-sticky-placeholder.no-css-sticky.localnav-sticking, .topnav-overlap #localnav-sticky-placeholder.no-css-sticky.localnav-sticking { height: 0px; } @media only screen and (max-width: 767px) { #localnav-sticky-placeholder.no-css-sticky.localnav-sticking { height: 48px; } } .localnav-curtain { background: rgba(0, 0, 0, 0.4); opacity: 0; position: fixed; top: 0px; left: 0px; width: 0px; height: 0px; z-index: 9996; transition: opacity 0.2s; } @media only screen and (max-width: 767px) { .localnav-curtain { transition: opacity 1s 0.2s, width 1.2s, height 1.2s; } } .localnav-menustate:checked ~ .localnav-curtain, .localnav-menustate:target ~ .localnav-curtain { transition: opacity 1s 0.1s; } @media only screen and (max-width: 767px) { .localnav-menustate:checked ~ .localnav-curtain, .localnav-menustate:target ~ .localnav-curtain { opacity: 1; right: 0px; bottom: 0px; width: 100%; height: 100%; } } .localnav-actions { float: left; padding-top: 18px; } .localnav.localnav-stacked .localnav-actions { padding-top: 34px; } @media only screen and (max-width: 767px) { .localnav-actions { right: 0px; padding-left: 22px; padding-right: 22px; position: absolute; top: 0px; z-index: 1; } @supports (padding:calc(max(0px))) { .localnav-actions { padding-right: calc(max(22px,env(safe-area-inset-right))); } } } @media only screen and (max-width: 767px) and (max-width: 767px) { .localnav-actions { padding-left: 16px; padding-right: 16px; padding-top: 16px; } .localnav.localnav-stacked .localnav-actions { padding-top: 32px; } } .localnav-action { margin-left: 24px; float: left; } @media only screen and (max-width: 767px) { .localnav-action-button, .localnav-action-violator { margin-left: 17px; margin-top: -3px; } } .localnav-action-button .localnav-button, .localnav-action-violator .localnav-violator { margin-top: -1px; } .localnav-action-product { position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; top: auto; left: auto; } .localnav-action-menucta { margin-top: -2px; position: relative; z-index: 1; } @media only screen and (max-width: 767px) { .localnav-action-menucta { float: left; } } .localnav-background { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1); } .localnav-background::after { background-color: rgba(0, 0, 0, 0.16); } @media only screen and (max-width: 767px) { .localnav-background { min-height: 48px; transition: background-color 0.5s 0.7s; } .localnav.localnav-hero .localnav-background { transition-delay: 0s; } } .localnav.localnav-scrim .localnav-background { background-color: rgba(255, 255, 255, 0.9); } @supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) { .localnav.localnav-scrim .localnav-background { backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255, 255, 255, 0.72); } } .localnav-scrim.localnav.localnav-noblur .localnav-background { backdrop-filter: initial; background-color: rgba(255, 255, 255, 0.9); } .localnav-scrim.localnav.theme-dark .localnav-background, .theme-dark .localnav.localnav-scrim .localnav-background { background-color: rgba(29, 29, 31, 0.9); } @supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) { .localnav-scrim.localnav.theme-dark .localnav-background, .theme-dark .localnav.localnav-scrim .localnav-background { background-color: rgba(29, 29, 31, 0.72); } } .localnav-scrim.theme-dark.localnav.localnav-noblur .localnav-background, .theme-dark .localnav-scrim.localnav.localnav-noblur .localnav-background { backdrop-filter: initial; background-color: rgba(29, 29, 31, 0.9); } .localnav.localnav-sticking .localnav-background { background-color: rgba(255, 255, 255, 0.9); transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1), backdrop-filter, -webkit-backdrop-filter; } @supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) { .localnav.localnav-sticking .localnav-background { backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255, 255, 255, 0.72); } } .localnav-sticking.localnav.localnav-noblur .localnav-background { backdrop-filter: initial; background-color: rgba(255, 255, 255, 0.9); } .localnav-sticking.localnav.theme-dark .localnav-background, .theme-dark .localnav.localnav-sticking .localnav-background { background-color: rgba(29, 29, 31, 0.9); } @supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) { .localnav-sticking.localnav.theme-dark .localnav-background, .theme-dark .localnav.localnav-sticking .localnav-background { background-color: rgba(29, 29, 31, 0.72); } } .localnav-sticking.theme-dark.localnav.localnav-noblur .localnav-background, .theme-dark .localnav-sticking.localnav.localnav-noblur .localnav-background { backdrop-filter: initial; background-color: rgba(29, 29, 31, 0.9); } .localnav-menustate:checked ~ .localnav .localnav-background, .localnav-menustate:target ~ .localnav .localnav-background { background-color: rgb(255, 255, 255); max-height: none; transition: background-color 0.5s, backdrop-filter, -webkit-backdrop-filter; } @supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) { .localnav-menustate:checked ~ .localnav .localnav-background, .localnav-menustate:target ~ .localnav .localnav-background { backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255, 255, 255, 0.9); } } .localnav-menustate:checked ~ .localnav.localnav-noblur .localnav-background, .localnav-menustate:target ~ .localnav.localnav-noblur .localnav-background { backdrop-filter: initial; background-color: rgb(255, 255, 255); } .localnav.theme-dark .localnav-background::after, .theme-dark .localnav .localnav-background::after { background-color: rgba(255, 255, 255, 0.24); } .localnav-menustate:checked ~ .theme-dark.localnav .localnav-background, .localnav-menustate:target ~ .theme-dark.localnav .localnav-background, .theme-dark .localnav-menustate:checked ~ .localnav .localnav-background, .theme-dark .localnav-menustate:target ~ .localnav .localnav-background { background-color: rgb(29, 29, 31); } @supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) { .localnav-menustate:checked ~ .theme-dark.localnav .localnav-background, .localnav-menustate:target ~ .theme-dark.localnav .localnav-background, .theme-dark .localnav-menustate:checked ~ .localnav .localnav-background, .theme-dark .localnav-menustate:target ~ .localnav .localnav-background { background-color: rgba(29, 29, 31, 0.9); } } .localnav-menustate:checked ~ .theme-dark.localnav.localnav-noblur .localnav-background, .localnav-menustate:target ~ .theme-dark.localnav.localnav-noblur .localnav-background, .theme-dark .localnav-menustate:checked ~ .localnav.localnav-noblur .localnav-background, .theme-dark .localnav-menustate:target ~ .localnav.localnav-noblur .localnav-background { backdrop-filter: initial; background-color: rgb(29, 29, 31); } .localnav.localnav-hero .localnav-background::after { background-color: rgba(255, 255, 255, 0.24); } .localnav-hero.localnav.localnav-sticking .localnav-background::after { background-color: rgba(0, 0, 0, 0.16); } .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-background::after, .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-background::after { background-color: rgba(255, 255, 255, 0.24); } .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-background::after, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-background::after { background-color: rgba(0, 0, 0, 0.16); } .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-background::after, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-background::after, .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-background::after, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-background::after { background-color: rgba(255, 255, 255, 0.24); } .localnav-background::after { margin-left: -490px; left: 50%; content: ""; display: block; position: absolute; top: 100%; width: 980px; height: 1px; z-index: 1; } @media only screen and (max-width: 1023px) { .localnav-background::after { margin-left: 0px; left: 0px; width: 100%; } } .localnav.localnav-noborder .localnav-background::after { display: none; } .localnav.localnav-scrim .localnav-background::after { margin-left: 0px; left: 0px; width: 100%; } .localnav.localnav-sticking .localnav-background::after { margin-left: 0px; left: 0px; width: 100%; } .localnav-menustate:checked ~ .localnav .localnav-background::after, .localnav-menustate:target ~ .localnav .localnav-background::after { margin-left: 0px; left: 0px; width: 100%; } .localnav-menu { font-size: 12px; line-height: 1; font-weight: 400; letter-spacing: -0.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; float: right; margin-top: -3px; } .localnav-menu:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(zh) { letter-spacing: 0px; } .localnav-menu:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 767px) { .localnav-menu { font-size: 14px; line-height: 1; font-weight: 400; letter-spacing: -0.02em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(zh) { letter-spacing: 0px; } .localnav-menu:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } @media only screen and (max-width: 767px) { .localnav-menu { font-size: 14px; line-height: 1; font-weight: 400; letter-spacing: -0.02em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; padding-top: 0px; margin-top: 0px; width: 100%; } .localnav-menu:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(zh) { letter-spacing: 0px; } .localnav-menu:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-menu:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .localnav-menu-tray { float: left; padding-top: 18px; } .localnav.localnav-stacked .localnav-menu-tray { padding-top: 34px; } @media only screen and (max-width: 767px) { .localnav.localnav-stacked .localnav-menu-tray { padding-top: 0px; } } @media only screen and (max-width: 767px) { .localnav-menu-tray { float: none; overflow: hidden; pointer-events: none; visibility: hidden; width: 100%; padding-top: 0px; max-height: 0px; transition: max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s, visibility linear 1s; } .localnav-menustate:checked ~ .localnav .localnav-menu-tray, .localnav-menustate:target ~ .localnav .localnav-menu-tray { max-height: calc(-96px + 100vh); overflow-y: auto; pointer-events: auto; visibility: visible; transition-delay: 0.2s, 0s; } } @media only screen and (max-width: 767px) and (orientation: landscape) { .localnav-menustate:checked ~ .localnav .localnav-menu-tray, .localnav-menustate:target ~ .localnav .localnav-menu-tray { max-height: calc(-96px + 100vh); } } @media only screen and (max-width: 767px) { .localnav-menustate:checked ~ .localnav.localnav-opening .localnav-menu-tray, .localnav-menustate:target ~ .localnav.localnav-opening .localnav-menu-tray { overflow-y: hidden; } .localnav-menustate:checked ~ .localnav.localnav-sticking .localnav-menu-tray, .localnav-menustate:target ~ .localnav.localnav-sticking .localnav-menu-tray { max-height: calc(-48px + 100vh); } } @media only screen and (max-width: 767px) { .localnav-menu-items { opacity: 0; padding: 4px 24px 24px; transform: translate3d(0px, -150px, 0px); transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s; } .localnav-menustate:checked ~ .localnav .localnav-menu-items, .localnav-menustate:target ~ .localnav .localnav-menu-items { opacity: 1; transform: translate3d(0px, 0px, 0px); transition-delay: 0.2s, 0.4s; } } .localnav-menu-item { margin-left: 24px; float: left; list-style: none; } @media only screen and (max-width: 767px) { .localnav-menu-item { margin-left: 0px; display: inline-block; float: none; width: 100%; height: 44px; } .localnav-menu-item:first-child .localnav-menu-link { border-top: 0px; } .localnav.theme-dark .localnav-menu-item, .theme-dark .localnav .localnav-menu-item { border-color: rgba(255, 255, 255, 0.24); } .localnav-menu-item:nth-child(1) .localnav-menu-link { transition-delay: 70ms; } .localnav-menu-item:nth-child(2) .localnav-menu-link { transition-delay: 0.14s; } .localnav-menu-item:nth-child(3) .localnav-menu-link { transition-delay: 0.21s; } .localnav-menu-item:nth-child(4) .localnav-menu-link { transition-delay: 0.28s; } .localnav-menu-item:nth-child(5) .localnav-menu-link { transition-delay: 0.35s; } .localnav-menu-item:nth-child(6) .localnav-menu-link { transition-delay: 0.42s; } .localnav-menu-item:nth-child(7) .localnav-menu-link { transition-delay: 0.49s; } .localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(1) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(1) .localnav-menu-link { transition-delay: 0.56s; } .localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(2) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(2) .localnav-menu-link { transition-delay: 0.49s; } .localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(3) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(3) .localnav-menu-link { transition-delay: 0.42s; } .localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(4) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(4) .localnav-menu-link { transition-delay: 0.35s; } .localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(5) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(5) .localnav-menu-link { transition-delay: 0.28s; } .localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(6) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(6) .localnav-menu-link { transition-delay: 0.21s; } .localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(7) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(7) .localnav-menu-link { transition-delay: 0.14s; } } .localnav-menu-link { color: rgb(0, 0, 0); display: inline-block; line-height: 22px; white-space: nowrap; opacity: 0.88; } .localnav-menu-link:hover { color: rgb(0, 102, 204); opacity: 1; text-decoration: none; } @media only screen and (max-width: 767px) { .localnav-menu-link { border-top: 1px solid rgba(0, 0, 0, 0.18); display: flex; align-items: center; height: 100%; line-height: 1.3; opacity: 0; transform: translate3d(0px, -25px, 0px); transition: transform 0.5s, opacity; } .localnav.theme-dark .localnav-menu-link, .theme-dark .localnav .localnav-menu-link { border-color: rgba(255, 255, 255, 0.263); } .localnav-menustate:checked ~ .localnav .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-link { opacity: 0.88; transform: translate3d(0px, 0px, 0px); } } .localnav.theme-dark .localnav-menu-link, .theme-dark .localnav .localnav-menu-link { color: rgb(255, 255, 255); opacity: 0.92; } .localnav.theme-dark .localnav-menu-link:hover, .theme-dark .localnav .localnav-menu-link:hover { color: rgb(41, 151, 255); opacity: 1; } .localnav-menustate:checked ~ .theme-dark.localnav .localnav-menu-link, .localnav-menustate:target ~ .theme-dark.localnav .localnav-menu-link, .theme-dark .localnav-menustate:checked ~ .localnav .localnav-menu-link, .theme-dark .localnav-menustate:target ~ .localnav .localnav-menu-link { opacity: 0.92; } .localnav.localnav-hero .localnav-menu-link { color: rgb(255, 255, 255); opacity: 0.92; } .localnav.localnav-hero .localnav-menu-link:hover { color: rgb(41, 151, 255); opacity: 1; } .localnav-hero.localnav.localnav-sticking .localnav-menu-link { color: rgb(0, 0, 0); opacity: 0.88; } .localnav-hero.localnav.localnav-sticking .localnav-menu-link:hover { color: rgb(0, 102, 204); opacity: 1; } .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-menu-link, .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menu-link { color: rgb(255, 255, 255); opacity: 0.92; } .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-menu-link:hover, .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menu-link:hover { color: rgb(41, 151, 255); opacity: 1; } .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link { color: rgb(0, 0, 0); opacity: 0.88; } .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link:hover, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link:hover { color: rgb(0, 102, 204); opacity: 1; } .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-menu-link, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-menu-link, .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link { color: rgb(255, 255, 255); opacity: 0.92; } .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-menu-link:hover, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-menu-link:hover, .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link:hover, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link:hover { color: rgb(41, 151, 255); opacity: 1; } .localnav-menu-link.current { color: rgb(0, 0, 0); opacity: 0.56; cursor: default; } .localnav-menu-link.current:hover { color: rgb(0, 0, 0); } .localnav-menustate:checked ~ .localnav .localnav-menu-link.current, .localnav-menustate:target ~ .localnav .localnav-menu-link.current { opacity: 0.56; border-color: rgba(0, 0, 0, 0.286); } .localnav.theme-dark .localnav-menu-link.current, .theme-dark .localnav .localnav-menu-link.current { color: rgb(255, 255, 255); opacity: 0.56; } .localnav.theme-dark .localnav-menu-link.current:hover, .theme-dark .localnav .localnav-menu-link.current:hover { color: rgb(255, 255, 255); } .localnav-menustate:checked ~ .theme-dark.localnav .localnav-menu-link.current, .localnav-menustate:target ~ .theme-dark.localnav .localnav-menu-link.current, .theme-dark .localnav-menustate:checked ~ .localnav .localnav-menu-link.current, .theme-dark .localnav-menustate:target ~ .localnav .localnav-menu-link.current { opacity: 0.56; border-color: rgba(255, 255, 255, 0.427); } .localnav.localnav-hero .localnav-menu-link.current { color: rgb(255, 255, 255); opacity: 0.56; } .localnav.localnav-hero .localnav-menu-link.current:hover { color: rgb(255, 255, 255); } .localnav-hero.localnav.localnav-sticking .localnav-menu-link.current { color: rgb(0, 0, 0); opacity: 0.56; } .localnav-hero.localnav.localnav-sticking .localnav-menu-link.current:hover { color: rgb(0, 0, 0); } .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-menu-link.current, .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menu-link.current { color: rgb(255, 255, 255); opacity: 0.56; } .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-menu-link.current:hover, .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menu-link.current:hover { color: rgb(255, 255, 255); } .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link.current, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link.current { color: rgb(0, 0, 0); opacity: 0.56; border-color: rgba(0, 0, 0, 0.286); } .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link.current:hover, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link.current:hover { color: rgb(0, 0, 0); } .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-menu-link.current, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-menu-link.current, .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link.current, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link.current { color: rgb(255, 255, 255); opacity: 0.56; border-color: rgba(255, 255, 255, 0.427); } .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-menu-link.current:hover, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-menu-link.current:hover, .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link.current:hover, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link.current:hover { color: rgb(255, 255, 255); } .localnav-action-menucta { display: none; } @media only screen and (max-width: 767px) { .localnav-action-menucta { display: block; } } .localnav-menucta { margin-right: -11px; cursor: pointer; display: block; overflow: hidden; width: 40px; height: 30px; -webkit-tap-highlight-color: transparent; } .localnav-menucta-chevron { display: block; position: relative; width: 100%; height: 100%; z-index: 1; transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1); transform: translateY(0px); opacity: 0.8; } .localnav-menucta-chevron::after, .localnav-menucta-chevron::before { content: ""; display: block; position: absolute; top: 13px; width: 11px; height: 1px; z-index: 1; transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1); } .localnav-menucta-chevron::before { right: 50%; border-radius: 0.5px 0px 0px 0.5px; } .localnav-menucta-chevron::after { left: 50%; border-radius: 0px 0.5px 0.5px 0px; } .localnav-menucta-chevron::after, .localnav-menucta-chevron::before { background: rgb(0, 0, 0); } .localnav-menucta-chevron::before { transform-origin: 100% 100%; transform: rotate(40deg) scaleY(1.1); } .localnav-menucta-chevron::after { transform-origin: 0px 100%; transform: rotate(-40deg) scaleY(1.1); } .localnav-menucta-chevron:hover { opacity: 1; } .localnav-menustate:checked ~ .localnav .localnav-menucta-chevron, .localnav-menustate:target ~ .localnav .localnav-menucta-chevron { transform: translateY(-8px); } .localnav-menustate:checked ~ .localnav .localnav-menucta-chevron::before, .localnav-menustate:target ~ .localnav .localnav-menucta-chevron::before { transform-origin: 100% 0px; transform: rotate(-40deg) scaleY(1.1); } .localnav-menustate:checked ~ .localnav .localnav-menucta-chevron::after, .localnav-menustate:target ~ .localnav .localnav-menucta-chevron::after { transform-origin: 0px 0px; transform: rotate(40deg) scaleY(1.1); } .localnav.theme-dark .localnav-menucta-chevron::after, .localnav.theme-dark .localnav-menucta-chevron::before, .theme-dark .localnav .localnav-menucta-chevron::after, .theme-dark .localnav .localnav-menucta-chevron::before { background: rgb(255, 255, 255); } .theme-dark .localnav.localnav-sticking .localnav-menucta-chevron::after, .theme-dark .localnav.localnav-sticking .localnav-menucta-chevron::before, .theme-dark.localnav.localnav-sticking .localnav-menucta-chevron::after, .theme-dark.localnav.localnav-sticking .localnav-menucta-chevron::before { background: rgb(255, 255, 255); } .localnav-menustate:checked ~ .theme-dark.localnav .localnav-menucta-chevron::after, .localnav-menustate:checked ~ .theme-dark.localnav .localnav-menucta-chevron::before, .localnav-menustate:target ~ .theme-dark.localnav .localnav-menucta-chevron::after, .localnav-menustate:target ~ .theme-dark.localnav .localnav-menucta-chevron::before, .theme-dark .localnav-menustate:checked ~ .localnav .localnav-menucta-chevron::after, .theme-dark .localnav-menustate:checked ~ .localnav .localnav-menucta-chevron::before, .theme-dark .localnav-menustate:target ~ .localnav .localnav-menucta-chevron::after, .theme-dark .localnav-menustate:target ~ .localnav .localnav-menucta-chevron::before { background: rgb(255, 255, 255); } .localnav.localnav-hero .localnav-menucta-chevron::after, .localnav.localnav-hero .localnav-menucta-chevron::before { background: rgb(255, 255, 255); } .localnav-hero.localnav.localnav-sticking .localnav-menucta-chevron::after, .localnav-hero.localnav.localnav-sticking .localnav-menucta-chevron::before { background: rgb(0, 0, 0); } .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-menucta-chevron::after, .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-menucta-chevron::before, .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menucta-chevron::after, .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menucta-chevron::before { background: rgb(255, 255, 255); } .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menucta-chevron::after, .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menucta-chevron::before, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menucta-chevron::after, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menucta-chevron::before { background: rgb(0, 0, 0); } .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-menucta-chevron::after, .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-menucta-chevron::before, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-menucta-chevron::after, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-menucta-chevron::before, .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menucta-chevron::after, .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menucta-chevron::before, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menucta-chevron::after, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menucta-chevron::before { background: rgb(255, 255, 255); } .localnav-menucta-anchor { display: none; position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; z-index: 10; } @media only screen and (max-width: 767px) { .localnav-menucta-anchor { display: block; } .localnav-menucta-anchor-close { display: none; } } .localnav-menucta-anchor:focus { outline-offset: -6px; width: 100%; height: 100%; } .localnav-menucta-anchor-close { display: none; } .localnav-menucta-anchor-label { position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; } @media only screen and (max-width: 767px) { .localnav-menustate:checked ~ .localnav .localnav-menucta-anchor-open, .localnav-menustate:target ~ .localnav .localnav-menucta-anchor-open { display: none; } .localnav-menustate:checked ~ .localnav .localnav-menucta-anchor-close, .localnav-menustate:target ~ .localnav .localnav-menucta-anchor-close { display: block; } } .localnav-title { font-size: 21px; line-height: 1.14286; font-weight: 600; letter-spacing: 0.011em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; cursor: default; display: block; float: left; margin: 14px 0px -14px; padding: 0px; height: 52px; white-space: nowrap; } .localnav-title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 767px) { .localnav-title { font-size: 19px; line-height: 1.26316; font-weight: 600; letter-spacing: 0.012em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } @media only screen and (max-width: 767px) { .localnav-title-compact { font-size: 17px; line-height: 1.41184; font-weight: 600; letter-spacing: -0.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title-compact:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title-compact:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title-compact:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title-compact:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title-compact:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title-compact:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title-compact:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title-compact:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .localnav-title:lang(ja) { margin: 15px 0px -15px; } @media only screen and (max-width: 767px) { .localnav-title:lang(ja) { margin: 12px 0px -12px; } } .localnav.localnav-stacked .localnav-title { height: 66px; } .localnav.localnav-stacked .localnav-title:lang(ar) { margin: 9px 0px -9px; } @media only screen and (max-width: 767px) { .localnav-title { display: inline-block; margin: 12px 0px -12px; height: 48px; } .localnav.localnav-stacked .localnav-title { height: 63px; } } .localnav-title a { display: flex; flex-direction: column-reverse; letter-spacing: inherit; line-height: inherit; margin: 0px; text-decoration: none; white-space: nowrap; opacity: 0.88; } .localnav-title a:hover { text-decoration: none; } .localnav.theme-dark .localnav-title a, .theme-dark .localnav .localnav-title a { opacity: 0.92; } .localnav.localnav-hero .localnav-title a { opacity: 0.92; } .localnav-hero.localnav.localnav-sticking .localnav-title a { opacity: 0.88; } .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-title a, .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-title a { opacity: 0.92; } .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title a, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title a { opacity: 0.88; } .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-title a, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-title a, .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title a, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title a { opacity: 0.92; } .localnav-title, .localnav-title a { color: rgb(0, 0, 0); transition: color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1); } .localnav.theme-dark .localnav-title, .localnav.theme-dark .localnav-title a, .theme-dark .localnav .localnav-title, .theme-dark .localnav .localnav-title a { color: rgb(255, 255, 255); } .localnav.localnav-hero .localnav-title, .localnav.localnav-hero .localnav-title a { color: rgb(255, 255, 255); } .localnav-hero.localnav.localnav-sticking .localnav-title, .localnav-hero.localnav.localnav-sticking .localnav-title a { color: rgb(0, 0, 0); } .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-title, .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-title a, .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-title, .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-title a { color: rgb(255, 255, 255); } .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title, .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title a, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title a { color: rgb(0, 0, 0); } .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-title, .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-title a, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-title, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-title a, .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title, .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title a, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title a { color: rgb(255, 255, 255); } .localnav-title-comingsoon, .localnav-title-subhead { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -0.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; top: -1px; color: rgb(0, 0, 0); opacity: 0.56; } .localnav-title-comingsoon:lang(ar), .localnav-title-subhead:lang(ar) { line-height: 1.66667; letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title-comingsoon:lang(ja), .localnav-title-subhead:lang(ja) { line-height: 1.41667; letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title-comingsoon:lang(ko), .localnav-title-subhead:lang(ko) { line-height: 1.41667; letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title-comingsoon:lang(zh), .localnav-title-subhead:lang(zh) { letter-spacing: 0px; } .localnav-title-comingsoon:lang(th), .localnav-title-subhead:lang(th) { line-height: 1.33337; letter-spacing: 0px; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title-comingsoon:lang(zh-CN), .localnav-title-subhead:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title-comingsoon:lang(zh-HK), .localnav-title-subhead:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title-comingsoon:lang(zh-MO), .localnav-title-subhead:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav-title-comingsoon:lang(zh-TW), .localnav-title-subhead:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .localnav.localnav-stacked .localnav-title-comingsoon, .localnav.localnav-stacked .localnav-title-subhead { opacity: 0.64; } @media only screen and (max-width: 767px) { .localnav.localnav-stacked .localnav-title-comingsoon, .localnav.localnav-stacked .localnav-title-subhead { top: 0px; } } .localnav.theme-dark .localnav-title-comingsoon, .localnav.theme-dark .localnav-title-subhead, .theme-dark .localnav .localnav-title-comingsoon, .theme-dark .localnav .localnav-title-subhead { color: rgb(255, 255, 255); } .theme-dark .localnav.localnav-stacked .localnav-title-comingsoon, .theme-dark .localnav.localnav-stacked .localnav-title-subhead, .theme-dark.localnav.localnav-stacked .localnav-title-comingsoon, .theme-dark.localnav.localnav-stacked .localnav-title-subhead { opacity: 0.61; } .localnav.localnav-hero .localnav-title-comingsoon, .localnav.localnav-hero .localnav-title-subhead { color: rgb(255, 255, 255); opacity: 0.56; } .localnav-hero.localnav.localnav-stacked .localnav-title-comingsoon, .localnav-hero.localnav.localnav-stacked .localnav-title-subhead { opacity: 0.61; } .localnav-hero.localnav.localnav-sticking .localnav-title-comingsoon, .localnav-hero.localnav.localnav-sticking .localnav-title-subhead { color: rgb(0, 0, 0); } .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-title-comingsoon, .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-title-subhead, .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-title-comingsoon, .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-title-subhead { color: rgb(255, 255, 255); } .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title-comingsoon, .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title-subhead, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title-comingsoon, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title-subhead { color: rgb(0, 0, 0); } .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-title-comingsoon, .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-title-subhead, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-title-comingsoon, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-title-subhead, .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title-comingsoon, .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title-subhead, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title-comingsoon, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title-subhead { color: rgb(255, 255, 255); } :root { --r-localnav-height: 52px; --r-localnav-stacked-height: 66px; --r-localnav-gn-height: var(--r-globalnav-height, 44px); --r-localnav-viewport-large-min-width: 1024px; --r-localnav-viewport-large-query: (min-width: 1024px); --r-localnav-viewport-medium-min-width: 768px; --r-localnav-viewport-medium-max-width: 1023px; --r-localnav-viewport-medium-query: (min-width: 768px); --r-localnav-viewport-small-min-width: 320px; --r-localnav-viewport-small-max-width: 767px; --r-localnav-viewport-small-query: (min-width: 320px); } @media only screen and (max-width: 767px) { :root { --r-localnav-height: 48px; --r-localnav-stacked-height: 63px; --r-localnav-gn-height: var(--r-globalnav-height, 48px); } } @font-face { font-family: "Apple WebExp Icons Custom"; font-style: normal; font-weight: 400; src: url("https://apps.apple.com/assets/webexp-iconfont/fonts/webexpicons_text-ce6ff493b5fcdd0a6b6545a6a51a9db6.woff") format("woff"), url("https://apps.apple.com/assets/webexp-iconfont/fonts/webexpicons_text-21da9d44a84a98695e71ddab218e7e16.ttf") format("truetype"); } html { text-size-adjust: 100%; } body { margin: 0px; padding: 0px; } abbr, blockquote, button, dd, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hgroup, input, legend, li, ol, p, pre, ul { margin: 0px; padding: 0px; } address, caption, code, figcaption, pre, th { font-size: 1em; font-weight: 400; font-style: normal; } fieldset, iframe { border: 0px; } caption, th { text-align: left; } table { border-collapse: collapse; border-spacing: 0px; } details, main, summary { display: block; } audio, canvas, progress, video { vertical-align: baseline; } button { background: 0px 0px; border: 0px; box-sizing: content-box; color: inherit; cursor: pointer; font: inherit; overflow: visible; vertical-align: inherit; } button:disabled { cursor: default; } :focus { outline: rgba(0, 125, 250, 0.6) solid 4px; outline-offset: 1px; } :focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), :focus[data-focus-method="touch"]:not(input):not(textarea):not(select) { outline: 0px; } html { font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 106.25%; quotes: "“" "”"; } [lang]:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } [lang]:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } [lang]:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } [lang]:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } [lang]:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } [lang]:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } [lang]:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } [lang]:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } :lang(cs) { quotes: "„" "“"; } :lang(de) { quotes: "„" "“"; } :lang(de-CH) { quotes: "«" "»"; } :lang(de-LI) { quotes: "«" "»"; } :lang(fr) { quotes: "« " " »"; } :lang(fr-CH) { quotes: "«" "»"; } :lang(es-ES) { quotes: "«" "»"; } :lang(hu) { quotes: "„" "“"; } :lang(ja-JP) { quotes: "「" "」"; } :lang(no-NO) { quotes: "«" "»"; } :lang(lt) { quotes: "„" "“"; } :lang(pl) { quotes: "„" "“"; } :lang(ru) { quotes: "« " " »"; } :lang(zh) { quotes: "「" "」"; } :lang(zh-CN) { quotes: "“" "”"; } body { font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); color: rgb(29, 29, 31); font-style: normal; } body:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } body:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } body:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } body:lang(zh) { letter-spacing: 0px; } body:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } body:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } body:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } body:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } body:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } body, button, input, select, textarea { font-synthesis: none; -webkit-font-smoothing: antialiased; direction: ltr; text-align: left; } h1, h2, h3, h4, h5, h6 { font-weight: 600; color: rgb(29, 29, 31); } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { display: block; margin: 0px; } h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * { margin-top: 0px; } h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 { margin-top: 0px; } ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6, p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6 { margin-top: 0px; } .heading-collapsed + * { margin-top: 0px; } ol + *, p + *, ul + * { margin-top: 0px; } ol, ul { margin-left: 1.17647em; } ol ol, ol ul, ul ol, ul ul { margin-top: 0px; margin-bottom: 0px; } nav ol, nav ul { margin: 0px; list-style: none; } li li { font-size: 1em; } .link, a { color: rgb(0, 112, 201); letter-spacing: inherit; } .link:link, .link:visited, a:link, a:visited { text-decoration: none; } .link:hover, a:hover { text-decoration: underline; } .link:active, a:active { text-decoration: none; } .link:disabled, a:disabled { opacity: 0.32; } .links-inline, .links-stacked { margin-left: 0px; margin-right: 0px; list-style: none; } .links-inline li { display: inline; margin: 0px; } .links-inline li:first-child { margin-left: 0px; } .links-inline li:last-child { margin-right: 0px; } .links-stacked li { margin: 0px; display: block; } .links-stacked li + li { margin-top: 0px; } b, strong { font-weight: 600; } cite, dfn, em, i { font-style: italic; } sub, sup { position: relative; font-size: 0.6em; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .footnote a { vertical-align: inherit; color: inherit; } .footnote a:hover { color: rgb(0, 112, 201); text-decoration: none; } .footnote-reduced { font-size: 0.45em; } sup.footnote-reduced { top: -0.86em; } sub.footnote-reduced { bottom: -0.36em; } .footnote-supglyph { position: relative; vertical-align: baseline; } .footnote-supglyph.footnote-reduced { font-size: 0.9em; top: -0.09em; } .footnote-diamond { position: relative; vertical-align: baseline; font-feature-settings: "numr"; font-size: 1em; } sup.footnote-diamond { top: initial; } sub.footnote-diamond { bottom: -0.5em; } .footnote-diamond.footnote-reduced { font-size: 0.9em; top: -0.09em; } sub.footnote-diamond.footnote-reduced { top: initial; bottom: -0.52em; } .footnote-number { position: relative; vertical-align: baseline; font-feature-settings: "numr"; font-size: 1em; } sup.footnote-number { top: initial; } sub.footnote-number { bottom: -0.5em; } .footnote-number.footnote-reduced { font-size: 0.9em; top: -0.09em; } sub.footnote-number.footnote-reduced { top: initial; bottom: -0.52em; } abbr { border: 0px; } :lang(ja), :lang(ko), :lang(th), :lang(zh) { font-style: normal; } :lang(ko) { word-break: keep-all; } .justify-content-start { justify-content: flex-start; } .justify-content-end { justify-content: flex-end; } .justify-content-center { justify-content: center; } .justify-content-spacebetween { justify-content: space-between; } .justify-content-spacearound { justify-content: space-around; } .justify-content-spaceevenly { justify-content: space-evenly; } .align-items-start { align-items: flex-start; } .align-items-center { align-items: center; } .align-items-end { align-items: flex-end; } .align-self-start { align-self: flex-start; } .align-self-center { align-self: center; } .align-self-end { align-self: flex-end; } .small-justify-content-start { justify-content: flex-start; } .small-justify-content-end { justify-content: flex-end; } .small-justify-content-center { justify-content: center; } .small-justify-content-spacebetween { justify-content: space-between; } .small-justify-content-spacearound { justify-content: space-around; } .small-justify-content-spaceevenly { justify-content: space-evenly; } .small-align-items-start { align-items: flex-start; } .small-align-items-center { align-items: center; } .small-align-items-end { align-items: flex-end; } .small-align-self-start { align-self: flex-start; } .small-align-self-center { align-self: center; } .small-align-self-end { align-self: flex-end; } @media only screen and (min-width: 735px) { .medium-justify-content-start { justify-content: flex-start; } .medium-justify-content-end { justify-content: flex-end; } .medium-justify-content-center { justify-content: center; } .medium-justify-content-spacebetween { justify-content: space-between; } .medium-justify-content-spacearound { justify-content: space-around; } .medium-justify-content-spaceevenly { justify-content: space-evenly; } .medium-align-items-start { align-items: flex-start; } .medium-align-items-center { align-items: center; } .medium-align-items-end { align-items: flex-end; } .medium-align-self-start { align-self: flex-start; } .medium-align-self-center { align-self: center; } .medium-align-self-end { align-self: flex-end; } } @media only screen and (min-width: 1069px) { .large-justify-content-start { justify-content: flex-start; } .large-justify-content-end { justify-content: flex-end; } .large-justify-content-center { justify-content: center; } .large-justify-content-spacebetween { justify-content: space-between; } .large-justify-content-spacearound { justify-content: space-around; } .large-justify-content-spaceevenly { justify-content: space-evenly; } .large-align-items-start { align-items: flex-start; } .large-align-items-center { align-items: center; } .large-align-items-end { align-items: flex-end; } .large-align-self-start { align-self: flex-start; } .large-align-self-center { align-self: center; } .large-align-self-end { align-self: flex-end; } } .selfclear::after, .selfclear::before { content: " "; display: table; } .selfclear::after { clear: both; } .visuallyhidden { position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; } @media only screen and (inverted-colors) { .no-inversion { filter: invert(1); } } .nowrap { display: inline-block; text-decoration: inherit; white-space: nowrap; } .clear { clear: both; } .cursor-grab { cursor: grab; } .cursor-grabbing { cursor: grabbing; } .icon::after, .icon::before, .more::after, .more::before { font-family: "SF Pro Icons", "Apple WebExp Icons Custom"; color: inherit; display: inline-block; font-style: normal; font-weight: inherit; font-size: inherit; line-height: 1; text-decoration: underline; position: relative; z-index: 1; } .icon::after, .icon::before, .more::after, .more::before { text-decoration: none; } .icon::before, .more::before { display: none; } .icon-after::after, .more::after { padding-left: 0.3em; top: 0px; } .icon-before::before { padding-right: 0.3em; display: inline-block; top: 0px; } .icon-before::after { display: none; } .icon-before.icon-apple::before { padding-right: 0px; display: inline-block; top: 0px; } .icon-before.icon-apple::after { display: none; } .icon-apple::after, .icon-apple::before { content: ""; } .icon-chevrondown::after, .icon-chevrondown::before { content: ""; } .icon-chevrondowncircle::after, .icon-chevrondowncircle::before { content: ""; } .icon-chevronleft::after, .icon-chevronleft::before { content: ""; } .icon-chevronleftcircle::after, .icon-chevronleftcircle::before { content: ""; } .icon-chevronright::after, .icon-chevronright::before { content: ""; } .icon-chevronrightcircle::after, .icon-chevronrightcircle::before { content: ""; } .icon-chevronup::after, .icon-chevronup::before { content: ""; } .icon-chevronupcircle::after, .icon-chevronupcircle::before { content: ""; } .icon-downloadcircle::after, .icon-downloadcircle::before { content: ""; } .icon-arrowupcircle::after, .icon-arrowupcircle::before { content: "􀁶"; } .icon-external::after, .icon-external::before { content: ""; } .icon-share::after, .icon-share::before { content: ""; } .icon-search::after, .icon-search::before { content: ""; } .icon-arkit::after, .icon-arkit::before { content: ""; } .icon-pausecircle::after, .icon-pausecircle::before { content: ""; } .icon-pausesolid::after, .icon-pausesolid::before { content: ""; } .icon-playcircle::after, .icon-playcircle::before { content: ""; } .icon-playsolid::after, .icon-playsolid::before { content: ""; } .icon-replay::after, .icon-replay::before { content: ""; } .icon-stopcircle::after, .icon-stopcircle::before { content: ""; } .icon-stopsolid::after, .icon-stopsolid::before { content: ""; } .icon-circle::after, .icon-circle::before { content: ""; } .icon-check::after, .icon-check::before { content: ""; } .icon-checkcircle::after, .icon-checkcircle::before { content: ""; } .icon-checksolid::after, .icon-checksolid::before { content: ""; } .icon-reset::after, .icon-reset::before { content: ""; } .icon-resetcircle::after, .icon-resetcircle::before { content: ""; } .icon-resetsolid::after, .icon-resetsolid::before { content: ""; } .icon-exclamation::after, .icon-exclamation::before { content: ""; } .icon-exclamationcircle::after, .icon-exclamationcircle::before { content: ""; } .icon-exclamationsolid::after, .icon-exclamationsolid::before { content: ""; } .icon-exclamationtriangle::after, .icon-exclamationtriangle::before { content: ""; } .icon-exclamationtrianglesolid::after, .icon-exclamationtrianglesolid::before { content: ""; } .icon-infocircle::after, .icon-infocircle::before { content: ""; } .icon-infosolid::after, .icon-infosolid::before { content: ""; } .icon-question::after, .icon-question::before { content: ""; } .icon-questioncircle::after, .icon-questioncircle::before { content: ""; } .icon-questionsolid::after, .icon-questionsolid::before { content: ""; } .icon-plus::after, .icon-plus::before { content: ""; } .icon-pluscircle::after, .icon-pluscircle::before { content: ""; } .icon-plussolid::after, .icon-plussolid::before { content: ""; } .icon-minus::after, .icon-minus::before { content: ""; } .icon-minuscircle::after, .icon-minuscircle::before { content: ""; } .icon-minussolid::after, .icon-minussolid::before { content: ""; } .icon-1circle::after, .icon-1circle::before { content: ""; } .icon-2circle::after, .icon-2circle::before { content: ""; } .icon-3circle::after, .icon-3circle::before { content: ""; } .icon-4circle::after, .icon-4circle::before { content: ""; } .icon-5circle::after, .icon-5circle::before { content: ""; } .icon-6circle::after, .icon-6circle::before { content: ""; } .icon-7circle::after, .icon-7circle::before { content: ""; } .icon-8circle::after, .icon-8circle::before { content: ""; } .icon-9circle::after, .icon-9circle::before { content: ""; } .icon-10circle::after, .icon-10circle::before { content: ""; } .icon-11circle::after, .icon-11circle::before { content: ""; } .icon-12circle::after, .icon-12circle::before { content: ""; } .icon-13circle::after, .icon-13circle::before { content: ""; } .icon-14circle::after, .icon-14circle::before { content: ""; } .icon-15circle::after, .icon-15circle::before { content: ""; } .icon-16circle::after, .icon-16circle::before { content: ""; } .icon-17circle::after, .icon-17circle::before { content: ""; } .icon-18circle::after, .icon-18circle::before { content: ""; } .icon-19circle::after, .icon-19circle::before { content: ""; } .icon-20circle::after, .icon-20circle::before { content: ""; } .icon-close::after, .icon-close::before { content: ""; } .icon-closecompact::after, .icon-closecompact::before { content: ""; } .icon-paddleleft::after, .icon-paddleleft::before { content: ""; } .icon-paddleleftcompact::after, .icon-paddleleftcompact::before { content: ""; } .icon-paddleright::after, .icon-paddleright::before { content: ""; } .icon-paddlerightcompact::after, .icon-paddlerightcompact::before { content: ""; } .icon-paddleup::after, .icon-paddleup::before { content: ""; } .icon-paddleupcompact::after, .icon-paddleupcompact::before { content: ""; } .icon-paddledown::after, .icon-paddledown::before { content: ""; } .icon-paddledowncompact::after, .icon-paddledowncompact::before { content: ""; } .icon-thumbnailreplay::after, .icon-thumbnailreplay::before { content: ""; } .icon-thumbnailpause::after, .icon-thumbnailpause::before { content: ""; } .icon-thumbnailplay::after, .icon-thumbnailplay::before { content: ""; } .icon-externalrtl::after, .icon-externalrtl::before { content: ""; } .icon-questionrtl::after, .icon-questionrtl::before { content: ""; } .icon-questioncirclertl::after, .icon-questioncirclertl::before { content: ""; } .icon-questionsolidrtl::after, .icon-questionsolidrtl::before { content: ""; } .icon-star::after, .icon-star::before { content: ""; } .icon-progress-play::after, .icon-progress-play::before { content: ""; } .icon-progress-stop::after, .icon-progress-stop::before { content: ""; } .icon-progress-pause::after, .icon-progress-pause::before { content: ""; } .icon-legacy-close::after, .icon-legacy-close::before { content: ""; } .icon-musicvideo::after, .icon-musicvideo::before { content: ""; } .icon-imessage::after, .icon-imessage::before { content: ""; } .icon-watch::after, .icon-watch::before { content: ""; } .icon-screenshots::after, .icon-screenshots::before { content: ""; } .icon-digitalbooklet::after, .icon-digitalbooklet::before { content: ""; } .icon-play::after, .icon-play::before { content: ""; } .icon-pause::after, .icon-pause::before { content: ""; } .icon-explicit::after, .icon-explicit::before { content: ""; } .icon-explicit-large::after, .icon-explicit-large::before { content: ""; } .icon-clean::after, .icon-clean::before { content: ""; } .icon-clean-large::after, .icon-clean-large::before { content: ""; } .icon-mediaplayer-previous::after, .icon-mediaplayer-previous::before { content: ""; } .icon-mediaplayer-play::after, .icon-mediaplayer-play::before { content: ""; } .icon-mediaplayer-pause::after, .icon-mediaplayer-pause::before { content: ""; } .icon-mediaplayer-stop::after, .icon-mediaplayer-stop::before { content: ""; } .icon-mediaplayer-next::after, .icon-mediaplayer-next::before { content: ""; } .icon-close-solid::after, .icon-close-solid::before { content: ""; } .icon-sharrow::after, .icon-sharrow::before { content: ""; } .icon-embed-facebook::after, .icon-embed-facebook::before { content: ""; } .icon-embed-twitter::after, .icon-embed-twitter::before { content: ""; } .icon-embed-link::after, .icon-embed-link::before { content: ""; } .icon-embed-copylink::after, .icon-embed-copylink::before { content: ""; } .icon-embed-weibo::after, .icon-embed-weibo::before { content: ""; } .icon-shuffle::after, .icon-shuffle::before { content: ""; } .icon-user::after, .icon-user::before { content: ""; } .icon-book-review::after, .icon-book-review::before { content: ""; } .icon-review-quote::after, .icon-review-quote::before { content: ""; } .icon-review-quote-rtl::after, .icon-review-quote-rtl::before { content: ""; } .icon-explicit-ko::after, .icon-explicit-ko::before { content: ""; } .icon-a-square-fill-medium::after, .icon-a-square-fill-medium::before { content: ""; } .icon-18-circle-fill-medium::after, .icon-18-circle-fill-medium::before { content: ""; } .more::after, .more::before { content: ""; } .more-block { margin-top: 0.5em; } .icon-wrapper .icon, .icon-wrapper .icon-after::after, .icon-wrapper .icon-before::before, .icon-wrapper .more:not(.icon-before)::after { display: inline; position: static; } a.icon-wrapper { text-decoration: none; } a.icon-wrapper:hover .icon-copy { text-decoration: underline; } html[dir="rtl"] .icon-external::after, html[dir="rtl"] .icon-external::before { content: ""; } html[dir="rtl"] .icon-wrapper { unicode-bidi: bidi-override; } html[dir="rtl"] .icon-copy { unicode-bidi: embed; } :lang(ar) .icon-question::after, :lang(ar) .icon-question::before { content: ""; } :lang(ar) .icon-questioncircle::after, :lang(ar) .icon-questioncircle::before { content: ""; } :lang(ar) .icon-questionsolid::after, :lang(ar) .icon-questionsolid::before { content: ""; } body, html { box-sizing: border-box; background-color: rgb(245, 245, 247); } *, ::after, ::before { box-sizing: inherit; } h1, h2, h3, h4, h5 { font-size: 1em; font-weight: 400; } ol li, ul li { list-style: none; } ol, ul { margin: 0px; } .l-row { padding: 0px; font-size: 0px; } .l-row--peek { display: flex; align-items: flex-end; } .l-row--ratings-grid { display: flex; flex-wrap: wrap; } .l-row--margin-top { margin-top: 20px; } .l-column { margin: 0px; padding: 0px; display: inline-block; vertical-align: bottom; font-size: 13px; } .l-row { margin-left: -3.39506%; } .l-column { margin-left: 3.28358%; } @media only screen and (max-width: 734px) { .l-column--small-hide + .l-column { margin-left: 0px; } } .small-valign-top { vertical-align: top !important; align-self: start; } .small-valign-center { vertical-align: middle !important; align-self: center; } .small-valign-bottom { vertical-align: bottom !important; align-self: end; } @media only screen and (max-width: 734px) { .l-row--peek { overflow: auto hidden; width: auto; min-width: 100%; white-space: nowrap; margin-bottom: -9.75px; margin-left: -6.25vw; margin-right: -6.25vw; padding-left: 6.25vw; padding-right: 6.25vw; } .l-row--peek::after { content: ""; display: block; flex: 0 0 6.25vw; align-self: stretch; } .l-row--peek .l-column:first-child { margin-left: 0px; } .l-row--peek .small-1 { flex-shrink: 0; width: 19.4123vw; max-width: 19.4123vw; } .l-row--peek .small-2 { flex-shrink: 0; width: 42.1082vw; max-width: 42.1082vw; } .l-row--peek .small-3 { flex-shrink: 0; width: 64.8041vw; max-width: 64.8041vw; } .l-row--peek .small-4 { flex-shrink: 0; width: 87.5vw; max-width: 87.5vw; } .l-row--peek .small-5 { flex-shrink: 0; width: 110.196vw; max-width: 110.196vw; } .l-row--peek .small-6 { flex-shrink: 0; width: 132.892vw; max-width: 132.892vw; } .l-row--peek .small-7 { flex-shrink: 0; width: 155.588vw; max-width: 155.588vw; } .l-row--peek .small-8 { flex-shrink: 0; width: 178.284vw; max-width: 178.284vw; } .l-row--peek .small-9 { flex-shrink: 0; width: 200.979vw; max-width: 200.979vw; } .l-row--peek .small-10 { flex-shrink: 0; width: 223.675vw; max-width: 223.675vw; } .l-row--peek .small-11 { flex-shrink: 0; width: 246.371vw; max-width: 246.371vw; } .l-row--peek .small-12 { flex-shrink: 0; width: 269.067vw; max-width: 269.067vw; } .l-row--peek .small-offset-1 { margin-left: 11.6169%; } .l-row--peek .small-offset-2 { margin-left: 19.9503%; } .l-row--peek .small-offset-3 { margin-left: 28.2836%; } .l-row--peek .small-offset-4 { margin-left: 36.6169%; } .l-row--peek .small-offset-5 { margin-left: 44.9502%; } .l-row--peek .small-offset-6 { margin-left: 53.2836%; } .l-row--peek .small-offset-7 { margin-left: 61.6169%; } .l-row--peek .small-offset-8 { margin-left: 69.9502%; } .l-row--peek .small-offset-9 { margin-left: 78.2836%; } .l-row--peek .small-offset-10 { margin-left: 86.6169%; } .l-row--peek .small-offset-11 { margin-left: 94.9502%; } .l-row--peek .small-offset-12 { margin-left: 103.284%; } .l-row--peek .l-column { white-space: normal; padding-bottom: 9.75px; } } .small-1 { flex-shrink: 0; width: 5.04975%; max-width: 5.04975%; } .small-2 { flex-shrink: 0; width: 13.3831%; max-width: 13.3831%; } .small-3 { flex-shrink: 0; width: 21.7164%; max-width: 21.7164%; } .small-4 { flex-shrink: 0; width: 30.0497%; max-width: 30.0497%; } .small-5 { flex-shrink: 0; width: 38.3831%; max-width: 38.3831%; } .small-6 { flex-shrink: 0; width: 46.7164%; max-width: 46.7164%; } .small-7 { flex-shrink: 0; width: 55.0498%; max-width: 55.0498%; } .small-8 { flex-shrink: 0; width: 63.3831%; max-width: 63.3831%; } .small-9 { flex-shrink: 0; width: 71.7164%; max-width: 71.7164%; } .small-10 { flex-shrink: 0; width: 80.0498%; max-width: 80.0498%; } .small-11 { flex-shrink: 0; width: 88.3831%; max-width: 88.3831%; } .small-12 { flex-shrink: 0; width: 96.7164%; max-width: 96.7164%; } .small-offset-1 { margin-left: 11.6169%; } .small-offset-2 { margin-left: 19.9503%; } .small-offset-3 { margin-left: 28.2836%; } .small-offset-4 { margin-left: 36.6169%; } .small-offset-5 { margin-left: 44.9502%; } .small-offset-6 { margin-left: 53.2836%; } .small-offset-7 { margin-left: 61.6169%; } .small-offset-8 { margin-left: 69.9502%; } .small-offset-9 { margin-left: 78.2836%; } .small-offset-10 { margin-left: 86.6169%; } .small-offset-11 { margin-left: 94.9502%; } .small-offset-12 { margin-left: 103.284%; } @media only screen and (min-width: 735px) { .small-1 { flex-shrink: 0; width: 5.44316%; max-width: 5.44316%; } .small-2 { flex-shrink: 0; width: 13.7765%; max-width: 13.7765%; } .small-3 { flex-shrink: 0; width: 22.1098%; max-width: 22.1098%; } .small-4 { flex-shrink: 0; width: 30.4432%; max-width: 30.4432%; } .small-5 { flex-shrink: 0; width: 38.7765%; max-width: 38.7765%; } .small-6 { flex-shrink: 0; width: 47.1098%; max-width: 47.1098%; } .small-7 { flex-shrink: 0; width: 55.4432%; max-width: 55.4432%; } .small-8 { flex-shrink: 0; width: 63.7765%; max-width: 63.7765%; } .small-9 { flex-shrink: 0; width: 72.1098%; max-width: 72.1098%; } .small-10 { flex-shrink: 0; width: 80.4432%; max-width: 80.4432%; } .small-11 { flex-shrink: 0; width: 88.7765%; max-width: 88.7765%; } .small-12 { flex-shrink: 0; width: 97.1098%; max-width: 97.1098%; } .small-offset-1 { margin-left: 11.2235%; } .small-offset-2 { margin-left: 19.5568%; } .small-offset-3 { margin-left: 27.8902%; } .small-offset-4 { margin-left: 36.2235%; } .small-offset-5 { margin-left: 44.5568%; } .small-offset-6 { margin-left: 52.8902%; } .small-offset-7 { margin-left: 61.2235%; } .small-offset-8 { margin-left: 69.5568%; } .small-offset-9 { margin-left: 77.8902%; } .small-offset-10 { margin-left: 86.2235%; } .small-offset-11 { margin-left: 94.5568%; } .small-offset-12 { margin-left: 102.89%; } } @media only screen and (min-width: 1069px) { .small-1 { flex-shrink: 0; width: 6.39456%; max-width: 6.39456%; } .small-2 { flex-shrink: 0; width: 14.7279%; max-width: 14.7279%; } .small-3 { flex-shrink: 0; width: 23.0612%; max-width: 23.0612%; } .small-4 { flex-shrink: 0; width: 31.3946%; max-width: 31.3946%; } .small-5 { flex-shrink: 0; width: 39.7279%; max-width: 39.7279%; } .small-6 { flex-shrink: 0; width: 48.0612%; max-width: 48.0612%; } .small-7 { flex-shrink: 0; width: 56.3946%; max-width: 56.3946%; } .small-8 { flex-shrink: 0; width: 64.7279%; max-width: 64.7279%; } .small-9 { flex-shrink: 0; width: 73.0612%; max-width: 73.0612%; } .small-10 { flex-shrink: 0; width: 81.3946%; max-width: 81.3946%; } .small-11 { flex-shrink: 0; width: 89.7279%; max-width: 89.7279%; } .small-12 { flex-shrink: 0; width: 98.0612%; max-width: 98.0612%; } .small-offset-1 { margin-left: 10.2721%; } .small-offset-2 { margin-left: 18.6054%; } .small-offset-3 { margin-left: 26.9388%; } .small-offset-4 { margin-left: 35.2721%; } .small-offset-5 { margin-left: 43.6054%; } .small-offset-6 { margin-left: 51.9388%; } .small-offset-7 { margin-left: 60.2721%; } .small-offset-8 { margin-left: 68.6054%; } .small-offset-9 { margin-left: 76.9388%; } .small-offset-10 { margin-left: 85.2721%; } .small-offset-11 { margin-left: 93.6054%; } .small-offset-12 { margin-left: 101.939%; } } @media only screen and (min-width: 735px) { .l-row { margin-left: -2.97619%; } .l-column { margin-left: 2.89017%; } } @media only screen and (min-width: 735px) and (max-width: 734px) { .l-column--small-hide + .l-column { margin-left: 0px; } } @media only screen and (min-width: 735px) { .medium-valign-top { vertical-align: top !important; align-self: start; } .medium-valign-center { vertical-align: middle !important; align-self: center; } .medium-valign-bottom { vertical-align: bottom !important; align-self: end; } } @media only screen and (min-width: 735px) { .medium-1 { flex-shrink: 0; width: 5.44316%; max-width: 5.44316%; } .medium-2 { flex-shrink: 0; width: 13.7765%; max-width: 13.7765%; } .medium-3 { flex-shrink: 0; width: 22.1098%; max-width: 22.1098%; } .medium-4 { flex-shrink: 0; width: 30.4432%; max-width: 30.4432%; } .medium-5 { flex-shrink: 0; width: 38.7765%; max-width: 38.7765%; } .medium-6 { flex-shrink: 0; width: 47.1098%; max-width: 47.1098%; } .medium-7 { flex-shrink: 0; width: 55.4432%; max-width: 55.4432%; } .medium-8 { flex-shrink: 0; width: 63.7765%; max-width: 63.7765%; } .medium-9 { flex-shrink: 0; width: 72.1098%; max-width: 72.1098%; } .medium-10 { flex-shrink: 0; width: 80.4432%; max-width: 80.4432%; } .medium-11 { flex-shrink: 0; width: 88.7765%; max-width: 88.7765%; } .medium-12 { flex-shrink: 0; width: 97.1098%; max-width: 97.1098%; } .medium-offset-1 { margin-left: 11.2235%; } .medium-offset-2 { margin-left: 19.5568%; } .medium-offset-3 { margin-left: 27.8902%; } .medium-offset-4 { margin-left: 36.2235%; } .medium-offset-5 { margin-left: 44.5568%; } .medium-offset-6 { margin-left: 52.8902%; } .medium-offset-7 { margin-left: 61.2235%; } .medium-offset-8 { margin-left: 69.5568%; } .medium-offset-9 { margin-left: 77.8902%; } .medium-offset-10 { margin-left: 86.2235%; } .medium-offset-11 { margin-left: 94.5568%; } .medium-offset-12 { margin-left: 102.89%; } } @media only screen and (min-width: 1069px) { .medium-1 { flex-shrink: 0; width: 6.39456%; max-width: 6.39456%; } .medium-2 { flex-shrink: 0; width: 14.7279%; max-width: 14.7279%; } .medium-3 { flex-shrink: 0; width: 23.0612%; max-width: 23.0612%; } .medium-4 { flex-shrink: 0; width: 31.3946%; max-width: 31.3946%; } .medium-5 { flex-shrink: 0; width: 39.7279%; max-width: 39.7279%; } .medium-6 { flex-shrink: 0; width: 48.0612%; max-width: 48.0612%; } .medium-7 { flex-shrink: 0; width: 56.3946%; max-width: 56.3946%; } .medium-8 { flex-shrink: 0; width: 64.7279%; max-width: 64.7279%; } .medium-9 { flex-shrink: 0; width: 73.0612%; max-width: 73.0612%; } .medium-10 { flex-shrink: 0; width: 81.3946%; max-width: 81.3946%; } .medium-11 { flex-shrink: 0; width: 89.7279%; max-width: 89.7279%; } .medium-12 { flex-shrink: 0; width: 98.0612%; max-width: 98.0612%; } .medium-offset-1 { margin-left: 10.2721%; } .medium-offset-2 { margin-left: 18.6054%; } .medium-offset-3 { margin-left: 26.9388%; } .medium-offset-4 { margin-left: 35.2721%; } .medium-offset-5 { margin-left: 43.6054%; } .medium-offset-6 { margin-left: 51.9388%; } .medium-offset-7 { margin-left: 60.2721%; } .medium-offset-8 { margin-left: 68.6054%; } .medium-offset-9 { margin-left: 76.9388%; } .medium-offset-10 { margin-left: 85.2721%; } .medium-offset-11 { margin-left: 93.6054%; } .medium-offset-12 { margin-left: 101.939%; } } @media only screen and (min-width: 1069px) { .l-row { margin-left: -1.97711%; } .l-column { margin-left: 1.93878%; } } @media only screen and (min-width: 1069px) and (max-width: 734px) { .l-column--small-hide + .l-column { margin-left: 0px; } } @media only screen and (min-width: 1069px) { .large-valign-top { vertical-align: top !important; align-self: start; } .large-valign-center { vertical-align: middle !important; align-self: center; } .large-valign-bottom { vertical-align: bottom !important; align-self: end; } } @media only screen and (min-width: 1069px) { .large-1 { flex-shrink: 0; width: 6.39456%; max-width: 6.39456%; } .large-2 { flex-shrink: 0; width: 14.7279%; max-width: 14.7279%; } .large-3 { flex-shrink: 0; width: 23.0612%; max-width: 23.0612%; } .large-4 { flex-shrink: 0; width: 31.3946%; max-width: 31.3946%; } .large-5 { flex-shrink: 0; width: 39.7279%; max-width: 39.7279%; } .large-6 { flex-shrink: 0; width: 48.0612%; max-width: 48.0612%; } .large-7 { flex-shrink: 0; width: 56.3946%; max-width: 56.3946%; } .large-8 { flex-shrink: 0; width: 64.7279%; max-width: 64.7279%; } .large-9 { flex-shrink: 0; width: 73.0612%; max-width: 73.0612%; } .large-10 { flex-shrink: 0; width: 81.3946%; max-width: 81.3946%; } .large-11 { flex-shrink: 0; width: 89.7279%; max-width: 89.7279%; } .large-12 { flex-shrink: 0; width: 98.0612%; max-width: 98.0612%; } .large-offset-1 { margin-left: 10.2721%; } .large-offset-2 { margin-left: 18.6054%; } .large-offset-3 { margin-left: 26.9388%; } .large-offset-4 { margin-left: 35.2721%; } .large-offset-5 { margin-left: 43.6054%; } .large-offset-6 { margin-left: 51.9388%; } .large-offset-7 { margin-left: 60.2721%; } .large-offset-8 { margin-left: 68.6054%; } .large-offset-9 { margin-left: 76.9388%; } .large-offset-10 { margin-left: 85.2721%; } .large-offset-11 { margin-left: 93.6054%; } .large-offset-12 { margin-left: 101.939%; } } .l-column--grid { vertical-align: baseline; margin-bottom: 3.28358%; } @media only screen and (min-width: 735px) { .l-column--grid { margin-bottom: 2.89017%; } } @media only screen and (min-width: 1069px) { .l-column--grid { margin-bottom: 1.93878%; } } @media only screen and (max-width: 734px) { .l-column--grid.small-1:nth-child(12n+1):nth-last-child(-n+12), .l-column--grid.small-1:nth-child(12n+1):nth-last-child(-n+12) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (max-width: 734px) { } @media only screen and (min-width: 735px) and (max-width: 1068px) { .l-column--grid.medium-1:nth-child(12n+1):nth-last-child(-n+12), .l-column--grid.medium-1:nth-child(12n+1):nth-last-child(-n+12) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 735px) and (max-width: 1068px) { } @media only screen and (min-width: 1069px) { .l-column--grid.large-1:nth-child(12n+1):nth-last-child(-n+12), .l-column--grid.large-1:nth-child(12n+1):nth-last-child(-n+12) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 1069px) { } @media only screen and (max-width: 734px) { .l-column--grid.small-2:nth-child(6n+1):nth-last-child(-n+6), .l-column--grid.small-2:nth-child(6n+1):nth-last-child(-n+6) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (max-width: 734px) { .l-row--ratings-grid .small-1 ~ .l-column--grid.small-2:nth-child(6n+2):nth-last-child(-n+6), .l-row--ratings-grid .small-1 ~ .l-column--grid.small-2:nth-child(6n+2):nth-last-child(-n+6) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 735px) and (max-width: 1068px) { .l-column--grid.medium-2:nth-child(6n+1):nth-last-child(-n+6), .l-column--grid.medium-2:nth-child(6n+1):nth-last-child(-n+6) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 735px) and (max-width: 1068px) { .l-row--ratings-grid .medium-1 ~ .l-column--grid.medium-2:nth-child(6n+2):nth-last-child(-n+6), .l-row--ratings-grid .medium-1 ~ .l-column--grid.medium-2:nth-child(6n+2):nth-last-child(-n+6) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 1069px) { .l-column--grid.large-2:nth-child(6n+1):nth-last-child(-n+6), .l-column--grid.large-2:nth-child(6n+1):nth-last-child(-n+6) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 1069px) { .l-row--ratings-grid .large-1 ~ .l-column--grid.large-2:nth-child(6n+2):nth-last-child(-n+6), .l-row--ratings-grid .large-1 ~ .l-column--grid.large-2:nth-child(6n+2):nth-last-child(-n+6) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (max-width: 734px) { .l-column--grid.small-3:nth-child(4n+1):nth-last-child(-n+4), .l-column--grid.small-3:nth-child(4n+1):nth-last-child(-n+4) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (max-width: 734px) { } @media only screen and (min-width: 735px) and (max-width: 1068px) { .l-column--grid.medium-3:nth-child(4n+1):nth-last-child(-n+4), .l-column--grid.medium-3:nth-child(4n+1):nth-last-child(-n+4) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 735px) and (max-width: 1068px) { } @media only screen and (min-width: 1069px) { .l-column--grid.large-3:nth-child(4n+1):nth-last-child(-n+4), .l-column--grid.large-3:nth-child(4n+1):nth-last-child(-n+4) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 1069px) { } @media only screen and (max-width: 734px) { .l-column--grid.small-4:nth-child(3n+1):nth-last-child(-n+3), .l-column--grid.small-4:nth-child(3n+1):nth-last-child(-n+3) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (max-width: 734px) { .l-row--ratings-grid .small-2 ~ .l-column--grid.small-4:nth-child(3n+2):nth-last-child(-n+3), .l-row--ratings-grid .small-2 ~ .l-column--grid.small-4:nth-child(3n+2):nth-last-child(-n+3) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 735px) and (max-width: 1068px) { .l-column--grid.medium-4:nth-child(3n+1):nth-last-child(-n+3), .l-column--grid.medium-4:nth-child(3n+1):nth-last-child(-n+3) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 735px) and (max-width: 1068px) { .l-row--ratings-grid .medium-2 ~ .l-column--grid.medium-4:nth-child(3n+2):nth-last-child(-n+3), .l-row--ratings-grid .medium-2 ~ .l-column--grid.medium-4:nth-child(3n+2):nth-last-child(-n+3) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 1069px) { .l-column--grid.large-4:nth-child(3n+1):nth-last-child(-n+3), .l-column--grid.large-4:nth-child(3n+1):nth-last-child(-n+3) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 1069px) { .l-row--ratings-grid .large-2 ~ .l-column--grid.large-4:nth-child(3n+2):nth-last-child(-n+3), .l-row--ratings-grid .large-2 ~ .l-column--grid.large-4:nth-child(3n+2):nth-last-child(-n+3) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (max-width: 734px) { .l-column--grid.small-6:nth-child(2n+1):nth-last-child(-n+2), .l-column--grid.small-6:nth-child(2n+1):nth-last-child(-n+2) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (max-width: 734px) { .l-row--ratings-grid .small-3 ~ .l-column--grid.small-6:nth-child(2n+2):nth-last-child(-n+2), .l-row--ratings-grid .small-3 ~ .l-column--grid.small-6:nth-child(2n+2):nth-last-child(-n+2) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 735px) and (max-width: 1068px) { .l-column--grid.medium-6:nth-child(2n+1):nth-last-child(-n+2), .l-column--grid.medium-6:nth-child(2n+1):nth-last-child(-n+2) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 735px) and (max-width: 1068px) { .l-row--ratings-grid .medium-3 ~ .l-column--grid.medium-6:nth-child(2n+2):nth-last-child(-n+2), .l-row--ratings-grid .medium-3 ~ .l-column--grid.medium-6:nth-child(2n+2):nth-last-child(-n+2) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 1069px) { .l-column--grid.large-6:nth-child(2n+1):nth-last-child(-n+2), .l-column--grid.large-6:nth-child(2n+1):nth-last-child(-n+2) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 1069px) { .l-row--ratings-grid .large-3 ~ .l-column--grid.large-6:nth-child(2n+2):nth-last-child(-n+2), .l-row--ratings-grid .large-3 ~ .l-column--grid.large-6:nth-child(2n+2):nth-last-child(-n+2) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (max-width: 734px) { .l-column--grid.small-12:nth-child(n+1):nth-last-child(-n+1), .l-column--grid.small-12:nth-child(n+1):nth-last-child(-n+1) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (max-width: 734px) { .l-row--ratings-grid .small-6 ~ .l-column--grid.small-12:nth-child(n+2):nth-last-child(-n+1), .l-row--ratings-grid .small-6 ~ .l-column--grid.small-12:nth-child(n+2):nth-last-child(-n+1) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 735px) and (max-width: 1068px) { .l-column--grid.medium-12:nth-child(n+1):nth-last-child(-n+1), .l-column--grid.medium-12:nth-child(n+1):nth-last-child(-n+1) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 735px) and (max-width: 1068px) { .l-row--ratings-grid .medium-6 ~ .l-column--grid.medium-12:nth-child(n+2):nth-last-child(-n+1), .l-row--ratings-grid .medium-6 ~ .l-column--grid.medium-12:nth-child(n+2):nth-last-child(-n+1) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 1069px) { .l-column--grid.large-12:nth-child(n+1):nth-last-child(-n+1), .l-column--grid.large-12:nth-child(n+1):nth-last-child(-n+1) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 1069px) { .l-row--ratings-grid .large-6 ~ .l-column--grid.large-12:nth-child(n+2):nth-last-child(-n+1), .l-row--ratings-grid .large-6 ~ .l-column--grid.large-12:nth-child(n+2):nth-last-child(-n+1) ~ .l-column--grid { margin-bottom: 0px; } } @media only screen and (min-width: 1069px) { .large-4-of-8 { width: calc(49.0306% - 9.5px); max-width: calc(49.0306% - 9.5px); } .large-4-of-8:not(:first-child) { margin-left: 19px; } } .l-column--equal-height { align-self: stretch; } body { min-width: 320px; } .small-hide { display: none; } .small-show { display: block; } .small-show-inline { display: inline; } .small-show-inlineblock { display: inline-block; } @media only screen and (min-width: 735px) { .medium-hide { display: none; } .medium-show { display: block; } .medium-show-inline { display: inline; } .medium-show-inlineblock { display: inline-block; } } @media only screen and (min-width: 1069px) { .large-hide { display: none; } .large-show { display: block; } .large-show-inline { display: inline; } .large-show-inlineblock { display: inline-block; } } .viewport-content { margin-left: auto; margin-right: auto; width: 87.5%; } @media only screen and (min-width: 735px) { .viewport-content { margin-left: auto; margin-right: auto; width: 692px; } } @media only screen and (min-width: 1069px) { .viewport-content { margin-left: auto; margin-right: auto; width: 980px; } } .small-show-tablecell { display: table-cell; } @media only screen and (min-width: 735px) { .medium-show-tablecell { display: table-cell; } } @media only screen and (min-width: 1069px) { .large-show-tablecell { display: table-cell; } } .l-content-width { margin-left: auto; margin-right: auto; width: 87.5%; } @media only screen and (min-width: 735px) { .l-content-width { margin-left: auto; margin-right: auto; width: 692px; } } @media only screen and (min-width: 1069px) { .l-content-width { margin-left: auto; margin-right: auto; width: 980px; } } .l-content-width--centered { margin-top: 20px; margin-bottom: 20px; text-align: center; } @media only screen and (max-width: 734px) { .l-content-width--small-full-width { width: 100%; } } @media only screen and (min-width: 735px) { .l-content-width--small-only { width: auto; } } body > .ember-view { background-color: rgb(255, 255, 255); } body > .ember-view:has(.is-apps-theme) { flex-grow: 1; } .l-viewport-centered { height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .l-viewport-centered--with-header-footer { justify-content: center; } .l-viewport-centered--with-header-footer > :first-child { margin-bottom: auto; } .l-viewport-centered--with-header-footer > :last-child { margin-top: auto; } .l-viewport-footer-content { margin: 0px auto; max-width: 980px; padding: 0px 22px; box-sizing: content-box; } .ac-gf-footer-locale-lang { visibility: hidden; } footer#ac-globalfooter .ac-gf-footer { border-top: none; } @media only screen and (inverted-colors) { img:not(picture > img), picture, video { filter: invert(1); } } address[dir="rtl"], article[dir="rtl"], blockquote[dir="rtl"], dd[dir="rtl"], details[dir="rtl"], dialog[dir="rtl"], div[dir="rtl"], dl[dir="rtl"], dt[dir="rtl"], fieldset[dir="rtl"], form[dir="rtl"], h1[dir="rtl"], h2[dir="rtl"], h3[dir="rtl"], h4[dir="rtl"], h5[dir="rtl"], h6[dir="rtl"], nav[dir="rtl"], ol[dir="rtl"], p[dir="rtl"], pre[dir="rtl"], section[dir="rtl"], table[dir="rtl"], ul[dir="rtl"] { text-align: initial; direction: rtl; } bdo[dir="rtl"], span[dir="rtl"] { direction: rtl; unicode-bidi: bidi-override; } .truncate-single-line { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .truncate-single-line--block { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .has-modal { overflow: hidden; } .has-modal-full-viewport { position: fixed; width: 100%; height: 100%; overflow: hidden; } .has-modal-full-viewport body { height: 100%; overflow: hidden; } .modal { position: fixed; z-index: -1; inset: 0px; display: none; } .modal-standard { overflow: auto; padding: 54px 0px; background: rgba(0, 0, 0, 0.48); } .modal-standard .content-table { display: table; width: 100%; height: 100%; } .modal-standard .content-cell { display: table-cell; vertical-align: middle; } .modal-standard .content-wrapper { margin-left: auto; margin-right: auto; width: 87.5%; } @media only screen and (min-width: 735px) { .modal-standard .content-wrapper { margin-left: auto; margin-right: auto; width: 692px; } } @media only screen and (min-width: 1069px) { .modal-standard .content-wrapper { margin-left: auto; margin-right: auto; width: 980px; } } .modal-standard .content-padding { margin-left: auto; margin-right: auto; position: relative; z-index: 1; padding: 60px 8.33333%; background: rgb(255, 255, 255); border-radius: 18px; } .modal-standard .modal-close { left: 22px; } .modal-standard.theme-dark .content-padding, .theme-dark .modal-standard .content-padding { background: rgb(29, 29, 31); } .modal-full-viewport { background: rgb(255, 255, 255); padding: 96px 0px; } @media only screen and (min-width: 735px) { .modal-full-viewport { padding: 80px 0px; } } .modal-full-viewport.remove-container-padding { padding: 0px; } .modal-full-viewport.theme-dark, .theme-dark .modal-full-viewport { background: rgb(0, 0, 0); } .modal-open { display: block; z-index: 11000; } .modal-open:focus { outline-offset: -4px; } .modal-close { position: absolute; display: flex; z-index: 9999; overflow: hidden; top: 24px; left: 24px; margin: 0px; padding: 0px; font-size: 40px; line-height: 1; cursor: pointer; background: 0px 0px; border: 0px; color: rgba(134, 134, 139, 0.8); } .modal-close::after, .modal-close::before { font-family: "SF Pro Icons", "Apple WebExp Icons Custom"; color: inherit; display: inline-block; font-style: normal; font-weight: inherit; font-size: inherit; line-height: 1; text-decoration: underline; position: relative; z-index: 1; } .modal-close::after, .modal-close::before { text-decoration: none; } .modal-close::before { display: none; } .modal-close::after, .modal-close::before { content: ""; } .modal-close:hover { color: rgb(134, 134, 139); } .theme-dark .modal-close { color: rgba(110, 110, 115, 0.8); } .theme-dark .modal-close:hover { color: rgb(110, 110, 115); } .modal-close::after { width: 0.9em; height: 0.9em; top: 0.05em; padding: 0px; font-weight: 300; } @media only screen and (min-width: 735px) { .modal-close { top: 20px; left: 20px; font-size: 32px; } } .ac-video-icon { background-repeat: no-repeat; } .ac-video-icon.controls-airplay-button, .ac-video-icon.icon-ctrl_airplay { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M14.5%2C14.8c0.5%2C0.7%2C0.2%2C1.2-0.6%2C1.2H6.1c-0.8%2C0-1.1-0.5-0.6-1.2l3.7-5.4c0.4-0.7%2C1.2-0.7%2C1.6%2C0L14.5%2C14.8z%0A%09%20M17.4%2C0H2.6C1.2%2C0%2C0%2C1.2%2C0%2C2.6v6.7C0%2C10.8%2C1.2%2C12%2C2.6%2C12H4c0.3%2C0%2C0.5-0.2%2C0.5-0.5S4.3%2C11%2C4%2C11H2.6C1.7%2C11%2C1%2C10.3%2C1%2C9.4V2.6%0A%09C1%2C1.7%2C1.7%2C1%2C2.6%2C1h14.8C18.3%2C1%2C19%2C1.7%2C19%2C2.6v6.7c0%2C0.9-0.7%2C1.6-1.6%2C1.6H16c-0.3%2C0-0.5%2C0.2-0.5%2C0.5S15.7%2C12%2C16%2C12h1.4%0A%09c1.4%2C0%2C2.6-1.2%2C2.6-2.6V2.6C20%2C1.2%2C18.8%2C0%2C17.4%2C0z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .ac-video-icon.controls-airplay-button.airplay-active, .ac-video-icon.icon-ctrl_airplay_active { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%232997ff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ectrl_airplay_active%3C%2Ftitle%3E%3Crect%20id%3D%22Bounding-Box%22%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%3Cpath%20id%3D%22ctrl_airplay_active%22%20class%3D%22cls-2%22%20d%3D%22M10.8%2C9.4a.87.87%2C0%2C0%2C0-1.6%2C0L5.5%2C14.8c-.5.7-.2%2C1.2.6%2C1.2h7.8c.8%2C0%2C1.1-.5.6-1.2ZM20%2C2.6V9.4A2.65%2C2.65%2C0%2C0%2C1%2C17.4%2C12H16a.5.5%2C0%2C0%2C1%2C0-1h1.4A1.58%2C1.58%2C0%2C0%2C0%2C19%2C9.4V2.6A1.58%2C1.58%2C0%2C0%2C0%2C17.4%2C1H2.6A1.58%2C1.58%2C0%2C0%2C0%2C1%2C2.6V9.3A1.61%2C1.61%2C0%2C0%2C0%2C2.6%2C11H4a.5.5%2C0%2C0%2C1%2C0%2C1H2.6A2.65%2C2.65%2C0%2C0%2C1%2C0%2C9.4V2.6A2.65%2C2.65%2C0%2C0%2C1%2C2.6%2C0H17.4A2.65%2C2.65%2C0%2C0%2C1%2C20%2C2.6Z%22%2F%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-ctrl_arrow, .compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-bottom, .compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-left, .compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-right, .compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-top { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229px%22%20height%3D%2210px%22%20viewBox%3D%220%200%209%2010%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M7.6%2C5.8c0.7-0.4%2C0.7-1.2%2C0-1.6L2.2%2C0.5C1.5%2C0%2C1%2C0.3%2C1%2C1.1v7.8C1%2C9.7%2C1.5%2C10%2C2.2%2C9.5L7.6%2C5.8z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20width%3D%229%22%20height%3D%2210%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .ac-video-icon.icon-ctrl_cc_active { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.89%2C16H2.11C0.95%2C16%2C0%2C15.04%2C0%2C13.87V2.13C0%2C0.96%2C0.95%2C0%2C2.11%2C0h15.79%0AC19.05%2C0%2C20%2C0.96%2C20%2C2.13v11.73C20%2C15.04%2C19.05%2C16%2C17.89%2C16z%20M7.92%2C6.96c0.59%2C0%2C0.79%2C0%2C1.45%2C0c0.04-1.83-1.24-2.87-2.99-2.87%0AS3.34%2C5.31%2C3.34%2C7.53s0-0.05%2C0%2C1.03s0.41%2C3.35%2C3.1%2C3.35c2.23%2C0%2C3-1.61%2C2.93-2.78c-0.77%2C0-0.86%2C0-1.45%2C0c0%2C0.5-0.19%2C1.43-1.49%2C1.43%0Ac-1.31%2C0-1.57-1.22-1.58-2.05s0-0.07%2C0-1.16s0.57-1.92%2C1.59-1.92S7.92%2C6.13%2C7.92%2C6.96z%20M15.17%2C6.96c0.59%2C0%2C0.79%2C0%2C1.45%2C0%0Ac0.04-1.83-1.24-2.87-2.99-2.87s-3.04%2C1.23-3.04%2C3.44s0-0.05%2C0%2C1.03s0.41%2C3.35%2C3.1%2C3.35c2.23%2C0%2C3-1.61%2C2.93-2.78%0Ac-0.77%2C0-0.86%2C0-1.45%2C0c0%2C0.5-0.19%2C1.43-1.49%2C1.43c-1.31%2C0-1.57-1.22-1.58-2.05s0-0.07%2C0-1.16s0.57-1.92%2C1.59-1.92%0AS15.17%2C6.13%2C15.17%2C6.96z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .ac-video-icon.icon-ctrl_cc_default { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.5%2C15.99h-15c-1.38%2C0-2.5-1.19-2.5-2.64V2.64C0%2C1.18%2C1.12%2C0%2C2.5%2C0h15C18.88%2C0%2C20%2C1.18%2C20%2C2.64%0A%09%09v10.71C20%2C14.81%2C18.88%2C15.99%2C17.5%2C15.99z%20M2.5%2C1C1.67%2C1%2C1%2C1.73%2C1%2C2.64v10.71c0%2C0.91%2C0.67%2C1.64%2C1.5%2C1.64h15%0A%09%09c0.83%2C0%2C1.5-0.74%2C1.5-1.64V2.64C19%2C1.73%2C18.33%2C1%2C17.5%2C1H2.5z%20M4.75%2C7.55c0-1.47%2C0.68-2.21%2C1.7-2.21s1.56%2C0.75%2C1.56%2C1.52h1.26V6.74%0A%09%09c0-1.34-1.02-2.56-2.83-2.56c-1.86%2C0-3.01%2C1.25-3.01%2C3.35v0.95c0%2C2.13%2C1.14%2C3.32%2C3%2C3.32c1.87%2C0%2C2.84-1.24%2C2.84-2.47V9.23H8.01%0A%09%09c0%2C0.77-0.53%2C1.43-1.55%2C1.43c-1.04%2C0-1.72-0.7-1.72-2.18V7.55z%20M12%2C7.55c0-1.47%2C0.68-2.21%2C1.7-2.21s1.56%2C0.75%2C1.56%2C1.52h1.26V6.74%0A%09%09c0-1.34-1.02-2.56-2.83-2.56c-1.86%2C0-3.01%2C1.25-3.01%2C3.35v0.95c0%2C2.13%2C1.14%2C3.32%2C3%2C3.32c1.87%2C0%2C2.84-1.24%2C2.84-2.47V9.23h-1.26%0A%09%09c0%2C0.77-0.53%2C1.43-1.55%2C1.43c-1.04%2C0-1.72-0.7-1.72-2.18V7.55z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .ac-video-icon.controls-text-tracks-toggle-button, .ac-video-icon.icon-ctrl_cc_off { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.4%2C1C18.3%2C1%2C19%2C1.7%2C19%2C2.5v8c0%2C0.8-0.7%2C1.5-1.6%2C1.5H16l-4%2C2.5V12H2.6C1.7%2C12%2C1%2C11.3%2C1%2C10.4%0A%09V2.5C1%2C1.7%2C1.7%2C1%2C2.6%2C1H17.4%20M9.5%2C8h7C16.8%2C8%2C17%2C7.8%2C17%2C7.5S16.8%2C7%2C16.5%2C7h-7C9.2%2C7%2C9%2C7.2%2C9%2C7.5S9.2%2C8%2C9.5%2C8%20M3.5%2C8h4%0A%09C7.8%2C8%2C8%2C7.8%2C8%2C7.5S7.8%2C7%2C7.5%2C7h-4C3.2%2C7%2C3%2C7.2%2C3%2C7.5S3.2%2C8%2C3.5%2C8%20M12.5%2C10h4c0.3%2C0%2C0.5-0.2%2C0.5-0.5S16.8%2C9%2C16.5%2C9h-4%0A%09C12.2%2C9%2C12%2C9.2%2C12%2C9.5S12.2%2C10%2C12.5%2C10%20M3.5%2C10h7c0.3%2C0%2C0.5-0.2%2C0.5-0.5S10.8%2C9%2C10.5%2C9h-7C3.2%2C9%2C3%2C9.2%2C3%2C9.5S3.2%2C10%2C3.5%2C10%20M17.4%2C0%0A%09H2.6C1.2%2C0%2C0%2C1.1%2C0%2C2.5v7.9C0%2C11.9%2C1.1%2C13%2C2.6%2C13H11v1.5c0%2C0.4%2C0.2%2C0.7%2C0.5%2C0.9c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1s0.4-0.1%2C0.6-0.2l3.7-2.3%0A%09h1.1c1.4%2C0%2C2.6-1.1%2C2.6-2.5v-8C20%2C1.1%2C18.8%2C0%2C17.4%2C0L17.4%2C0z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .ac-video-icon.controls-text-tracks-toggle-button.text-tracks-visible, .ac-video-icon.icon-ctrl_cc_on { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.4%2C0H2.6C1.2%2C0%2C0%2C1.1%2C0%2C2.5v7.9C0%2C11.9%2C1.1%2C13%2C2.6%2C13H11v1.5c0%2C0.4%2C0.2%2C0.7%2C0.5%2C0.9%0A%09c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1s0.4-0.1%2C0.6-0.2l3.7-2.3h1.1c1.4%2C0%2C2.6-1.1%2C2.6-2.5v-8C20%2C1.1%2C18.8%2C0%2C17.4%2C0z%20M3.5%2C7h4C7.8%2C7%2C8%2C7.2%2C8%2C7.5%0A%09S7.8%2C8%2C7.5%2C8h-4C3.2%2C8%2C3%2C7.8%2C3%2C7.5S3.2%2C7%2C3.5%2C7z%20M10.5%2C10h-7C3.2%2C10%2C3%2C9.8%2C3%2C9.5S3.2%2C9%2C3.5%2C9h7C10.8%2C9%2C11%2C9.2%2C11%2C9.5%0A%09S10.8%2C10%2C10.5%2C10z%20M16.5%2C10h-4C12.2%2C10%2C12%2C9.8%2C12%2C9.5S12.2%2C9%2C12.5%2C9h4C16.8%2C9%2C17%2C9.2%2C17%2C9.5S16.8%2C10%2C16.5%2C10z%20M16.5%2C8h-7%0A%09C9.2%2C8%2C9%2C7.8%2C9%2C7.5S9.2%2C7%2C9.5%2C7h7C16.8%2C7%2C17%2C7.2%2C17%2C7.5S16.8%2C8%2C16.5%2C8z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .ac-video-controls .ac-video-captions-selector-container .controls-captions-selector li.showing::before, .ac-video-icon.icon-ctrl_check { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%228px%22%20height%3D%2218px%22%20viewBox%3D%220%200%201222%202444%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpolygon%20class%3D%22fill%22%20points%3D%22154.84%2C1317.22%2043.16%2C1437.31%20469.88%2C1834.18%201179.1%2C1168.83%201066.9%2C1049.23%20469.4%2C1609.76%0A%09%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%228%22%20height%3D%2218%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .ac-video-icon.controls-full-screen-button, .ac-video-icon.icon-ctrl_fullscreen { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M6.87%2C9.97l-4.89%2C4.9C2.17%2C14.96%2C2.38%2C15%2C2.61%2C15h3.91c0.28%2C0%2C0.5%2C0.22%2C0.5%2C0.5S6.79%2C16%2C6.51%2C16%0A%09%09H2.61C1.17%2C16%2C0%2C14.82%2C0%2C13.37V9.51c0-0.28%2C0.22-0.5%2C0.5-0.5S1%2C9.23%2C1%2C9.51v3.86c0%2C0.23%2C0.05%2C0.45%2C0.13%2C0.65l4.89-4.89%0A%09%09c0.23-0.23%2C0.61-0.23%2C0.85%2C0C7.1%2C9.36%2C7.1%2C9.74%2C6.87%2C9.97z%20M13.4%2C0H9.5C9.23%2C0%2C9%2C0.22%2C9%2C0.5S9.23%2C1%2C9.5%2C1h3.89%0A%09%09c0.22%2C0%2C0.43%2C0.05%2C0.63%2C0.13L9.09%2C6.06c-0.23%2C0.23-0.23%2C0.61%2C0%2C0.85c0.12%2C0.12%2C0.27%2C0.18%2C0.42%2C0.18s0.31-0.06%2C0.42-0.18l4.93-4.93%0A%09%09C14.95%2C2.18%2C15%2C2.4%2C15%2C2.63V6.5C15%2C6.78%2C15.23%2C7%2C15.5%2C7S16%2C6.78%2C16%2C6.5V2.63C16%2C1.18%2C14.83%2C0%2C13.4%2C0z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2216%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .ac-video-icon.controls-full-screen-button.is-fullscreen, .ac-video-icon.icon-ctrl_fullscreen_exit { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M7%2C11.65v3.86c0%2C0.28-0.22%2C0.5-0.5%2C0.5S6%2C15.79%2C6%2C15.51v-3.86C6%2C11.42%2C5.95%2C11.2%2C5.87%2C11l-4.84%2C4.82%0A%09%09C0.91%2C15.94%2C0.76%2C16%2C0.6%2C16c-0.15%2C0-0.31-0.06-0.42-0.18c-0.23-0.24-0.23-0.62%2C0-0.85l4.86-4.84C4.84%2C10.05%2C4.63%2C10%2C4.41%2C10H0.5%0A%09%09C0.23%2C10%2C0%2C9.78%2C0%2C9.5S0.23%2C9%2C0.5%2C9h3.91C5.84%2C9%2C7%2C10.19%2C7%2C11.65z%20M15.5%2C6h-3.89c-0.22%2C0-0.43-0.05-0.62-0.13l4.83-4.84%0A%09%09c0.23-0.23%2C0.23-0.61%2C0-0.85s-0.61-0.23-0.85%2C0l-4.83%2C4.84C10.05%2C4.82%2C10%2C4.6%2C10%2C4.36V0.5C10%2C0.22%2C9.78%2C0%2C9.5%2C0S9%2C0.22%2C9%2C0.5v3.87%0A%09%09C9%2C5.82%2C10.17%2C7%2C11.61%2C7h3.89C15.78%2C7%2C16%2C6.77%2C16%2C6.5S15.78%2C6%2C15.5%2C6z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2216%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .ac-video-icon.icon-ctrl_pause, .is-playing .ac-video-icon.controls-play-pause-button { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20viewBox%3D%220%200%2086%2086%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h86v86h-86z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m22%2064.715v-43.388c0-2.555%201.452-4.327%204.6-4.327h5.8c3.185%200%204.6%201.731%204.6%204.327v43.388c0%202.554-1.411%204.285-4.6%204.285h-5.8c-3.148%200-4.6-1.731-4.6-4.285zm26%200v-43.388c0-2.596%201.452-4.327%204.6-4.327h5.847c3.142%200%204.553%201.772%204.553%204.327v43.388c0%202.554-1.411%204.285-4.556%204.285h-5.844c-3.148%200-4.6-1.731-4.6-4.285z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); } .ac-video-icon.controls-picture-in-picture-button.is-picture-in-picture, .ac-video-icon.icon-ctrl_pip_active { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.99%2C16h-5.93c-1.26%2C0-2.01-1.02-2.01-2v-0.5c0-0.28%2C0.22-0.5%2C0.5-0.5s0.5%2C0.22%2C0.5%2C0.5V14%0A%09%09c0%2C0.49%2C0.38%2C1%2C1.01%2C1h5.93c0.57%2C0%2C1-0.43%2C1-1v-3c0-0.27-0.12-0.54-0.32-0.73c-0.13-0.13-0.37-0.29-0.67-0.26h-0.49%0A%09%09c-0.28%2C0-0.5-0.22-0.5-0.5s0.22-0.5%2C0.5-0.5h0.48c0.5-0.02%2C1%2C0.18%2C1.38%2C0.54C19.77%2C9.92%2C20%2C10.45%2C20%2C10.99v3%0A%09%09C20%2C15.12%2C19.12%2C16%2C17.99%2C16z%20M0%2C2v7c0%2C1.1%2C0.9%2C2%2C2%2C2h11c1.1%2C0%2C2-0.9%2C2-2V2c0-1.1-0.9-2-2-2H2C0.9%2C0%2C0%2C0.9%2C0%2C2z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .ac-video-icon.controls-picture-in-picture-button, .ac-video-icon.icon-ctrl_pip_default { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M6.49%2C12H2.43C0.93%2C12%2C0%2C10.77%2C0%2C9.63V2.37C0%2C1.22%2C0.85%2C0%2C2.43%2C0h11.21C14.8%2C0%2C16%2C0.89%2C16%2C2.37v3.11%0A%09%09c0%2C0.28-0.22%2C0.5-0.5%2C0.5S15%2C5.75%2C15%2C5.48V2.37C15%2C1.48%2C14.3%2C1%2C13.63%2C1H2.43C1.26%2C1%2C1%2C1.99%2C1%2C2.37v7.27C1%2C10.19%2C1.46%2C11%2C2.43%2C11%0A%09%09h4.06c0.28%2C0%2C0.5%2C0.22%2C0.5%2C0.5S6.76%2C12%2C6.49%2C12z%20M10%2C11v3c0%2C1.1%2C0.9%2C2%2C2%2C2h6c1.1%2C0%2C2-0.9%2C2-2v-3c0-1.1-0.9-2-2-2h-6%0A%09%09C10.9%2C9%2C10%2C9.9%2C10%2C11z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E"); } .ac-video-icon.controls-play-pause-button, .ac-video-icon.icon-ctrl_play { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20viewBox%3D%220%200%2086%2086%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h86v86h-86z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m22%2064.728v-43.373c0-3.501%202.1-5.355%204.737-5.355a6.365%206.365%200%200%201%203.748%201.071l36.083%2021.048c2.471%201.442%203.831%202.636%203.831%204.9s-1.359%203.46-3.831%204.9l-36.083%2021.01a6.365%206.365%200%200%201%20-3.748%201.071c-2.637%200-4.737-1.812-4.737-5.272z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); } .ac-video-icon.icon-ctrl_replay, .end-state .ac-video-icon.controls-play-pause-button { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20viewBox%3D%220%200%2086%2086%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h86v86h-86z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m37.932%2037.972a4.4%204.4%200%200%201%201.557-3.4l3.36-3.319h-.492c-8.4%200-14.67%206.679-14.67%2015.695a15.326%2015.326%200%201%200%2030.652%200%205.614%205.614%200%201%201%2011.228%200%2026.533%2026.533%200%201%201%20-53.067%200%2025.734%2025.734%200%200%201%2025.9-26.187h.041l-2.95-2.909a4.4%204.4%200%200%201%20-1.557-3.4%205.4%205.4%200%200%201%205.366-5.452%204.8%204.8%200%200%201%203.606%201.557l11.351%2011.6a5.329%205.329%200%200%201%201.762%204.016%205.414%205.414%200%200%201%20-1.762%204.016l-11.351%2011.635a4.819%204.819%200%200%201%20-3.606%201.476%205.352%205.352%200%200%201%20-5.368-5.328z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); } .ac-video-icon.controls-toggle-mute-volume-button.is-muted, .ac-video-icon.icon-ctrl_volume_mute { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M9%2C7.48L5.34%2C3.81l2.34-2.07c0.21-0.23%2C0.55-0.3%2C0.84-0.19C8.82%2C1.66%2C9.01%2C1.95%2C9%2C2.26V7.48z%0A%09%09%20M9%2C12.29v1.46c0%2C0.31-0.19%2C0.59-0.49%2C0.71c-0.09%2C0.03-0.18%2C0.05-0.28%2C0.05c-0.21%2C0-0.41-0.09-0.56-0.25L4%2C11H1%0A%09%09c-0.51%2C0-1-0.42-1-0.99V5.98C0%2C5.43%2C0.48%2C5%2C0.99%2C5h0.74L9%2C12.29z%20M12.57%2C13.91c0.13-0.01%2C0.26-0.07%2C0.35-0.17%0A%09%09c0.19-0.21%2C0.17-0.52-0.04-0.71L2.07%2C2.21C1.86%2C2.03%2C1.55%2C2.04%2C1.36%2C2.26C1.18%2C2.47%2C1.19%2C2.78%2C1.41%2C2.96l10.81%2C10.82%0A%09%09C12.31%2C13.88%2C12.44%2C13.92%2C12.57%2C13.91z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E"); } .ac-video-icon.controls-toggle-mute-volume-button, .ac-video-icon.icon-ctrl_volume_on { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M16.07%2C15.9c-0.14%2C0-0.29-0.05-0.4-0.16c-0.23-0.22-0.24-0.58-0.02-0.81%0A%09%09c1.79-1.88%2C2.78-4.34%2C2.78-6.93c0-2.62-1-5.09-2.82-6.97c-0.22-0.23-0.22-0.6%2C0-0.82c0.22-0.22%2C0.58-0.23%2C0.8%2C0%0A%09%09c0.01%2C0.01%2C0.04%2C0.04%2C0.05%2C0.06c2%2C2.07%2C3.12%2C4.83%2C3.12%2C7.74c0%2C2.89-1.1%2C5.63-3.1%2C7.73C16.37%2C15.84%2C16.22%2C15.9%2C16.07%2C15.9z%0A%09%09%20M12.91%2C13.03c1.36-1.29%2C2.17-3.17%2C2.17-5.03c0-1.85-0.81-3.73-2.17-5.03c-0.23-0.22-0.59-0.21-0.81%2C0.02%0A%09%09c-0.22%2C0.23-0.21%2C0.59%2C0.02%2C0.81c1.14%2C1.09%2C1.82%2C2.66%2C1.82%2C4.2c0%2C1.55-0.68%2C3.12-1.81%2C4.2c-0.23%2C0.22-0.24%2C0.58-0.02%2C0.81%0A%09%09c0.11%2C0.12%2C0.26%2C0.18%2C0.42%2C0.18C12.65%2C13.19%2C12.79%2C13.14%2C12.91%2C13.03z%20M7.68%2C1.74L4%2C5.01H0.99C0.48%2C5.01%2C0%2C5.44%2C0%2C5.99v3.98%0A%09%09c0%2C0.57%2C0.48%2C0.99%2C1%2C0.99h3l3.67%2C3.3c0.16%2C0.16%2C0.36%2C0.25%2C0.56%2C0.25c0.1%2C0%2C0.19-0.02%2C0.28-0.05C8.81%2C14.34%2C9%2C14.06%2C9%2C13.75V2.26%0A%09%09c0.01-0.31-0.18-0.6-0.48-0.71C8.23%2C1.44%2C7.9%2C1.52%2C7.68%2C1.74z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E"); } .ac-video-icon.icon-share_close { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213px%22%20height%3D%2213px%22%20viewBox%3D%220%200%2013%2013%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M7.31%2C6.5l5.09-5.09c0.22-0.22%2C0.22-0.59%2C0-0.81s-0.59-0.22-0.81%2C0L6.5%2C5.69L1.41%2C0.59%0A%09%09c-0.22-0.22-0.59-0.22-0.81%2C0s-0.22%2C0.59%2C0%2C0.81L5.69%2C6.5l-5.09%2C5.09c-0.22%2C0.22-0.22%2C0.59%2C0%2C0.81c0.11%2C0.11%2C0.26%2C0.17%2C0.41%2C0.17%0A%09%09s0.29-0.06%2C0.41-0.17L6.5%2C7.31l5.09%2C5.09c0.11%2C0.11%2C0.26%2C0.17%2C0.41%2C0.17s0.29-0.06%2C0.41-0.17c0.22-0.22%2C0.22-0.59%2C0-0.81L7.31%2C6.5z%0A%09%09%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2213%22%20height%3D%2213%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .ac-video-icon.icon-share_embed { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2024%2017%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M14.03%2C1.28l-2.85%2C14.79c-0.09%2C0.26-0.32%2C0.43-0.58%2C0.43c-0.06%2C0-0.12-0.01-0.18-0.03%0A%09%09c-0.15-0.05-0.28-0.15-0.35-0.3c-0.07-0.14-0.09-0.3-0.04-0.45l2.85-14.8c0.05-0.16%2C0.16-0.29%2C0.3-0.36s0.3-0.09%2C0.46-0.04%0A%09%09C13.96%2C0.63%2C14.13%2C0.97%2C14.03%2C1.28z%20M23.48%2C8.62c0.01-0.04%2C0.02-0.08%2C0.02-0.12s-0.01-0.08-0.02-0.12s-0.01-0.07-0.02-0.11%0A%09%09c-0.02-0.04-0.04-0.08-0.07-0.12c-0.02-0.02-0.02-0.05-0.04-0.07l-0.01-0.01c-0.01-0.01-0.01-0.02-0.02-0.02l-5.79-5.39%0A%09%09c-0.24-0.23-0.62-0.21-0.85%2C0.03s-0.21%2C0.62%2C0.03%2C0.85l5.32%2C4.95l-5.32%2C4.95c-0.24%2C0.23-0.26%2C0.61-0.03%2C0.85%0A%09%09c0.12%2C0.13%2C0.28%2C0.19%2C0.44%2C0.19c0.15%2C0%2C0.29-0.05%2C0.41-0.16l5.79-5.39c0.01-0.01%2C0.01-0.02%2C0.02-0.02l0.01-0.01%0A%09%09c0.02-0.02%2C0.03-0.05%2C0.04-0.07c0.03-0.04%2C0.05-0.07%2C0.07-0.12C23.47%2C8.69%2C23.47%2C8.65%2C23.48%2C8.62z%20M7.33%2C2.7%0A%09%09C7.1%2C2.45%2C6.73%2C2.44%2C6.48%2C2.67L0.69%2C8.06c-0.01%2C0-0.01%2C0.01-0.02%2C0.02L0.66%2C8.09C0.64%2C8.11%2C0.63%2C8.14%2C0.62%2C8.16%0A%09%09C0.59%2C8.2%2C0.56%2C8.23%2C0.54%2C8.28c-0.01%2C0.03-0.02%2C0.07-0.02%2C0.1C0.51%2C8.42%2C0.5%2C8.46%2C0.5%2C8.5s0.01%2C0.08%2C0.02%2C0.12%0A%09%09c0.01%2C0.03%2C0.01%2C0.07%2C0.02%2C0.1C0.56%2C8.76%2C0.59%2C8.8%2C0.62%2C8.84c0.02%2C0.02%2C0.02%2C0.05%2C0.04%2C0.07l0.01%2C0.01%0A%09%09c0.01%2C0.01%2C0.01%2C0.02%2C0.02%2C0.02l5.79%2C5.39c0.12%2C0.11%2C0.26%2C0.16%2C0.41%2C0.16c0.16%2C0%2C0.32-0.06%2C0.44-0.19%0A%09%09c0.23-0.24%2C0.21-0.62-0.03-0.85L1.98%2C8.5L7.3%2C3.54C7.54%2C3.32%2C7.56%2C2.94%2C7.33%2C2.7z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2224%22%20height%3D%2217%22%2F%3E%0A%3C%2Fsvg%3E"); } .ac-video-icon.icon-share_fb { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2016%2017%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M14.78%2C2.22C14.93%2C2.37%2C15%2C2.56%2C15%2C2.78v12.44c0%2C0.22-0.07%2C0.4-0.22%2C0.55%0A%09%09C14.63%2C15.93%2C14.44%2C16%2C14.22%2C16h-3.56v-5.42h1.82l0.27-2.11h-2.09V7.12c0-0.34%2C0.06-0.59%2C0.19-0.74c0.16-0.19%2C0.45-0.29%2C0.85-0.29%0A%09%09h1.12V4.2c-0.14-0.02-0.34-0.03-0.6-0.05c-0.35-0.02-0.69-0.04-1.03-0.04c-0.54%2C0-1.02%2C0.11-1.43%2C0.32%0A%09%09c-0.4%2C0.22-0.72%2C0.54-0.93%2C0.95C8.59%2C5.81%2C8.47%2C6.32%2C8.47%2C6.91v1.56H6.65v2.11h1.82V16h-6.7c-0.22%2C0-0.4-0.07-0.55-0.22%0A%09%09C1.07%2C15.63%2C0.99%2C15.43%2C1%2C15.22V2.78c0-0.21%2C0.08-0.41%2C0.23-0.55S1.57%2C2%2C1.78%2C2h12.44C14.44%2C2%2C14.63%2C2.07%2C14.78%2C2.22z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2216%22%20height%3D%2217%22%2F%3E%0A%3C%2Fsvg%3E"); } .ac-video-icon.icon-share_link { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2017%2017%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M7.37%2C10.15c-0.15%2C0-0.31-0.06-0.42-0.18L6.83%2C9.87c-1.32-1.35-1.28-3.41%2C0.1-4.79l3.68-3.68%0A%09%09c1.33-1.33%2C3.66-1.33%2C4.99%2C0c1.38%2C1.38%2C1.38%2C3.61%2C0%2C4.99l-1.75%2C1.75c-0.23%2C0.23-0.61%2C0.23-0.85%2C0c-0.23-0.23-0.23-0.61%2C0-0.85%0A%09%09l1.75-1.75c0.91-0.91%2C0.91-2.38%2C0-3.29c-0.88-0.88-2.41-0.88-3.29%2C0L7.78%2C5.93c-0.9%2C0.9-0.94%2C2.23-0.09%2C3.09l0.1%2C0.1%0A%09%09c0.23%2C0.23%2C0.23%2C0.61%2C0%2C0.85C7.67%2C10.09%2C7.52%2C10.15%2C7.37%2C10.15z%20M6.39%2C15.6l3.68-3.68c1.37-1.37%2C1.4-3.48%2C0.07-4.81l-0.09-0.09%0A%09%09c-0.23-0.23-0.61-0.23-0.85%2C0c-0.23%2C0.23-0.23%2C0.61%2C0%2C0.85l0.09%2C0.09c0.87%2C0.87%2C0.84%2C2.21-0.07%2C3.12l-3.68%2C3.68%0A%09%09c-0.88%2C0.88-2.41%2C0.88-3.29%2C0c-0.91-0.91-0.91-2.38%2C0-3.29l1.79-1.79c0.23-0.23%2C0.23-0.61%2C0-0.85c-0.23-0.23-0.61-0.23-0.85%2C0%0A%09%09l-1.79%2C1.79c-1.38%2C1.37-1.38%2C3.61%2C0%2C4.99c0.67%2C0.67%2C1.55%2C1.03%2C2.49%2C1.03S5.73%2C16.26%2C6.39%2C15.6z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2217%22%20height%3D%2217%22%2F%3E%0A%3C%2Fsvg%3E"); } .ac-video-icon.icon-share_twitter { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2019%2017%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M16.94%2C2.88c-0.26%2C0.34-0.57%2C0.61-0.93%2C0.83C16.7%2C3.63%2C17.36%2C3.44%2C18%2C3.15%0A%09%09c-0.47%2C0.72-1.05%2C1.33-1.74%2C1.84c0.06%2C1.36-0.16%2C2.72-0.63%2C3.99c-0.45%2C1.22-1.08%2C2.3-1.9%2C3.25c-0.86%2C0.99-1.91%2C1.8-3.1%2C2.36%0A%09%09c-1.3%2C0.61-2.71%2C0.91-4.25%2C0.91c-0.97%2C0-1.91-0.14-2.82-0.41c-0.88-0.28-1.72-0.67-2.49-1.18c0.27%2C0.04%2C0.54%2C0.06%2C0.83%2C0.06%0A%09%09c0.79%2C0%2C1.57-0.13%2C2.32-0.4c0.72-0.26%2C1.38-0.63%2C1.98-1.12c-1.5-0.03-2.81-1.02-3.23-2.46c0.21%2C0.05%2C0.43%2C0.07%2C0.64%2C0.07%0A%09%09c0.32%2C0%2C0.62-0.04%2C0.92-0.13C4%2C9.82%2C3.53%2C9.61%2C3.1%2C9.27C2.23%2C8.6%2C1.73%2C7.56%2C1.74%2C6.46V6.43C2.23%2C6.7%2C2.76%2C6.85%2C3.32%2C6.86%0A%09%09C2.84%2C6.54%2C2.47%2C6.12%2C2.2%2C5.61C1.92%2C5.09%2C1.77%2C4.53%2C1.77%2C3.92c0-0.63%2C0.15-1.22%2C0.46-1.78c0.86%2C1.08%2C1.94%2C1.96%2C3.16%2C2.6%0A%09%09C6.64%2C5.4%2C7.98%2C5.77%2C9.4%2C5.84c-0.06-0.26-0.09-0.53-0.09-0.8c0-0.64%2C0.16-1.24%2C0.47-1.79c0.87-1.55%2C2.78-2.18%2C4.4-1.45%0A%09%09C14.62%2C2%2C15%2C2.27%2C15.32%2C2.62c0.78-0.16%2C1.51-0.45%2C2.2-0.86C17.4%2C2.17%2C17.2%2C2.54%2C16.94%2C2.88L16.94%2C2.88z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2219%22%20height%3D%2217%22%2F%3E%0A%3C%2Fsvg%3E"); } .ac-video-icon.icon-view_field, .compass-wrapper .ac-video-icon.compass-field { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238px%22%20height%3D%2238px%22%20viewBox%3D%220%200%2038%2038%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cg%3E%0A%09%3Crect%20class%3D%22no-fill%22%20width%3D%2238%22%20height%3D%2238%22%2F%3E%0A%09%3Cpath%20style%3D%22opacity%3A0.32%3Bfill%3A%23FFFFFF%3B%22%20d%3D%22M25.11%2C11.73c0%2C0-2.5-2.23-6.11-2.23s-6.11%2C2.23-6.11%2C2.23c-0.38%2C0.32-0.61%2C0.8-0.61%2C1.33%0A%09%09c0%2C0.48%2C0.19%2C0.91%2C0.5%2C1.23c0.32%2C0.32%2C5.24%2C5.32%2C5.46%2C5.53c0.2%2C0.19%2C0.47%2C0.31%2C0.77%2C0.31s0.57-0.12%2C0.77-0.31%0A%09%09c0.22-0.21%2C5.14-5.21%2C5.46-5.53c0.31-0.32%2C0.5-0.75%2C0.5-1.23C25.73%2C12.53%2C25.49%2C12.05%2C25.11%2C11.73z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); } .ac-video-icon.icon-view_ring, .compass-wrapper .ac-video-icon.compass-ring { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238px%22%20height%3D%2238px%22%20viewBox%3D%220%200%2038%2038%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cg%20id%3D%22View_Ring_1_%22%3E%0A%09%3Cpolyline%20class%3D%22no-fill%22%20points%3D%220%2C0%2038%2C0%2038%2C38%200%2C38%22%2F%3E%0A%09%3Cpath%20class%3D%22fill%22%20style%3D%22opacity%3A0.32%22%20d%3D%22M28.4%2C9.3C26%2C6.9%2C22.7%2C5.6%2C19%2C5.6s-7%2C1.4-9.4%2C3.8C7%2C11.8%2C5.4%2C15.2%2C5.4%2C19c0%2C7.5%2C6.1%2C13.6%2C13.6%2C13.6%0A%09%09S32.6%2C26.5%2C32.6%2C19C32.6%2C15.2%2C31%2C11.8%2C28.4%2C9.3z%20M19%2C30.4c-6.3%2C0-11.4-5.1-11.4-11.4c0-3.2%2C1.3-6.2%2C3.4-8.3c2.1-2%2C4.9-3.2%2C8-3.2%0A%09%09s5.9%2C1.3%2C8%2C3.2c2.2%2C2.1%2C3.4%2C5.1%2C3.4%2C8.3C30.4%2C25.3%2C25.3%2C30.4%2C19%2C30.4z%22%2F%3E%0A%09%3Cpath%20class%3D%22fill%22%20style%3D%22display%3Anone%3B%22%20d%3D%22M19%2C30.5c-6.3%2C0-11.4-5.1-11.4-11.4c0-3.3%2C1.3-6.3%2C3.5-8.4S16%2C7.5%2C19%2C7.5s5.9%2C1.3%2C7.9%2C3.1%0A%09%09c2.2%2C2.1%2C3.5%2C5.1%2C3.5%2C8.4C30.4%2C25.4%2C25.3%2C30.5%2C19%2C30.5z%22%2F%3E%0A%09%3Cpath%20class%3D%22fill%22%20d%3D%22M19%2C5.5c-3.6%2C0-6.9%2C1.4-9.4%2C3.8l0%2C0C9.4%2C9.5%2C9.3%2C9.7%2C9.3%2C10c0%2C0.6%2C0.5%2C1%2C1%2C1%0A%09%09c0.4%2C0%2C0.6-0.2%2C0.8-0.4C13%2C8.8%2C15.9%2C7.5%2C19%2C7.5s6%2C1.3%2C7.9%2C3.1c0.2%2C0.2%2C0.4%2C0.4%2C0.8%2C0.4c0.5%2C0%2C1-0.4%2C1-1c0-0.3-0.1-0.5-0.3-0.7l0%2C0%0A%09%09C25.9%2C6.9%2C22.6%2C5.5%2C19%2C5.5z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); } .ac-video-icon.icon-view_scrim, .compass-wrapper .ac-video-icon.compass-background { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2238px%22%20height%3D%2238px%22%20viewBox%3D%220%200%2038%2038%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Sticker-Sheet%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22view_scrim%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22boundingbox%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2238%22%20height%3D%2238%22%3E%3C%2Frect%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22icon%22%20fill%3D%22%236E6E73%22%20fill-rule%3D%22nonzero%22%20opacity%3D%220.4%22%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2218.12%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .cursor-pointer { cursor: pointer; } .ac-video-player { cursor: none; } .ac-video-player:fullscreen { background: rgb(0, 0, 0); z-index: 1; margin: 0px !important; padding: 0px !important; position: relative !important; top: 0px !important; left: 0px !important; width: 100% !important; height: 100% !important; } .ac-video-player .ac-video-blockade { position: absolute; inset: 0px; height: 100%; width: 100%; } .ac-video-player > * { user-select: none; } .ac-video-player.threesixty-video { -webkit-tap-highlight-color: transparent; } .ac-video-player.threesixty-video .end-state .controls-play-pause-button-container, .ac-video-player.threesixty-video .start-state .controls-play-pause-button-container { pointer-events: all; } .ac-video-player.threesixty-video .ac-video-blockade { display: none; } .ac-video-player.threesixty-video .threesixty-video-container { position: relative; display: flex; align-items: center; justify-content: flex-end; width: 100%; height: 100%; } .ac-video-player.threesixty-video .threesixty-video-container .threesixty-renderer { position: absolute; inset: 0px; } .ac-video-player video { width: 100%; height: 100%; inset: 0px; } .ac-video-player video, .ac-video-player video img { display: block; outline: 0px; } .ac-video-player video::-webkit-media-controls-start-playback-button { background: rgba(0, 0, 0, 0.25); clip-path: none; width: 100%; height: 100%; top: 0px; left: 0px; } .ac-video-player video::-webkit-media-controls-start-playback-background { background: rgba(255, 255, 255, 0.8); backdrop-filter: none; clip-path: polygon(54.2px 55.2px, 54.2px 37.2px, 53.5px 37.9px, 25.1px 55.2px, 24.1px 55.5px, 22.4px 54.5px, 22.1px 53.5px, 22.1px 19.1px, 22.4px 18.1px, 23.1px 17.4px, 24.1px 17.1px, 25.1px 17.4px, 53.5px 34.6px, 54.2px 35.2px); top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .ac-video-player video::-webkit-media-controls-start-playback-glyph, .ac-video-player video::-webkit-media-controls-start-playback-tint { background: 0px 0px; } .ac-video-controls.captions-selector-showing .ac-video-captions-selector-container { visibility: visible; opacity: 1; transition: opacity 0.5s; } .ac-video-controls .ac-video-captions-selector-container { font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: rgba(29, 29, 31, 0.56); border-radius: 6px; position: absolute; bottom: 20px; left: -7px; padding: 8px 14px 10px; opacity: 0; visibility: hidden; pointer-events: all; transition: opacity 0.5s, visibility 0.5s; } .ac-video-controls .ac-video-captions-selector-container.showing { visibility: visible; opacity: 1; } .ac-video-controls .ac-video-captions-selector-container .ac-video-captions-selector-title { color: rgba(255, 255, 255, 0.52); display: block; font-size: 11px; font-weight: 600; text-transform: uppercase; position: relative; } .ac-video-controls .ac-video-captions-selector-container .controls-captions-selector { cursor: pointer; color: rgb(255, 255, 255); font-size: 14px; line-height: 18px; list-style: none; margin: 0px; padding-left: 12px; white-space: nowrap; } .ac-video-controls .ac-video-captions-selector-container .controls-captions-selector li:not(.showing):hover { text-decoration: underline; } .ac-video-controls .ac-video-captions-selector-container .controls-captions-selector li.showing::before { content: ""; position: absolute; width: 8px; height: 18px; left: 14px; margin-top: -1px; } video::cue { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); font-family: "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; } .ac-video-player-text-track-container { position: absolute; z-index: 9; bottom: 20%; left: 0px; right: 0px; text-align: center; display: inline-block; } .ac-video-player-text-track { display: none; padding: 2px 4px; font-family: Arial; font-weight: 700; font-size: 24px; color: rgb(255, 255, 255); text-align: center; background-color: rgb(0, 0, 0); } .ac-video-player-text-track-container:empty { display: none; } .ac-video-player-text-track.is-visible:empty { display: none; } .ac-video-player-text-track.is-visible { display: inline-block; } .ac-video-poster { transition: opacity 0.5s linear; position: absolute; top: 0px; left: 0px; width: 100%; opacity: 1; } .ac-video-poster img { display: block; width: 100%; height: auto; } .ac-video-poster.ac-video-poster-hide { opacity: 0; pointer-events: none; } .ac-video-controls { position: absolute; display: flex; align-items: center; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10; overflow: hidden; } .ac-video-controls.mobile { display: none; } .ac-video-controls [data-focus-method="mouse"] { outline: 0px; } .ac-video-controls [data-focus-method="mouse"].ac-slider-chapter-container:focus::before { outline: 0px; } .ac-video-controls.hidden { visibility: hidden; } .ac-video-controls.start-state .controls-container { opacity: 1; background: rgba(0, 0, 0, 0.16); transition: 0.5s cubic-bezier(0.4, 0, 0.6, 1); } .ac-video-controls.start-state .center-button-container { opacity: 1; transform: translateY(0px); } .ac-video-controls.start-state .controls-social-tray { opacity: 0; pointer-events: none; visibility: hidden; } .ac-video-controls.start-state .main-controls-container { opacity: 0; pointer-events: none; visibility: hidden; } .ac-video-controls.start-state.mobile { display: block; } .ac-video-controls.start-state.mobile .controls-container .is-playing { display: none; } .ac-video-controls.end-state .controls-container { opacity: 1; background: rgba(0, 0, 0, 0.56); transition: 0.5s cubic-bezier(0.4, 0, 0.6, 1); } .ac-video-controls.end-state .center-button-container { opacity: 1; transform: translateY(0px); } .ac-video-controls.end-state .controls-social-tray { opacity: 1; transform: translateY(0px); } .ac-video-controls.end-state .main-controls-container { opacity: 0; pointer-events: none; visibility: hidden; } .ac-video-controls.end-state.mobile { display: block; } .ac-video-controls .controls-container { background: linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.56)); width: 100%; height: 100%; position: absolute; bottom: 0px; left: 0px; z-index: 1; opacity: 0; transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1); } .ac-video-controls.hide-cursor .controls-container { cursor: none; } .ac-video-controls.hide-cursor .center-button-container { cursor: none; } .was-loading .ac-video-controls .center-button-container { transition: none; } .ac-video-controls .center-button-container { opacity: 0; transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 50ms, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); } .ac-video-controls .controls-social-tray { width: 100%; position: absolute; z-index: 3; opacity: 0; transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 50ms, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); } .ac-video-controls .controls-social-tray.hidden { display: none; } .ac-video-controls .main-controls-container { direction: ltr; user-select: none; outline: 0px; width: 100%; bottom: 0px; position: absolute; z-index: 3; opacity: 0; transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 50ms, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); } .ac-video-player.small .ac-video-controls .main-controls-container { height: 36px; } .ac-video-player.medium .ac-video-controls .main-controls-container { height: 46px; } .ac-video-player.large .ac-video-controls .main-controls-container { height: 58px; } .ac-video-controls .main-controls { box-sizing: border-box; display: flex; height: 100%; width: 100%; max-width: 840px; margin-left: auto; margin-right: auto; pointer-events: none; } .ac-video-player.small .ac-video-controls .main-controls { padding: 0px 8px 10px; } .ac-video-player.medium .ac-video-controls .main-controls { padding: 0px 16px 20px; } .ac-video-player.large .ac-video-controls .main-controls { padding: 0px 31px 30px; } .ac-video-controls .main-controls-item { flex: 1 1 0%; position: relative; top: 0px; } .ac-video-player.small .ac-video-controls .main-controls-item { padding-left: 7px; padding-right: 7px; } .ac-video-player.medium .ac-video-controls .main-controls-item { padding-left: 9px; padding-right: 9px; } .ac-video-player.large .ac-video-controls .main-controls-item { padding-left: 9px; padding-right: 9px; } .ac-video-player.small .ac-video-controls .main-controls-item { height: 36px; } .ac-video-player.medium .ac-video-controls .main-controls-item { height: 36px; } .ac-video-player.large .ac-video-controls .main-controls-item { height: 40px; } .ac-video-controls .main-controls-item:first-child { margin-left: 0px; } .ac-video-controls .main-controls-item:last-child { margin-right: 0px; } .user-hover { cursor: default; } .user-hover .controls-container { opacity: 1; transition: opacity 1s cubic-bezier(0.4, 0.1, 0.4, 1); } .user-hover .center-button-container { opacity: 1; transform: translateY(0px); transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s; } .user-hover .controls-social-tray { opacity: 1; transform: translateY(0px); transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.35s, transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.3s; } .user-hover .main-controls-container { opacity: 1; transform: translateY(0px); transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 50ms, transform 0.5s cubic-bezier(0, 0, 0.2, 1); } .user-hover .start-state .controls-container { background: rgba(0, 0, 0, 0.32); } .user-hover .end-state .controls-container { background: rgba(0, 0, 0, 0.64); } .mouse-leave .center-button-container, .mouse-leave .controls-social-tray, .mouse-leave .main-controls-container { transform: translateY(20px); } .initial-play .center-button-container, .initial-play .controls-social-tray, .initial-play .main-controls-container { transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 50ms, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); } .threesixty-video { cursor: none; } .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container { cursor: grabbing; } .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-play-pause-button-container, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-progress-bar, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-social-tray, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .end-state-wrapper, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .main-controls-container { pointer-events: none; } .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-play-pause-button-container *, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-progress-bar *, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-social-tray *, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .end-state-wrapper *, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .main-controls-container * { pointer-events: none; } .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-button { cursor: grabbing; } .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-progress-bar { cursor: grabbing; } .threesixty-video.recently-dragging .ac-video-controls .controls-container { cursor: grab; } .threesixty-video.recently-dragging .ac-video-controls .controls-container .controls-button { cursor: grab; } .threesixty-video.recently-dragging .ac-video-controls .controls-container .controls-progress-bar { cursor: grab; } .threesixty-video.user-hover .ac-video-controls .center-button-container { cursor: grab; } .threesixty-video.user-hover .ac-video-controls.end-state .center-button-container, .threesixty-video.user-hover .ac-video-controls.start-state .center-button-container { cursor: pointer; } .threesixty-video .ac-video-controls.mobile { display: flex; } .threesixty-video .ac-video-controls.mobile .controls-container { display: block; } .threesixty-video .ac-video-controls.mobile:not(.start-state):not(.end-state) .controls-play-pause-button-container { pointer-events: none; } .button-wrapper { position: relative; height: 100%; } .controls-button { border: 0px; padding: 0px; margin: 0px; text-transform: uppercase; color: transparent; overflow: hidden; white-space: nowrap; background-color: transparent; box-sizing: content-box; pointer-events: all; } .controls-button:hover { cursor: pointer; } .is-playing .loading .ac-video-icon.controls-play-pause-button, .loading .ac-video-icon.icon-ctrl_pause, .loading .is-playing .ac-video-icon.controls-play-pause-button { background-image: none; } .loading .ac-video-icon.controls-play-pause-button, .loading .ac-video-icon.icon-ctrl_play { background-image: none; } .ac-video-icon { background-position: 50% 50%; opacity: 0.8; transition: opacity 0.5s; } .main-controls:hover .ac-video-icon, .sharing-state:hover .ac-video-icon { opacity: 0.56 !important; } .sharing-state:hover .textarea-active .ac-video-icon { opacity: 0.8 !important; } .center-button-container:hover .ac-video-icon, .controls-social-tray .ac-video-icon:hover, .controls-social-tray .textarea-active .ac-video-icon:hover, .main-controls .ac-video-icon:hover { opacity: 1 !important; } .user-hover .controls-play-pause-button, .user-hover .controls-play-pause-button-container { cursor: pointer; } .controls-social-tray, .main-controls-container { cursor: default; } .controls-play-pause-button-container { width: 100%; height: 100%; } .controls-play-pause-button-container.hidden { display: none; } .controls-play-pause-button { position: absolute; top: 50%; left: 50%; opacity: 0.75; transform: translateX(-50%) translateY(-50%); transform-origin: 0px 0px; transition: transform 0.2s, opacity 0.3s; } .ac-video-player.small .controls-play-pause-button { width: 52px; height: 52px; } .ac-video-player.medium .controls-play-pause-button { width: 52px; height: 52px; } .ac-video-player.large .controls-play-pause-button { width: 86px; height: 86px; } .controls-play-pause-button-container:active .controls-play-pause-button { transform: scale(0.9) translateX(-50%) translateY(-50%); } .controls-play-pause-button::after { content: " "; display: block; } .is-playing .controls-play-pause-button::after { display: none; } .end-state .controls-play-pause-button::after { display: none; } .controls-toggle-mute-volume-button { bottom: 0px; width: 20px; max-width: 20px; } .ac-video-player.small .controls-toggle-mute-volume-button { height: 36px; } .ac-video-player.medium .controls-toggle-mute-volume-button { height: 36px; } .ac-video-player.large .controls-toggle-mute-volume-button { height: 40px; } .ac-video-player.small .controls-toggle-mute-volume-button { padding-left: 7px; padding-right: 7px; margin-left: -7px; margin-right: -7px; } .ac-video-player.medium .controls-toggle-mute-volume-button { padding-left: 9px; padding-right: 9px; margin-left: -9px; margin-right: -9px; } .ac-video-player.large .controls-toggle-mute-volume-button { padding-left: 9px; padding-right: 9px; margin-left: -9px; margin-right: -9px; } .controls-text-tracks-toggle-button { width: 20px; max-width: 20px; } .controls-text-tracks-toggle-button.no-text-tracks { display: none; } .ac-video-controls.captions-selector-showing .controls-text-tracks-toggle-button { opacity: 1 !important; } .controls-airplay-button { width: 20px; max-width: 20px; } .controls-airplay-button.airplay-unsupported { display: none; } .controls-picture-in-picture-button { width: 20px; max-width: 20px; } .controls-picture-in-picture-button.picture-in-picture-unsupported { display: none; } .controls-full-screen-button { width: 16px; max-width: 16px; } .controls-full-screen-button.fullscreen-unsupported { display: none; } .controls-progress { display: flex; pointer-events: none; } .ac-video-player.small .controls-progress { margin-left: 6px; margin-right: 0px; padding-right: 0px !important; } .ac-video-player.medium .controls-progress { margin-left: 6px; margin-right: 6px; } .ac-video-player.large .controls-progress { margin-left: 18px; margin-right: 18px; } .controls-progress-bar { cursor: pointer; pointer-events: all; flex: 1 1 0%; margin-left: 10px; margin-right: 10px; } .ac-video-player.small .controls-progress-bar { margin-right: 13px; } .controls-progress-bar:hover .ac-slider-thumb-background { opacity: 1; transform: scale(0.83333); transition: transform 0.25s, opacity 0.25s; } .controls-progress-bar:hover .ac-slider-chapter-container .ac-slider-chapter-marker { opacity: 0.56; } .controls-progress-bar:active .ac-slider-thumb-background { transform: scale(1); } .controls-progress-time { color: rgb(255, 255, 255); font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; font-size: 11px; font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; line-height: 1; position: relative; } .ac-video-player.small .controls-progress-time { top: 13px; } .ac-video-player.medium .controls-progress-time { top: 13px; } .ac-video-player.large .controls-progress-time { top: 15px; } .controls-progress-time .label { position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; } .ac-video-player.small .controls-progress-time-2 { display: none; } .controls-elapsed-time, .controls-remaining-time { display: block; } .controls-time-maxwidth { display: block; visibility: hidden; } .longform.ac-video-player .controls-time-maxwidth::after { content: ":4"; } .controls-progress-indicator { width: 100%; height: 4px; position: relative; } .ac-video-player.small .controls-progress-indicator { padding-top: 16px; padding-bottom: 16px; } .ac-video-player.medium .controls-progress-indicator { padding-top: 16px; padding-bottom: 16px; } .ac-video-player.large .controls-progress-indicator { padding-top: 18px; padding-bottom: 18px; } .controls-progress-indicator .ac-slider-runnable-track { background: rgba(255, 255, 255, 0.16); border-radius: 2px; position: relative; width: 100%; height: 100%; } .controls-progress-indicator .ac-slider-ax-track { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; } .controls-progress-indicator .ac-slider-hover-track { position: absolute; width: 100%; height: 100%; overflow: hidden; } .controls-progress-indicator .ac-slider-hover-notch { position: absolute; height: 100%; width: 1px; background: rgb(255, 255, 255); z-index: 9; opacity: 0; transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1); pointer-events: none; } .hover.controls-progress-indicator .ac-slider-hover-notch { opacity: 1; transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1); } .hover.controls-progress-indicator .ac-slider-hover-notch.hidden { opacity: 0; } .controls-progress-indicator .ac-slider-hover-notch.invert-element { background: rgb(0, 0, 0); } .controls-progress-indicator .ac-slider-chapters-track { position: absolute; top: 0px; width: 100%; height: 100%; z-index: 2; } .controls-progress-indicator .ac-slider-chapter-container { box-sizing: content-box; position: absolute; height: 4px; width: 9px; padding: 18px 0px; background-color: transparent; top: -18px; opacity: 1; transform: translateX(-50%); border-width: 0px 2px 0px 0px; border-right-style: solid; border-right-color: transparent; border-top-style: initial; border-top-color: initial; border-left-style: initial; border-left-color: initial; border-bottom-style: initial; border-bottom-color: initial; cursor: pointer; } .controls-progress-indicator .ac-slider-chapter-container.hidden-chapter { pointer-events: none; } .controls-progress-indicator .ac-slider-chapter-container.hidden-chapter .ac-slider-chapter-marker { position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; } .controls-progress-indicator .ac-slider-chapter-container .ac-slider-chapter-marker { position: relative; height: 4px; width: 4px; margin: 0px auto; background-color: rgb(255, 255, 255); transition: transform 0.25s, opacity 0.4s, border-radius 0.25s; transform: scaleX(0.25); border-radius: 0px; backdrop-filter: blur(0px); } .controls-progress-indicator .ac-slider-chapter-container .ac-slider-chapter-marker span { position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; } .controls-progress-indicator .ac-slider-chapter-container .ac-slider-chapter-marker.invert-element { background: rgb(0, 0, 0); } .controls-progress-indicator .ac-slider-chapter-container::before { content: ""; position: absolute; top: 15px; left: 0px; height: 10px; width: 10px; } .controls-progress-indicator .ac-slider-chapter-container:focus .ac-slider-chapter-marker, .controls-progress-indicator .ac-slider-chapter-container:hover .ac-slider-chapter-marker { opacity: 1; transform: scale(1); border-radius: 100%; } .controls-progress-indicator .ac-slider-chapter-container:focus { outline: 0px; } .controls-progress-indicator .ac-slider-chapter-container:focus::before { outline: rgba(0, 125, 250, 0.6) solid 4px; outline-offset: 1px; } .controls-progress-indicator .ac-slider-inner-track { position: absolute; border-radius: 2px; overflow: hidden; width: 100%; height: 100%; top: 0px; z-index: 1; } .controls-progress-indicator .ac-slider-scrubbed { position: absolute; background: rgb(255, 255, 255); height: 4px; width: 100%; margin-left: calc(-100% + 2px); z-index: 1; } .controls-progress-indicator .ac-slider-buffered { position: absolute; background: rgb(255, 255, 255); height: 4px; border-radius: 2px; width: 100%; margin-left: calc(-100% + 2px); opacity: 0.16; } .controls-progress-indicator .ac-slider-thumb { border-radius: 50%; height: 4px; width: 4px; position: relative; z-index: 10; } .controls-progress-indicator .ac-slider-thumb-background-wrapper { height: 12px; width: 12px; position: absolute; top: -18px; left: -4px; padding-top: 14px; padding-bottom: 14px; } .controls-progress-indicator .ac-slider-thumb-background-wrapper:active .ac-slider-thumb-background, .controls-progress-indicator .ac-slider-thumb-background-wrapper:hover .ac-slider-thumb-background { transform: scale(1); } .controls-progress-indicator .ac-slider-thumb-background { background: rgb(255, 255, 255); border-radius: 50%; height: 12px; width: 100%; opacity: 0; transform: scale(0.33333); transform-origin: 50% 50%; transition: transform 0.25s, opacity 0.25s 0.25s; will-change: transform; } .controls-progress-indicator .ac-slider-thumb-overlay { position: absolute; z-index: 1; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 50%); border-top-right-radius: 50%; border-bottom-right-radius: 50%; height: 12px; transform: scale(0.33333); transform-origin: 50% 50%; transition: transform 0.25s; width: 100%; } .controls-progress-indicator.ac-slider-inactive .ac-slider-thumb { visibility: hidden; } .controls-volume { cursor: pointer; max-width: 20px; } .controls-volume:hover { height: 90px; } .controls-volume .controls-volume-level-indicator { bottom: 35px; left: 7px; width: 4px; padding: 10px 10px 0px; height: 60px; position: absolute; pointer-events: none; } .ac-video-controls.mobile .controls-volume .controls-volume-level-indicator { display: none; } .controls-volume .controls-volume-level-indicator:active .ac-slider-thumb-background { transform: scale(1); } .controls-volume .ac-slider-runnable-track { border-radius: 2px; position: relative; width: 100%; height: 100%; left: -4px; padding-left: 4px; padding-right: 4px; } .controls-volume .ac-slider-background { background: rgba(255, 255, 255, 0.32); border-radius: 2px; position: absolute; bottom: 0px; width: 4px; height: 4px; opacity: 0; transition: height 0.2345s cubic-bezier(0.4, 0, 0.6, 1), opacity 67ms cubic-bezier(0.4, 0, 0.6, 1) 335ms; } .controls-volume .ac-slider-inner-track { border-radius: 2px; position: absolute; overflow: hidden; bottom: 0px; height: 0px; width: 4px; transform-style: preserve-3d; transition: height 335ms cubic-bezier(0.4, 0, 0.6, 1), opacity 67ms cubic-bezier(0.4, 0, 0.6, 1) 335ms; } .controls-volume .ac-slider-thumb-wrapper { width: 12px; height: 0px; bottom: 0px; left: 1px; position: absolute; z-index: 10; transition: height 335ms cubic-bezier(0.4, 0, 0.6, 1); } .controls-volume .ac-slider-thumb { background: rgb(255, 255, 255); border-radius: 50%; height: 10px; width: 10px; top: auto; position: absolute; opacity: 0; transform: scale(0.4); transform-origin: 50% 100%; transition: transform 201ms cubic-bezier(0.4, 0, 0.6, 1) 201ms, opacity 67ms cubic-bezier(0.4, 0, 0.6, 1) 335ms; will-change: transform; } .controls-volume .ac-slider-thumb-background-wrapper { width: 12px; height: 12px; position: absolute; top: -1px; left: -1px; } .controls-volume .ac-slider-thumb-background-wrapper:active .ac-slider-thumb-background, .controls-volume .ac-slider-thumb-background-wrapper:hover .ac-slider-thumb-background { transform: scale(1); } .controls-volume .ac-slider-thumb-background { background: rgb(255, 255, 255); border-radius: 50%; width: 100%; height: 100%; transform: scale(0.83333); transform-origin: 50% 50%; transition: transform 0.25s; } .controls-volume .ac-slider-scrubbed { background: rgb(255, 255, 255); bottom: calc(100% - 5px); position: absolute; width: 100%; height: 100%; transform: translateY(100%); transition: margin-bottom 335ms linear; will-change: bottom; } .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive), .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .controls-volume-level-indicator, .controls-volume:active, .controls-volume:active .controls-volume-level-indicator, .controls-volume:hover, .controls-volume:hover .controls-volume-level-indicator { pointer-events: all; } .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-ax-track, .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .controls-volume-level-indicator .ac-slider-ax-track, .controls-volume:active .ac-slider-ax-track, .controls-volume:active .controls-volume-level-indicator .ac-slider-ax-track, .controls-volume:hover .ac-slider-ax-track, .controls-volume:hover .controls-volume-level-indicator .ac-slider-ax-track { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; } .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .controls-toggle-mute-volume-button, .controls-volume:active .controls-toggle-mute-volume-button, .controls-volume:hover .controls-toggle-mute-volume-button { opacity: 1 !important; } .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-background, .controls-volume:active .ac-slider-background, .controls-volume:hover .ac-slider-background { height: 100%; opacity: 1; transition: height 0.2345s ease-out, opacity 33.5ms ease-out; } .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-inner-track, .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-thumb-wrapper, .controls-volume:active .ac-slider-inner-track, .controls-volume:active .ac-slider-thumb-wrapper, .controls-volume:hover .ac-slider-inner-track, .controls-volume:hover .ac-slider-thumb-wrapper { height: 100%; transition: height 268ms ease-out 67ms; } .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-thumb, .controls-volume:active .ac-slider-thumb, .controls-volume:hover .ac-slider-thumb { opacity: 1; transform: scale(1); transition: transform 0.25125s ease-out 50.25ms, opacity 50.25ms ease-out 50.25ms; } .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-scrubbed, .controls-volume:active .ac-slider-scrubbed, .controls-volume:hover .ac-slider-scrubbed { margin-bottom: 5px; transition: margin-bottom 335ms linear; } .live-stream { display: none; text-align: center; white-space: nowrap; } .live-stream .live-stream-text { color: rgb(255, 255, 255); font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; line-height: 1; font-size: 12px; letter-spacing: -0.01em; display: block; position: relative; } .ac-video-player.small .live-stream .live-stream-text { top: 12px; } .ac-video-player.medium .live-stream .live-stream-text { top: 12px; } .ac-video-player.large .live-stream .live-stream-text { top: 14px; } .live-stream .live-stream-text::before { content: ""; width: 5px; height: 5px; background: rgba(255, 48, 55, 0.8); display: inline-block; border-radius: 50%; margin-right: 5px; vertical-align: middle; } .ac-video-live .main-controls { max-width: 420px; } .ac-video-live .controls-progress { display: none; } .ac-video-live .live-stream { display: block; } .ac-video-player.small .loading-indicator { width: 52px; height: 52px; bottom: 4px; right: 2px; } .ac-video-player.medium .loading-indicator { width: 86px; height: 86px; bottom: 8px; right: 2px; } .ac-video-player.large .loading-indicator { width: 86px; height: 86px; bottom: 8px; right: 2px; } .ac-video-player .loading-indicator-container { position: absolute; width: 100%; height: 100%; user-select: none; display: flex; justify-content: center; top: 0px; pointer-events: none; z-index: 15; } .ac-video-player .loading-indicator-container span { position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; } .ac-video-player .loading-indicator { opacity: 0; align-self: center; position: relative; transition: opacity 1s; transform: translateX(50%) translateY(50%); } .ac-video-player.medium.loading .loading-indicator > *, .ac-video-player.small.loading .loading-indicator > * { width: 3px; height: 9px; border-radius: 1.5px; } .ac-video-player.loading .controls-container { opacity: 1; } .ac-video-player.loading .controls-container .controls-play-pause-button-container { transform: translateY(0px); opacity: 1; } .ac-video-player.loading .loading-indicator-container { visibility: visible; } .ac-video-player.loading .loading-indicator { display: block; opacity: 1; } .ac-video-player.loading .loading-indicator > * { width: 5px; height: 15px; background: rgb(210, 210, 215); position: absolute; display: block; opacity: 0; border-radius: 2.5px; animation-name: loading-fade; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(1, 0.1, 0, 0.3); } .ac-video-player.loading .loading-indicator > :nth-child(0) { transform: rotate(-30deg) translate(0px, -136%); animation-delay: -83.33ms; } .ac-video-player.loading .loading-indicator > :nth-child(1) { transform: rotate(0deg) translate(0px, -136%); animation-delay: 0s; } .ac-video-player.loading .loading-indicator > :nth-child(2) { transform: rotate(30deg) translate(0px, -136%); animation-delay: 83.33ms; } .ac-video-player.loading .loading-indicator > :nth-child(3) { transform: rotate(60deg) translate(0px, -136%); animation-delay: 0.16667s; } .ac-video-player.loading .loading-indicator > :nth-child(4) { transform: rotate(90deg) translate(0px, -136%); animation-delay: 0.25s; } .ac-video-player.loading .loading-indicator > :nth-child(5) { transform: rotate(120deg) translate(0px, -136%); animation-delay: 0.33333s; } .ac-video-player.loading .loading-indicator > :nth-child(6) { transform: rotate(150deg) translate(0px, -136%); animation-delay: 0.41667s; } .ac-video-player.loading .loading-indicator > :nth-child(7) { transform: rotate(180deg) translate(0px, -136%); animation-delay: 0.5s; } .ac-video-player.loading .loading-indicator > :nth-child(8) { transform: rotate(210deg) translate(0px, -136%); animation-delay: 0.58333s; } .ac-video-player.loading .loading-indicator > :nth-child(9) { transform: rotate(240deg) translate(0px, -136%); animation-delay: 0.66667s; } .ac-video-player.loading .loading-indicator > :nth-child(10) { transform: rotate(270deg) translate(0px, -136%); animation-delay: 0.75s; } .ac-video-player.loading .loading-indicator > :nth-child(11) { transform: rotate(300deg) translate(0px, -136%); animation-delay: 0.83333s; } .ac-video-player.loading .loading-indicator > :nth-child(12) { transform: rotate(330deg) translate(0px, -136%); animation-delay: 0.91667s; } @keyframes loading-fade { 0% { opacity: 1; } 75% { opacity: 0.12; } 100% { opacity: 0.12; } } .ac-video-player.small .ac-video-overlay-container div .ac-video-trickplay { bottom: 16px; } .ac-video-player.small .ac-video-overlay-container div .ac-video-trickplay-image { display: none; } .ac-video-player.small .ac-video-overlay-container div .ac-video-trickplay-chapter-title { display: none; } .ac-video-player.small .ac-slider-chapters-track { display: none; } .ac-video-player.medium .ac-video-overlay-container div .ac-video-trickplay { width: 96px; bottom: 26px; } .ac-video-player.medium .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image { height: 56px; } .ac-video-player.medium .ac-video-overlay-container div.tft-video .ac-video-trickplay .ac-video-trickplay-image { height: 40px; } .ac-video-player.medium .ac-video-overlay-container div.square-video .ac-video-trickplay .ac-video-trickplay-image { height: 96px; } .ac-video-player.medium .ac-video-overlay-container div.vertical-video .ac-video-trickplay { width: 56px; bottom: 26px; } .ac-video-player.medium .ac-video-overlay-container div.vertical-video .ac-video-trickplay .ac-video-trickplay-image { height: 96px; } .ac-video-player.large .ac-video-overlay-container div .ac-video-trickplay { width: 144px; bottom: 36px; } .ac-video-player.large .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image { height: 81px; } .ac-video-player.large .ac-video-overlay-container div.tft-video .ac-video-trickplay .ac-video-trickplay-image { height: 60px; } .ac-video-player.large .ac-video-overlay-container div.square-video .ac-video-trickplay .ac-video-trickplay-image { height: 144px; } .ac-video-player.large .ac-video-overlay-container div.vertical-video .ac-video-trickplay { width: 81px; bottom: 36px; } .ac-video-player.large .ac-video-overlay-container div.vertical-video .ac-video-trickplay .ac-video-trickplay-image { height: 144px; } .ac-video-player .ac-video-overlay-container { inset: 0px; pointer-events: none; position: absolute; width: 100%; height: 100%; z-index: 11; } .ac-video-player .ac-video-overlay-container.hidden { display: none; } .ac-video-player .ac-video-overlay-container div { bottom: 0px; position: absolute; width: 100%; } .ac-video-player .ac-video-overlay-container div .ac-video-trickplay { display: flex; flex-direction: column; align-items: center; } .ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image { position: relative; margin-bottom: 11px; opacity: 1; transform: translateY(0px); transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1) 50ms, transform 0.35s cubic-bezier(0, 0, 0.2, 1) 50ms; } .ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image.hidden { opacity: 0; transition-duration: 0.15s; transition-delay: 0.15s; } .ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-time { margin-bottom: 13px; width: 180px; text-align: center; position: relative; color: rgb(255, 255, 255); font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; font-size: 11px; font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; line-height: 1; letter-spacing: -0.09px; opacity: 1; transform: translateY(0px); transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), transform 0.35s cubic-bezier(0, 0, 0.2, 1); } .ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title { margin-bottom: 5px; text-align: center; position: relative; color: rgb(255, 255, 255); font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; font-size: 11px; line-height: 1; letter-spacing: -0.09px; opacity: 1; transform: translateY(0px); transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), transform 0.35s cubic-bezier(0, 0, 0.2, 1); } .ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title.hidden { display: none; } .ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title:not(:last-child) { width: 180px; } .ac-video-player .ac-video-overlay-container div .ac-video-trickplay.hidden .ac-video-trickplay-image { opacity: 0; transform: translateY(8px); transition: opacity 0.35s cubic-bezier(0.4, 0, 0.6, 1), transform 0.4s cubic-bezier(0.4, 0, 0.6, 1); } .ac-video-player .ac-video-overlay-container div .ac-video-trickplay.hidden .ac-video-trickplay-time { opacity: 0; transform: translateY(8px); transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), transform 0.4s cubic-bezier(0.4, 0, 0.6, 1); } .ac-video-player .ac-video-overlay-container div .ac-video-trickplay.hidden .ac-video-trickplay-chapter-title { opacity: 0; transform: translateY(8px); transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), transform 0.4s cubic-bezier(0.4, 0, 0.6, 1); } .ac-video-player.user-hover .end-state .ac-video-overlay-container, .ac-video-player.user-hover .start-state .ac-video-overlay-container { visibility: hidden; } .ac-video-player.user-hover .ac-video-overlay-container { visibility: visible; } .ac-video-player .end-state-wrapper { position: absolute; bottom: 0px; width: 100%; height: 82px; pointer-events: none; } .ac-video-player .end-state-container { display: flex; visibility: hidden; width: 100%; height: 100%; padding: 0px 30px 30px; box-sizing: border-box; flex-direction: column; justify-content: flex-end; align-items: center; text-align: center; pointer-events: all; cursor: default; transform: translateY(20px); } .ac-video-player .end-state-container .end-state-item { opacity: 0; } .ac-video-player .end-state-container .end-state-item .end-state-link { text-decoration: none; } .ac-video-player .end-state-container .end-state-item:hover .end-state-text-container::before { opacity: 1; } .ac-video-player .end-state-container .end-state-item .end-state-text-container { display: inline-block; position: relative; } .ac-video-player .end-state-container .end-state-item .end-state-text-container::before { content: ""; display: block; position: absolute; width: 100%; height: 1px; bottom: 2px; left: 0px; background-color: rgb(255, 255, 255); opacity: 0; transition: opacity 0.5s; } .ac-video-player .end-state .end-state-container { transform: translateY(0px); transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1); visibility: visible; } .ac-video-player .end-state .end-state-container.hidden { display: none; } .ac-video-player .end-state .end-state-container:hover .end-state-item:hover { opacity: 1; } .ac-video-player .end-state .end-state-container .end-state-item { margin: 0px auto; font-size: 17px; letter-spacing: -0.37px; line-height: 21px; opacity: 0.8; transition: opacity 0.5s; } .ac-video-player .end-state .end-state-container .end-state-item:first-child { padding-top: 0.2em; padding-bottom: 0.2em; } .ac-video-player .end-state .end-state-container .end-state-item:last-child { padding-top: 0.2em; } .ac-video-player .end-state .end-state-container .end-state-item:only-child { padding-top: 0px; padding-bottom: 0px; } .ac-video-player .end-state .end-state-container .end-state-item .end-state-link { color: rgb(255, 255, 255); } .ac-video-player.medium .end-state-wrapper { height: 72px; } .ac-video-player.medium .end-state-container { padding: 0px 20px 20px; } .ac-video-player.medium .end-state-item { font-size: 17px; letter-spacing: -0.37px; line-height: 25px; } .ac-video-player.small .end-state-wrapper { height: 58px; } .ac-video-player.small .end-state-container { padding: 0px 10px 10px; } .ac-video-player.small .end-state .end-state-container .end-state-item { font-size: 14px; letter-spacing: -0.22px; line-height: 20px; } .ac-video-player.small .end-state .end-state-container .end-state-item:only-child { padding-bottom: 10px; } html[dir="rtl"] .controls-social-tray { direction: rtl; } .sharing-state { text-align: center; pointer-events: none; } .ac-video-player.small .sharing-state { height: 40px; } .ac-video-player.medium .sharing-state { height: 48px; } .ac-video-player.large .sharing-state { height: 54px; } .sharing-state .acv-fb-share { width: 1em; max-width: 1em; background-size: 16px; } .mobile.sharing-state .acv-fb-share { background-size: 21.6px; } .sharing-state .acv-tw-share { width: 1.1875em; max-width: 1.1875em; background-size: 19px; } .mobile.sharing-state .acv-tw-share { background-size: 25.65px; } .sharing-state .copy-link { width: 1.0625em; max-width: 1.0625em; background-size: 17px; } .mobile.sharing-state .copy-link { background-size: 22.95px; } .sharing-state .copy-embed-code { display: none !important; } .sharing-state.embed-enabled .copy-embed-code { width: 1.5em; max-width: 1.5em; background-size: 24px; display: inline-flex !important; } .mobile.sharing-state.embed-enabled .copy-embed-code { background-size: 32.4px; } .sharing-state .textinput-close-button { width: 13px; background-size: 13px; } .mobile.sharing-state .textinput-close-button { width: 17.55px; background-size: 17.55px; } .sharing-state .container { background: rgba(110, 110, 115, 0.4); border-radius: 6px; display: inline-flex; align-items: center; font-size: 0px; padding-left: 5px; padding-right: 5px; } .mobile.sharing-state .container { padding-left: 6.75px; padding-right: 6.75px; } .ac-video-player.small .sharing-state .container { margin-top: 10px; } .ac-video-player.medium .sharing-state .container { margin-top: 18px; } .ac-video-player.large .sharing-state .container { margin-top: 24px; } .sharing-state .container.hidden { display: none; } .sharing-state .container button { border: 0px; padding: 0px; margin: 0px; text-transform: uppercase; color: transparent; overflow: hidden; white-space: nowrap; background-color: transparent; cursor: pointer; box-sizing: content-box; line-height: 0; display: inline-flex; height: 30px; } .mobile.sharing-state .container button { height: 40.5px; } .sharing-state .container .sharing-button-container button { pointer-events: auto; font-style: initial; font-variant: initial; font-weight: initial; font-stretch: initial; line-height: initial; font-family: initial; font-optical-sizing: initial; font-size-adjust: initial; font-kerning: initial; font-feature-settings: initial; font-variation-settings: initial; opacity: 0.8; transition: opacity 342ms ease-out 38ms, max-width 0.19s ease-out, padding 0.19s ease-out, transform 0.19s ease-out; font-size: 16px; padding-left: 9px; padding-right: 9px; } .mobile.sharing-state .container .sharing-button-container button { font-size: 21.6px; padding-left: 12.15px; padding-right: 12.15px; } .sharing-state .container .sharing-button-container button.hide-button { display: none; } .sharing-state .container .textarea-container { font-size: 0px; visibility: hidden; } .sharing-state .container .textarea-container span { display: inline-flex; } .sharing-state .container .textarea-container .copy-area { background: 0px 0px; border: none; color: rgb(255, 255, 255); font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; width: 0px; margin: 0px; padding-left: 1px; padding-right: 1px; text-align: left; transition: width 0.19s ease-out, transform ease-out; font-size: 11px; } .sharing-state .container .textarea-container .copy-area:focus { outline: 0px; } .mobile.sharing-state .container .textarea-container .copy-area { font-size: 14.85px; } .sharing-state .container .textarea-container .textinput-close-button { opacity: 0; max-width: 0px; padding: 0px; transition: opacity 0.38s ease-out, max-width 0.19s ease-out, padding 0.19s ease-out; } .sharing-state .container.textarea-active { pointer-events: all; background: rgba(110, 110, 115, 0.56); } .sharing-state .container.textarea-active .textarea-container { visibility: visible; } .sharing-state .container.textarea-active .textarea-container .copy-area { width: 212px; transition: width 0.38s cubic-bezier(0, 0, 0.2, 1), transform 0.38s cubic-bezier(0, 0, 0.2, 1); } .sharing-state .container.textarea-active .textarea-container .textinput-close-button { opacity: 0.8; padding-left: 9px; padding-right: 9px; transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1) 0.19s, max-width 0.19s cubic-bezier(0, 0, 0.2, 1), padding 0.19s cubic-bezier(0, 0, 0.2, 1); max-width: 13px; } .mobile.sharing-state .container.textarea-active .textarea-container .textinput-close-button { max-width: 17.55px; } .sharing-state .container.textarea-active .sharing-container button:not(.active) { opacity: 0; max-width: 0px; padding: 0px; visibility: hidden; transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1), max-width 0.38s cubic-bezier(0, 0, 0.2, 1), padding 0.38s cubic-bezier(0, 0, 0.2, 1); } .sharing-state .container.textarea-active .sharing-container button.active { opacity: 0.8; visibility: visible; transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1); } .threesixty-ui { cursor: grab; } .threesixty-ui .ac-video-controls .compass-wrapper { transform: translateY(0px); } .threesixty-video .ac-video-controls .compass-wrapper { display: inline-block; } .ac-video-controls .compass-wrapper { display: none; } .compass-wrapper { border: 0px; padding: 0px; margin: 0px; text-transform: uppercase; color: transparent; white-space: nowrap; background-color: transparent; overflow: visible; position: absolute; top: calc(50% - 19px); right: 24px; height: 38px; width: 38px; z-index: 2; opacity: 0; transform: translateY(0px); transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1), transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); } .compass-wrapper .compass-background { width: 100%; height: 100%; position: absolute; pointer-events: none; transition: transform 275ms cubic-bezier(0.4, 0, 0.6, 1) 60ms; } .compass-wrapper.show-arrows .compass-background { transform: scale(1.8); transition: transform 335ms cubic-bezier(0.4, 0, 0.6, 1); } .compass-wrapper .compass { border: 0px; padding: 0px; margin: 0px; text-transform: uppercase; color: transparent; overflow: hidden; white-space: nowrap; background-color: transparent; cursor: inherit; width: 38px; height: 38px; } .compass-wrapper .compass-ring { width: 38px; max-width: 38px; position: absolute; height: 38px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; margin-top: 0px; margin-left: 0px; pointer-events: none; will-change: transform; } .compass-wrapper:hover { cursor: pointer; } .compass-wrapper .compass-field { width: 38px; max-width: 38px; height: 38px; position: absolute; top: 0px; margin-top: 0px; margin-left: 0px; pointer-events: none; } .compass-wrapper .compass-arrows { pointer-events: none; position: absolute; width: 68px; height: 68px; top: -15px; left: -15px; opacity: 0; transition: opacity 275ms cubic-bezier(0.4, 0, 0.6, 1) 60ms; } .compass-wrapper .compass-arrows .compass-arrow-bottom, .compass-wrapper .compass-arrows .compass-arrow-left, .compass-wrapper .compass-arrows .compass-arrow-right, .compass-wrapper .compass-arrows .compass-arrow-top { border: 0px; padding: 0px; margin: 0px; text-transform: uppercase; color: transparent; overflow: hidden; white-space: nowrap; background-color: transparent; pointer-events: none; cursor: inherit; position: absolute; width: 19px; height: 19px; opacity: 0.56; will-change: opacity; transition: transform 275ms cubic-bezier(0.4, 0, 0.6, 1) 30ms; } .compass-wrapper .compass-arrows .compass-arrow-bottom:active, .compass-wrapper .compass-arrows .compass-arrow-bottom:focus, .compass-wrapper .compass-arrows .compass-arrow-left:active, .compass-wrapper .compass-arrows .compass-arrow-left:focus, .compass-wrapper .compass-arrows .compass-arrow-right:active, .compass-wrapper .compass-arrows .compass-arrow-right:focus, .compass-wrapper .compass-arrows .compass-arrow-top:active, .compass-wrapper .compass-arrows .compass-arrow-top:focus { opacity: 1; } .ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-bottom, .ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-left, .ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-right, .ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-top { pointer-events: all; } .compass-wrapper .compass-arrows .compass-arrow-top { top: 0px; left: 24px; transform: rotate(-90deg) translateX(-7px) scale(0.55); } .compass-wrapper .compass-arrows .compass-arrow-right { top: 24px; left: 47px; transform: translateX(-7px) scale(0.55); } .compass-wrapper .compass-arrows .compass-arrow-bottom { top: 48px; left: 25px; transform: rotate(90deg) translateX(-7px) scale(0.55); } .compass-wrapper .compass-arrows .compass-arrow-left { top: 24px; left: 2px; transform: rotate(180deg) translateX(-7px) scale(0.55); } .compass-wrapper.show-arrows .compass-arrows { opacity: 1; transition: opacity 275ms cubic-bezier(0.4, 0, 0.6, 1) 60ms; } .compass-wrapper.show-arrows .compass-arrow-bottom, .compass-wrapper.show-arrows .compass-arrow-left, .compass-wrapper.show-arrows .compass-arrow-right, .compass-wrapper.show-arrows .compass-arrow-top { pointer-events: all; transition: transform 275ms cubic-bezier(0.4, 0, 0.6, 1) 60ms; } .compass-wrapper.show-arrows .compass-arrow-top { transform: rotate(-90deg) translateX(0px) scale(1); } .compass-wrapper.show-arrows .compass-arrow-right { transform: translateX(0px) scale(1); } .compass-wrapper.show-arrows .compass-arrow-bottom { transform: rotate(90deg) translateX(0px) scale(1); } .compass-wrapper.show-arrows .compass-arrow-left { transform: rotate(180deg) translateX(0px) scale(1); } .ac-video-controls.start-state .compass-wrapper { visibility: hidden; pointer-events: none; opacity: 0; } .ac-video-controls.end-state .compass-wrapper { visibility: hidden; pointer-events: none; opacity: 0; } .threesixty-ui .compass-wrapper { opacity: 1; transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s; } .mouse-leave .compass-wrapper { transform: translateY(20px); transition-delay: 50ms; } .dragging .compass-wrapper { transform: translateY(0px); } .dragging .compass { cursor: grabbing; } .ac-video-player .error-state-wrapper { position: absolute; bottom: 0px; width: 100%; height: 100%; pointer-events: none; visibility: hidden; } .ac-video-player .error-state-wrapper .error-state-container { display: flex; visibility: hidden; width: 100%; height: 100%; box-sizing: border-box; flex-direction: column; justify-content: center; align-items: center; text-align: center; pointer-events: all; cursor: default; background: rgba(0, 0, 0, 0.67); } .ac-video-player .error-state-wrapper .error-state-container .error-state-message { background-color: rgba(29, 29, 31, 0.8); border-radius: 6px; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; color: rgb(255, 255, 255); opacity: 1; letter-spacing: -0.37px; text-align: center; line-height: 20px; min-width: 40px; max-width: 360px; padding: 10px 16px; outline: 0px; } .ac-video-player:not(.idle-state).media-error .ac-video-controls { opacity: 0; visibility: hidden; } .ac-video-player:not(.idle-state).media-error .error-state-wrapper { visibility: visible; pointer-events: all; } .ac-video-player:not(.idle-state).media-error .error-state-wrapper .error-state-container { transform: translateY(0px); transition: opacity 0.5s; visibility: visible; } .ac-video-player:not(.idle-state).media-error .error-state-wrapper .error-state-container.hidden { display: none; } .ac-video-player:not(.idle-state).media-error .error-state-wrapper .error-state-container:hover .end-state-item:hover { opacity: 1; } .ac-player-tablet .modal { display: none; } .has-modal.modal-open .modal { display: block; } .modal .ac-video-player .ac-video-not-supported { background-color: transparent !important; } .ac-modal-video-pip { opacity: 0; pointer-events: none; display: block; } .modal .modal-content { width: 100%; height: 100%; display: flex; justify-content: center; } .modal .modal-content.center-horizontal { display: flex; justify-content: center; } .modal .modal-content.center-horizontal .ac-player-container { position: relative; width: auto; } .modal .modal-content.center-horizontal .ac-player-container.ac-video-cinematic-aspect-ratio { max-width: 1536px; } .modal .modal-content.center-horizontal .ac-player-container.ac-video-cinematic-aspect-ratio .ac-video-player { max-height: 640px; } .modal .modal-content.center-horizontal .ac-player-container.ac-video-19x9-aspect-ratio { max-width: 1624px; } .modal .modal-content.center-horizontal .ac-player-container.ac-video-19x9-aspect-ratio .ac-video-player { max-height: 750px; } .modal .modal-content.center-horizontal .ac-player-container.ac-video-9x19-aspect-ratio { max-width: 563px; } .modal .modal-content.center-horizontal .ac-player-container.ac-video-9x19-aspect-ratio .ac-video-player { max-height: 1218px; } .modal .modal-content.center-horizontal .ac-player-container.ac-video-square-aspect-ratio { max-width: 960px; } .modal .modal-content.center-horizontal .ac-player-container.ac-video-square-aspect-ratio .ac-video-player { max-height: 960px; } .modal .modal-content.center-horizontal .ac-player-container.ac-video-vertical-aspect-ratio { max-width: 540px; } .modal .modal-content.center-horizontal .ac-player-container.ac-video-vertical-aspect-ratio.ac-films-modal-mobile { max-width: 720px; } .modal .modal-content.center-horizontal .ac-player-container.ac-video-vertical-aspect-ratio .ac-video-player { max-height: 960px; } .modal .modal-content.center-horizontal .ac-player-container.ac-films-modal-mobile .ac-video-player { max-height: 85vh; } .modal .modal-content.center-horizontal .ac-player-container .ac-video-player { width: auto; height: 100vh; max-height: 720px; } .modal .modal-content.center-horizontal .ac-player-container .ac-video-player video { width: auto; min-width: 320px; } .modal .modal-content .ac-player-container { max-width: 1280px; width: 100vw; min-width: 320px; display: flex; } .modal .modal-content .ac-player-container.ac-video-cinematic-aspect-ratio, .modal .modal-content .ac-player-container.ac-video-cinematic-aspect-ratio .ac-video-player .ac-video-poster { max-width: 1536px; } .modal .modal-content .ac-player-container.ac-films-modal-mobile { min-width: 0px; } .modal .modal-content .ac-player-container .ac-video-player { overflow: hidden; position: relative; width: 100%; align-self: center; display: flex; } .modal .modal-content .ac-player-container .ac-video-player video { max-height: 100vh; max-width: 100vw; } .modal .modal-content .ac-player-container .ac-video-player .ac-video-poster { top: auto; left: auto; place-self: center; } .ac-video-player.ac-films-handheld-player { position: fixed; z-index: -1; visibility: hidden; width: 1px; height: 1px; top: 50%; left: 50%; } .ac-video-player.ac-films-handheld-player .error-state-wrapper { display: none; } .ac-video-player.ac-films-handheld-player.player-fullscreen { visibility: visible; } .shelf-grid { margin-bottom: 0px; width: 100%; padding: 0px 40px; position: relative; z-index: 1; } .shelf-grid__body { width: 100%; overflow: hidden; box-sizing: content-box; margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px; } .shelf-grid__list { padding: 0px; margin: 0px; display: grid; grid-auto-flow: column; list-style: none; overflow: auto hidden; scroll-behavior: smooth; scrollbar-width: none; overscroll-behavior-x: none; scroll-snap-type: x mandatory; } .shelf-grid__list::-webkit-scrollbar { display: none; } .shelf-no-snap .shelf-grid__list { scroll-snap-type: none; } @media (prefers-reduced-motion: reduce) { .shelf-grid__list { scroll-behavior: auto; } } .shelf-grid__list-item { scroll-snap-align: start; } html[dir="rtl"] .shelf-grid__list-item { scroll-snap-align: none; } .shelf-grid-nav { margin: 0px; list-style: none; } .shelf-grid-nav ul { margin: 0px; list-style: none; } .shelf-grid-nav__arrow { width: 40px; height: 100%; background: 0px 0px; display: block; overflow: hidden; position: absolute; text-align: center; transition: background-color 250ms linear, color 250ms linear, opacity 250ms linear; border: none; cursor: pointer; z-index: 1; } .shelf-grid-nav__arrow:focus { outline: 0px; } .shelf-grid-nav__arrow::after { margin: 0px auto; position: relative; top: 0px; display: block; content: ""; width: 13px; height: 29px; opacity: 0.85; background-repeat: no-repeat; background-image: url("https://apps.apple.com/us/app/assets/shelf/paddle-default-c982e76e4d16230b8424bb5e3618038e.svg"); z-index: 1; } .dark-mode .shelf-grid-nav__arrow::after { background-image: url("https://apps.apple.com/us/app/assets/shelf/paddle-dark-eec61ec5e516c8b50a97265169ef76a2.svg"); } @media (prefers-color-scheme: dark) { .shelf-grid-nav__arrow::after { background-image: url("https://apps.apple.com/us/app/assets/shelf/paddle-dark-eec61ec5e516c8b50a97265169ef76a2.svg"); } } @media (prefers-contrast: more) { .shelf-grid-nav__arrow::after { opacity: 1; } } .shelf-grid-nav__arrow:hover { text-decoration: none; } .shelf-grid-nav__arrow:active:not([disabled])::after { transition: none; opacity: 1; } .shelf-grid-nav__arrow:focus[data-focus-method="key"] { box-shadow: rgba(0, 125, 250, 0.6) 0px 0px 0px 4px; outline: 0px; } .shelf-grid-nav__arrow:focus[data-focus-method="key"][data-focus-method="mouse"]:not(input):not(textarea):not(select), .shelf-grid-nav__arrow:focus[data-focus-method="key"][data-focus-method="touch"]:not(input):not(textarea):not(select) { box-shadow: none; } .shelf-grid-nav__arrow.disabled, .shelf-grid-nav__arrow:disabled { cursor: default; opacity: 0; } @media only screen and (hover: hover) and (pointer: fine) { .shelf-grid--onhover .shelf-grid-nav__arrow { opacity: 0; transition: background-color 250ms linear, color 250ms linear, opacity 250ms linear; } .shelf-grid--onhover .shelf-grid-nav__arrow:focus { opacity: 1; } .shelf-grid--onhover:hover .shelf-grid-nav__arrow { opacity: 1; } .shelf-grid--onhover:hover .shelf-grid-nav__arrow.disabled, .shelf-grid--onhover:hover .shelf-grid-nav__arrow:disabled { opacity: 0; } } .shelf-grid-nav__arrow--next, .shelf-grid-nav__arrow--previous { top: 0px; } .shelf-grid-nav__arrow--next { right: -40px; } .shelf-grid-nav__arrow--next::after { transform: scaleX(-1); } html[dir="rtl"] .shelf-grid-nav__arrow--next::after { transform: none; } .shelf-grid-nav__arrow--previous { left: -40px; } html[dir="rtl"] .shelf-grid-nav__arrow--previous::after { transform: scaleX(-1); } .shelf-grid__header { padding: 13px 0px; } [data-grid="A"] .shelf-grid__list { grid-auto-columns: calc((100% - 1 * var(--grid-column-gap))/ 2); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } @media only screen and (min-width: 735px) { [data-grid="A"] .shelf-grid__list { grid-auto-columns: calc((100% - 1 * var(--grid-column-gap))/ 2); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } @media only screen and (min-width: 1069px) { [data-grid="A"] .shelf-grid__list { grid-auto-columns: calc((100% - 2 * var(--grid-column-gap))/ 3); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } [data-grid="B"] .shelf-grid__list { grid-auto-columns: calc((100% - 1 * var(--grid-column-gap))/ 2); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } @media only screen and (min-width: 735px) { [data-grid="B"] .shelf-grid__list { grid-auto-columns: calc((100% - 2 * var(--grid-column-gap))/ 3); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } @media only screen and (min-width: 1069px) { [data-grid="B"] .shelf-grid__list { grid-auto-columns: calc((100% - 3 * var(--grid-column-gap))/ 4); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } [data-grid="C"] .shelf-grid__list { grid-auto-columns: calc((100% - 2 * var(--grid-column-gap))/ 3); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } @media only screen and (min-width: 735px) { [data-grid="C"] .shelf-grid__list { grid-auto-columns: calc((100% - 3 * var(--grid-column-gap))/ 4); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } @media only screen and (min-width: 1069px) { [data-grid="C"] .shelf-grid__list { grid-auto-columns: calc((100% - 4 * var(--grid-column-gap))/ 5); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } [data-grid="D"] .shelf-grid__list { grid-auto-columns: calc((100% - 3 * var(--grid-column-gap))/ 4); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } @media only screen and (min-width: 735px) { [data-grid="D"] .shelf-grid__list { grid-auto-columns: calc((100% - 4 * var(--grid-column-gap))/ 5); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } @media only screen and (min-width: 1069px) { [data-grid="D"] .shelf-grid__list { grid-auto-columns: calc((100% - 7 * var(--grid-column-gap))/ 8); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } [data-grid="E"] .shelf-grid__list { grid-auto-columns: calc((100% - 4 * var(--grid-column-gap))/ 5); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } @media only screen and (min-width: 735px) { [data-grid="E"] .shelf-grid__list { grid-auto-columns: calc((100% - 8 * var(--grid-column-gap))/ 9); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } @media only screen and (min-width: 1069px) { [data-grid="E"] .shelf-grid__list { grid-auto-columns: calc((100% - 9 * var(--grid-column-gap))/ 10); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } [data-grid="F"] .shelf-grid__list { grid-auto-columns: calc((100% - 1 * var(--grid-column-gap))/ 2); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } @media only screen and (min-width: 735px) { [data-grid="F"] .shelf-grid__list { grid-auto-columns: calc((100% - 2 * var(--grid-column-gap))/ 3); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } @media only screen and (min-width: 1069px) { [data-grid="F"] .shelf-grid__list { grid-auto-columns: calc((100% - 2 * var(--grid-column-gap))/ 3); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } [data-grid="G"] .shelf-grid__list { grid-auto-columns: calc((100% - 3 * var(--grid-column-gap))/ 4); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } @media only screen and (min-width: 735px) { [data-grid="G"] .shelf-grid__list { grid-auto-columns: calc((100% - 4 * var(--grid-column-gap))/ 5); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } @media only screen and (min-width: 1069px) { [data-grid="G"] .shelf-grid__list { grid-auto-columns: calc((100% - 5 * var(--grid-column-gap))/ 6); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } [data-grid="H"] .shelf-grid__list { grid-auto-columns: calc((100% - 5 * var(--grid-column-gap))/ 6); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } @media only screen and (min-width: 735px) { [data-grid="H"] .shelf-grid__list { grid-auto-columns: calc((100% - 7 * var(--grid-column-gap))/ 8); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } @media only screen and (min-width: 1069px) { [data-grid="H"] .shelf-grid__list { grid-auto-columns: calc((100% - 9 * var(--grid-column-gap))/ 10); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } [data-grid="books-brick-row"] .shelf-grid__list { grid-auto-columns: calc((100% - 0 * var(--grid-column-gap))/ 1); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } @media only screen and (min-width: 735px) { [data-grid="books-brick-row"] .shelf-grid__list { grid-auto-columns: calc((100% - 1 * var(--grid-column-gap))/ 2); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } @media only screen and (min-width: 1069px) { [data-grid="books-brick-row"] .shelf-grid__list { grid-auto-columns: calc((100% - 2 * var(--grid-column-gap))/ 3); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } [data-grid="story"] .shelf-grid__list { grid-auto-columns: 320px; grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: 10px; } @media only screen and (min-width: 735px) { [data-grid="story"] .shelf-grid__list { grid-auto-columns: calc((100% - 1 * var(--grid-column-gap))/ 2); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } @media only screen and (min-width: 1069px) { [data-grid="story"] .shelf-grid__list { grid-auto-columns: calc((100% - 2 * var(--grid-column-gap))/ 3); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } [data-grid="small-brick"] .shelf-grid__list { grid-auto-columns: 340px; grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: 10px; } @media only screen and (min-width: 735px) { [data-grid="small-brick"] .shelf-grid__list { grid-auto-columns: calc((100% - 1 * var(--grid-column-gap))/ 2); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } @media only screen and (min-width: 1069px) { [data-grid="small-brick"] .shelf-grid__list { grid-auto-columns: calc((100% - 2 * var(--grid-column-gap))/ 3); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } [data-grid="editorial-lockup-large"] .shelf-grid__list { grid-auto-columns: 340px; grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: 10px; } @media only screen and (min-width: 735px) { [data-grid="editorial-lockup-large"] .shelf-grid__list { grid-auto-columns: calc((100% - 1 * var(--grid-column-gap))/ 2); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } @media only screen and (min-width: 1069px) { [data-grid="editorial-lockup-large"] .shelf-grid__list { grid-auto-columns: calc((100% - 1 * var(--grid-column-gap))/ 2); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } [data-grid="editorial-lockup-medium"] .shelf-grid__list { grid-auto-columns: 340px; grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: 10px; } @media only screen and (min-width: 735px) { [data-grid="editorial-lockup-medium"] .shelf-grid__list { grid-auto-columns: calc((100% - 1 * var(--grid-column-gap))/ 2); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } @media only screen and (min-width: 1069px) { [data-grid="editorial-lockup-medium"] .shelf-grid__list { grid-auto-columns: calc((100% - 2 * var(--grid-column-gap))/ 3); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } [data-grid="large-brick"] .shelf-grid__list { grid-auto-columns: 340px; grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: 10px; } @media only screen and (min-width: 735px) { [data-grid="large-brick"] .shelf-grid__list { grid-auto-columns: calc((100% - 0 * var(--grid-column-gap))/ 1); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } @media only screen and (min-width: 1069px) { [data-grid="large-brick"] .shelf-grid__list { grid-auto-columns: calc((100% - 1 * var(--grid-column-gap))/ 2); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } [data-grid="lockup-small"] .shelf-grid__list { grid-auto-columns: 340px; grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: 10px; } @media only screen and (min-width: 735px) { [data-grid="lockup-small"] .shelf-grid__list { grid-auto-columns: calc((100% - 1 * var(--grid-column-gap))/ 2); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } @media only screen and (min-width: 1069px) { [data-grid="lockup-small"] .shelf-grid__list { grid-auto-columns: calc((100% - 2 * var(--grid-column-gap))/ 3); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } [data-grid="lockup-large"] .shelf-grid__list { grid-auto-columns: 280px; grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: 10px; } @media only screen and (min-width: 735px) { [data-grid="lockup-large"] .shelf-grid__list { grid-auto-columns: calc((100% - 2 * var(--grid-column-gap))/ 3); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } @media only screen and (min-width: 1069px) { [data-grid="lockup-large"] .shelf-grid__list { grid-auto-columns: calc((100% - 3 * var(--grid-column-gap))/ 4); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } [data-grid="posters"] .shelf-grid__list { grid-auto-columns: calc((100% - 0 * var(--grid-column-gap))/ 1); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } @media only screen and (min-width: 735px) { [data-grid="posters"] .shelf-grid__list { grid-auto-columns: calc((100% - 0 * var(--grid-column-gap))/ 1); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } @media only screen and (min-width: 1069px) { [data-grid="posters"] .shelf-grid__list { grid-auto-columns: calc((100% - 1 * var(--grid-column-gap))/ 2); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } [data-grid="breakout-large"] .shelf-grid__list { grid-auto-columns: calc((100% - 0 * var(--grid-column-gap))/ 1); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } @media only screen and (min-width: 735px) { [data-grid="breakout-large"] .shelf-grid__list { grid-auto-columns: calc((100% - 0 * var(--grid-column-gap))/ 1); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } @media only screen and (min-width: 1069px) { [data-grid="breakout-large"] .shelf-grid__list { grid-auto-columns: calc((100% - 0 * var(--grid-column-gap))/ 1); grid-template-rows: repeat(var(--grid-rows),max-content); column-gap: var(--grid-column-gap); } } .shelf-grid-announcer { position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; } @media only screen and (max-width:) { .shelf-grid { padding-left: 0px; padding-right: 0px; } .shelf-grid-nav { display: none; } .shelf-grid__list { scroll-snap-type: none; margin-left: 0px; margin-right: 0px; padding-left: 25px; } .shelf-grid__list::after { width: 15px; } .shelf-grid__list-item { scroll-snap-align: none; } .shelf-grid .shelf-grid__list::after { display: block; content: " "; width: 30px; } } .shelf-grid--peeking-small { margin: 0px; } @media only screen and (min-width:) { .shelf-grid--peeking-small { width: calc(100% + 80px); } html[dir="ltr"] .shelf-grid--peeking-small { transform: translateX(-40px); } html[dir="rtl"] .shelf-grid--peeking-small { transform: translateX(40px); } } @media only screen and (max-width: 734px) { .shelf-grid--peeking-small .shelf-grid__list { scroll-padding-inline-start: 6.5vw; padding-left: 6.5vw; padding-right: 6.5vw; } } .focusing-outlet { outline: 0px; } .animation-wrapper > :not(.animation-wrapper__container) { transition: opacity 250ms cubic-bezier(0.21, 0.11, 0.18, 1); } .animation-wrapper.is-hidden > :not(.animation-wrapper__container) { opacity: 0; pointer-events: none; transition-duration: 0.1s; } .animation-wrapper__container { display: inline-block; position: fixed; top: 50%; pointer-events: none; text-align: center; transform: translate(-50%, -50%); left: 50%; z-index: 1; } .animation-wrapper__spinner { height: 20px; width: 20px; margin: 0px auto 27px; opacity: 0; animation: 0.1s cubic-bezier(0.21, 0.11, 0.18, 1) 1s 1 normal forwards running animation-wrapper-appear; background-image: url("https://apps.apple.com/assets/images/loading-spinner-small-89b12d3c4bf034acf043c7e19e2a9ccd.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; } @media only screen and (min-width: 735px) { .animation-wrapper__spinner { height: 35px; width: 35px; background-image: url("https://apps.apple.com/assets/images/loading-spinner-large-2cbc4da7c3996a3a0178735cf08b63c1.svg"); } } .animation-wrapper__progress-outer { height: 2px; width: 109px; position: relative; overflow: hidden; font-size: 0px; opacity: 0; background-color: rgba(123, 123, 139, 0.2); border-radius: 2px; animation: 0.1s cubic-bezier(0.21, 0.11, 0.18, 1) 3s 1 normal forwards running animation-wrapper-appear; z-index: 1; } .animation-wrapper__progress-inner { content: ""; display: block; height: inherit; width: inherit; position: absolute; top: 0px; background-color: rgba(123, 123, 139, 0.9); border-radius: inherit; transition: transform 5ms ease-in-out; right: 100%; z-index: 1; } @keyframes animation-wrapper-appear { 0% { opacity: 0; } 100% { opacity: 1; } } .app-privacy__cards { margin-top: 13px; display: grid; gap: 20px; } @media only screen and (min-width: 735px) { .app-privacy__cards { grid-template-columns: repeat(auto-fit, minmax(calc(50% - 10px), 1fr)); } } @media only screen and (min-width: 1069px) { .app-privacy__cards { grid-template-columns: repeat(auto-fit, minmax(calc(33.3333% - 13.3333px), 1fr)); } } .app-privacy__card { padding: 28px 20px 20px; width: 100%; border-radius: 16px; background-color: rgb(248, 248, 248); } @media only screen and (min-width: 735px) { .app-privacy__card:first-child:last-child { max-width: 50%; } } .app-privacy__modal-heading { margin-top: 17px; margin-bottom: 17px; font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: 0.024em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__modal-heading:lang(zh) { font-weight: 600; } .app-privacy__modal-heading:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__modal-heading:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__modal-heading:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__modal-heading:lang(zh-CH) { font-weight: 600; } .app-privacy__modal-heading:lang(th) { line-height: 1.422; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__modal-heading:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__modal-heading:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__modal-heading:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__modal-heading:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__modal-section { margin-top: 27px; padding-top: 21px; border-top: 1px solid rgb(214, 214, 214); } .app-privacy__modal-section p { font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__modal-section p:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__modal-section p:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__modal-section p:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__modal-section p:lang(zh) { letter-spacing: 0px; } .app-privacy__modal-section p:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__modal-section p:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__modal-section p:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__modal-section p:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__modal-section p:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__modal-section p + p { margin-top: 18px; } .app-privacy__learn-more { margin-top: 20px; } .app-privacy__developer-name { font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__developer-name:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__developer-name:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__developer-name:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__developer-name:lang(zh) { letter-spacing: 0px; } .app-privacy__developer-name:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__developer-name:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__developer-name:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__developer-name:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-privacy__developer-name:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .link { text-decoration: none; color: rgb(0, 112, 201); } @media (monochrome), (min-monochrome: 1) { .link { text-decoration: underline !important; } } .is-itunes-theme .link { color: rgb(0, 112, 201); } .is-tv-theme .link { color: rgb(15, 110, 161); } .is-mac-theme .link { color: rgb(0, 112, 201); } .is-podcasts-theme .link { color: rgb(125, 80, 223); } .is-apps-theme .link { color: rgb(0, 112, 201); } .link.is-active, .link:active, .link:focus, .link:hover { text-decoration: underline; } @media (monochrome), (min-monochrome: 1) { .link--no-decoration { text-decoration: underline !important; } } .link--no-decoration.is-active, .link--no-decoration:active, .link--no-decoration:focus, .link--no-decoration:hover { text-decoration: none; } .link--no-tint { color: inherit; } .is-itunes-theme .link--no-tint { color: inherit; } .is-tv-theme .link--no-tint { color: inherit; } .is-mac-theme .link--no-tint { color: inherit; } .is-podcasts-theme .link--no-tint { color: inherit; } .is-apps-theme .link--no-tint { color: inherit; } .targeted-link { text-decoration: none; } .targeted-link.is-active, .targeted-link:active, .targeted-link:focus, .targeted-link:hover { text-decoration: none; } .targeted-link.is-active .targeted-link__target, .targeted-link:active .targeted-link__target, .targeted-link:focus .targeted-link__target, .targeted-link:hover .targeted-link__target { text-decoration: underline; } @media (monochrome), (min-monochrome: 1) { .targeted-link:not(.targeted-link--no-monochrome-underline) .targeted-link__target { text-decoration: underline !important; } } .section { padding-top: 19px; padding-bottom: 32px; } .section--hero, .section--hero-fullwidth-artwork { padding-top: 20px; } @media only screen and (min-width: 1069px) { .section--hero-book { padding-top: 52px; } } .section--hero { position: relative; z-index: 1; } @media only screen and (max-width: 734px) { .section--small-no-padding-top { padding-top: 0px; } } .section--large-padding-top { padding-top: 32px; } .section--no-padding-top { padding-top: 0px; } .section--no-padding-bottom { padding-bottom: 0px; } .section--bordered { border-top: 1px solid rgb(214, 214, 214); } .section--book-infobar { padding-top: 32px; display: flex; align-items: stretch; } .section--publisher-description + .section--book-infobar { padding-top: 0px; } @media only screen and (max-width: 734px) { .section--book-infobar { margin-bottom: 32px; padding-bottom: 0px; } } @media only screen and (max-width: 734px) { .section--link-list { padding-top: 0px; padding-bottom: 19px; } .section--link-list + .section--bordered { padding-top: 0px; border-top: 0px; } } @media only screen and (max-width: 734px) { .section--small-not-bordered { border-top: none; } } .section--subscribe-hidden { display: none; } @media only screen and (max-width: 734px) { .section--small-full-width { margin-left: -7.14286%; margin-right: -7.14286%; padding-left: 7.14286%; padding-right: 7.14286%; } } @media only screen and (max-width: 734px) { .section--media-shelf { width: 100%; } .section--media-shelf .section__nav { margin-left: 6.25%; margin-right: 6.25%; } } .section__headline { margin-bottom: 17px; flex-shrink: 1; font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: 0.024em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section__headline:lang(zh) { font-weight: 600; } .section__headline:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section__headline:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section__headline:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section__headline:lang(zh-CH) { font-weight: 600; } .section__headline:lang(th) { line-height: 1.422; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section__headline:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section__headline:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section__headline:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section__headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section__headline-link { display: flex; gap: 0.5em; margin-bottom: 17px; transition: gap 0.2s; } .section__headline-link:hover { text-decoration: none; gap: 0.75em; } .section__headline-link::after { color: rgb(29, 29, 31); content: "›"; font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: 0.024em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section__headline-link .section__headline { margin-bottom: 0px; } .section__headline--book { font-size: 20px; line-height: 1.25; font-weight: 600; letter-spacing: 0px; font-family: "New York Medium", "SF Pro Icons", "Apple WebExp Icons Custom", Times, serif; } @media only screen and (max-width: 1068px) { .section__nav--artist-top-songs { margin-top: 32px; padding-top: 19px; border-top: 1px solid rgb(214, 214, 214); } } .section__subheadline { margin-bottom: 3px; font-size: 12px; line-height: 1.33337; font-weight: 600; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section__subheadline:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section__subheadline:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section__subheadline:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section__subheadline:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section__subheadline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section__subheadline:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section__subheadline:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section__subheadline:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .section__nav { display: flex; justify-content: space-between; align-items: flex-end; } .section__nav--align-start { justify-content: flex-start; } .section__nav--align-start > :first-child { margin-right: 14px; } .section__nav--small { display: flex; justify-content: space-between; align-items: baseline; flex-flow: wrap; } .section__nav__see-all-link { margin-bottom: 17px; display: inline-block; flex-shrink: 0; margin-left: 16px; } @media only screen and (max-width: 734px) { .section__nav--book-lighting .section__headline, .section__nav--book-lighting .section__nav__see-all-link { margin-bottom: 0px; } } .section-group { background-color: rgb(248, 248, 248); } @media only screen and (min-width: 1069px) { .section-group--artist { margin-top: 20px; } } .section-group--books-featured-review + .section-group--books-featured-review { margin-top: 10px; } @keyframes we-button-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .we-button { font-size: 17px; line-height: 1.47059; font-weight: 400; letter-spacing: -0.022em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; background: rgb(0, 112, 201); min-width: 28px; padding: 2px 16px; display: inline-block; border-radius: 18px; color: rgb(29, 29, 31); cursor: pointer; text-align: center; white-space: nowrap; } .we-button:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button:lang(zh) { letter-spacing: 0px; } .we-button:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button:hover { text-decoration: none; } .we-button:focus { box-shadow: rgba(0, 125, 250, 0.6) 0px 0px 0px 4px; outline: 0px; } .we-button:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .we-button:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) { box-shadow: none; } .we-button:active { outline: 0px; } .we-button.disabled, .we-button:disabled { color: rgb(29, 29, 31); cursor: default; opacity: 0.3; } .we-button--compact { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -0.01em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; min-width: 23px; padding: 4px 11px; border-radius: 12px; } .we-button--compact:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--compact:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--compact:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--compact:lang(zh) { letter-spacing: 0px; } .we-button--compact:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--compact:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--compact:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--compact:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--compact:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--block { box-sizing: border-box; display: block; width: 100%; } .we-button--secondary { color: rgb(0, 102, 204); } .we-button--secondary.disabled, .we-button--secondary:disabled { color: rgb(0, 102, 204); } .we-button-flat { color: rgb(255, 255, 255); border: 1px solid rgb(0, 112, 201); background: rgb(0, 112, 201); } .we-button-flat:hover { background: rgb(0, 135, 242); border-color: rgb(0, 135, 242); } .we-button-flat.is-active, .we-button-flat:active { background: rgb(0, 89, 160); border-color: rgb(0, 89, 160); } .we-button-flat.disabled, .we-button-flat:disabled { background: rgb(0, 112, 201); border-color: rgb(0, 112, 201); color: rgb(255, 255, 255); opacity: 0.3; } .we-button-flat--plain { color: rgb(0, 0, 0); border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: transparent; border-bottom-color: transparent; border-image: initial; background: 0px 0px; padding-left: 0px; padding-right: 0px; border-left-style: initial; border-left-color: initial; border-right-style: initial; border-right-color: initial; } .we-button-flat--plain:hover { background: rgba(20, 20, 20, 0); border-color: rgba(20, 20, 20, 0); } .we-button-flat--plain.is-active, .we-button-flat--plain:active { background: rgba(0, 0, 0, 0); border-color: transparent; } .we-button-flat--plain.disabled, .we-button-flat--plain:disabled { background: 0px 0px; border-color: transparent; color: rgb(0, 0, 0); opacity: 0.3; } .we-button-flat--plain:hover { color: rgb(0, 112, 201); } .is-itunes-theme .we-button-flat--plain:hover { color: rgb(0, 112, 201); } .is-tv-theme .we-button-flat--plain:hover { color: rgb(15, 110, 161); } .is-mac-theme .we-button-flat--plain:hover { color: rgb(0, 112, 201); } .is-podcasts-theme .we-button-flat--plain:hover { color: rgb(125, 80, 223); } .is-apps-theme .we-button-flat--plain:hover { color: rgb(0, 112, 201); } .we-button--spinner { position: relative; transition: 0.25s; } .we-button--spinner.we-button--loading { background-color: transparent; border-color: transparent; } .we-button--pill, .we-button--pill-chin { border-radius: 9999em; color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.25); flex-shrink: 0; font-size: 16px; line-height: 1.75; font-weight: 700; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-chin:lang(zh), .we-button--pill:lang(zh) { font-weight: 600; } .we-button--pill-chin:lang(zh-HK), .we-button--pill:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-chin:lang(zh-MO), .we-button--pill:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-chin:lang(zh-TW), .we-button--pill:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-chin:lang(zh-CH), .we-button--pill:lang(zh-CH) { font-weight: 600; } .we-button--pill-chin:lang(th), .we-button--pill:lang(th) { line-height: 2.07375; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-chin:lang(ar), .we-button--pill:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-chin:lang(ja), .we-button--pill:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-chin:lang(ko), .we-button--pill:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-chin:lang(zh-CN), .we-button--pill:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-chin:active, .we-button--pill-chin:focus, .we-button--pill-chin:hover, .we-button--pill:active, .we-button--pill:focus, .we-button--pill:hover { background-color: rgba(255, 255, 255, 0.2); } .we-button--pill, .we-button--pill-keycolor, .we-button--pill-small { border-radius: 9999em; padding: 0px 16px; text-align: center; font-size: 16px; line-height: 1.75; font-weight: 700; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-keycolor:lang(zh), .we-button--pill-small:lang(zh), .we-button--pill:lang(zh) { font-weight: 600; } .we-button--pill-keycolor:lang(zh-HK), .we-button--pill-small:lang(zh-HK), .we-button--pill:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-keycolor:lang(zh-MO), .we-button--pill-small:lang(zh-MO), .we-button--pill:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-keycolor:lang(zh-TW), .we-button--pill-small:lang(zh-TW), .we-button--pill:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-keycolor:lang(zh-CH), .we-button--pill-small:lang(zh-CH), .we-button--pill:lang(zh-CH) { font-weight: 600; } .we-button--pill-keycolor:lang(th), .we-button--pill-small:lang(th), .we-button--pill:lang(th) { line-height: 2.07375; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-keycolor:lang(ar), .we-button--pill-small:lang(ar), .we-button--pill:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-keycolor:lang(ja), .we-button--pill-small:lang(ja), .we-button--pill:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-keycolor:lang(ko), .we-button--pill-small:lang(ko), .we-button--pill:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-keycolor:lang(zh-CN), .we-button--pill-small:lang(zh-CN), .we-button--pill:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .is-itunes-theme .we-button--pill, .is-itunes-theme .we-button--pill-small { color: rgb(0, 112, 201); border: 1px solid rgb(239, 239, 244); background: rgb(239, 239, 244); } .is-itunes-theme .we-button--pill-small:hover, .is-itunes-theme .we-button--pill:hover { background: rgb(230, 230, 238); border-color: rgb(230, 230, 238); } .is-itunes-theme .we-button--pill-small.is-active, .is-itunes-theme .we-button--pill-small:active, .is-itunes-theme .we-button--pill.is-active, .is-itunes-theme .we-button--pill:active { background: rgb(221, 221, 232); border-color: rgb(221, 221, 232); } .is-itunes-theme .we-button--pill-small.disabled, .is-itunes-theme .we-button--pill-small:disabled, .is-itunes-theme .we-button--pill.disabled, .is-itunes-theme .we-button--pill:disabled { background: rgb(239, 239, 244); border-color: rgb(239, 239, 244); color: rgb(0, 112, 201); opacity: 0.3; } .is-tv-theme .we-button--pill, .is-tv-theme .we-button--pill-small { color: rgb(15, 110, 161); border: 1px solid rgb(239, 239, 244); background: rgb(239, 239, 244); } .is-tv-theme .we-button--pill-small:hover, .is-tv-theme .we-button--pill:hover { background: rgb(230, 230, 238); border-color: rgb(230, 230, 238); } .is-tv-theme .we-button--pill-small.is-active, .is-tv-theme .we-button--pill-small:active, .is-tv-theme .we-button--pill.is-active, .is-tv-theme .we-button--pill:active { background: rgb(221, 221, 232); border-color: rgb(221, 221, 232); } .is-tv-theme .we-button--pill-small.disabled, .is-tv-theme .we-button--pill-small:disabled, .is-tv-theme .we-button--pill.disabled, .is-tv-theme .we-button--pill:disabled { background: rgb(239, 239, 244); border-color: rgb(239, 239, 244); color: rgb(15, 110, 161); opacity: 0.3; } .is-mac-theme .we-button--pill, .is-mac-theme .we-button--pill-small { color: rgb(0, 112, 201); border: 1px solid rgb(239, 239, 244); background: rgb(239, 239, 244); } .is-mac-theme .we-button--pill-small:hover, .is-mac-theme .we-button--pill:hover { background: rgb(230, 230, 238); border-color: rgb(230, 230, 238); } .is-mac-theme .we-button--pill-small.is-active, .is-mac-theme .we-button--pill-small:active, .is-mac-theme .we-button--pill.is-active, .is-mac-theme .we-button--pill:active { background: rgb(221, 221, 232); border-color: rgb(221, 221, 232); } .is-mac-theme .we-button--pill-small.disabled, .is-mac-theme .we-button--pill-small:disabled, .is-mac-theme .we-button--pill.disabled, .is-mac-theme .we-button--pill:disabled { background: rgb(239, 239, 244); border-color: rgb(239, 239, 244); color: rgb(0, 112, 201); opacity: 0.3; } .is-podcasts-theme .we-button--pill, .is-podcasts-theme .we-button--pill-small { color: rgb(125, 80, 223); border: 1px solid rgb(239, 239, 244); background: rgb(239, 239, 244); } .is-podcasts-theme .we-button--pill-small:hover, .is-podcasts-theme .we-button--pill:hover { background: rgb(230, 230, 238); border-color: rgb(230, 230, 238); } .is-podcasts-theme .we-button--pill-small.is-active, .is-podcasts-theme .we-button--pill-small:active, .is-podcasts-theme .we-button--pill.is-active, .is-podcasts-theme .we-button--pill:active { background: rgb(221, 221, 232); border-color: rgb(221, 221, 232); } .is-podcasts-theme .we-button--pill-small.disabled, .is-podcasts-theme .we-button--pill-small:disabled, .is-podcasts-theme .we-button--pill.disabled, .is-podcasts-theme .we-button--pill:disabled { background: rgb(239, 239, 244); border-color: rgb(239, 239, 244); color: rgb(125, 80, 223); opacity: 0.3; } .is-apps-theme .we-button--pill, .is-apps-theme .we-button--pill-small { color: rgb(0, 112, 201); border: 1px solid rgb(239, 239, 244); background: rgb(239, 239, 244); } .is-apps-theme .we-button--pill-small:hover, .is-apps-theme .we-button--pill:hover { background: rgb(230, 230, 238); border-color: rgb(230, 230, 238); } .is-apps-theme .we-button--pill-small.is-active, .is-apps-theme .we-button--pill-small:active, .is-apps-theme .we-button--pill.is-active, .is-apps-theme .we-button--pill:active { background: rgb(221, 221, 232); border-color: rgb(221, 221, 232); } .is-apps-theme .we-button--pill-small.disabled, .is-apps-theme .we-button--pill-small:disabled, .is-apps-theme .we-button--pill.disabled, .is-apps-theme .we-button--pill:disabled { background: rgb(239, 239, 244); border-color: rgb(239, 239, 244); color: rgb(0, 112, 201); opacity: 0.3; } .we-button--pill:not(.we-button--spinner) { min-width: 48px; } .we-button--pill-small:not(.we-button--spinner) { min-width: 42px; } .is-itunes-theme .we-button--pill-keycolor { color: rgb(255, 255, 255); border: 1px solid rgb(0, 112, 201); background: rgb(0, 112, 201); } .is-itunes-theme .we-button--pill-keycolor:hover { background: rgb(0, 103, 186); border-color: rgb(0, 103, 186); } .is-itunes-theme .we-button--pill-keycolor.is-active, .is-itunes-theme .we-button--pill-keycolor:active { background: rgb(0, 95, 170); border-color: rgb(0, 95, 170); } .is-itunes-theme .we-button--pill-keycolor.disabled, .is-itunes-theme .we-button--pill-keycolor:disabled { background: rgb(0, 112, 201); border-color: rgb(0, 112, 201); color: rgb(255, 255, 255); opacity: 0.3; } .is-tv-theme .we-button--pill-keycolor { color: rgb(255, 255, 255); border: 1px solid rgb(15, 110, 161); background: rgb(15, 110, 161); } .is-tv-theme .we-button--pill-keycolor:hover { background: rgb(14, 100, 147); border-color: rgb(14, 100, 147); } .is-tv-theme .we-button--pill-keycolor.is-active, .is-tv-theme .we-button--pill-keycolor:active { background: rgb(12, 91, 133); border-color: rgb(12, 91, 133); } .is-tv-theme .we-button--pill-keycolor.disabled, .is-tv-theme .we-button--pill-keycolor:disabled { background: rgb(15, 110, 161); border-color: rgb(15, 110, 161); color: rgb(255, 255, 255); opacity: 0.3; } .is-mac-theme .we-button--pill-keycolor { color: rgb(255, 255, 255); border: 1px solid rgb(0, 112, 201); background: rgb(0, 112, 201); } .is-mac-theme .we-button--pill-keycolor:hover { background: rgb(0, 103, 186); border-color: rgb(0, 103, 186); } .is-mac-theme .we-button--pill-keycolor.is-active, .is-mac-theme .we-button--pill-keycolor:active { background: rgb(0, 95, 170); border-color: rgb(0, 95, 170); } .is-mac-theme .we-button--pill-keycolor.disabled, .is-mac-theme .we-button--pill-keycolor:disabled { background: rgb(0, 112, 201); border-color: rgb(0, 112, 201); color: rgb(255, 255, 255); opacity: 0.3; } .is-podcasts-theme .we-button--pill-keycolor { color: rgb(255, 255, 255); border: 1px solid rgb(125, 80, 223); background: rgb(125, 80, 223); } .is-podcasts-theme .we-button--pill-keycolor:hover { background: rgb(115, 67, 221); border-color: rgb(115, 67, 221); } .is-podcasts-theme .we-button--pill-keycolor.is-active, .is-podcasts-theme .we-button--pill-keycolor:active { background: rgb(106, 54, 218); border-color: rgb(106, 54, 218); } .is-podcasts-theme .we-button--pill-keycolor.disabled, .is-podcasts-theme .we-button--pill-keycolor:disabled { background: rgb(125, 80, 223); border-color: rgb(125, 80, 223); color: rgb(255, 255, 255); opacity: 0.3; } .is-apps-theme .we-button--pill-keycolor { color: rgb(255, 255, 255); border: 1px solid rgb(0, 112, 201); background: rgb(0, 112, 201); } .is-apps-theme .we-button--pill-keycolor:hover { background: rgb(0, 103, 186); border-color: rgb(0, 103, 186); } .is-apps-theme .we-button--pill-keycolor.is-active, .is-apps-theme .we-button--pill-keycolor:active { background: rgb(0, 95, 170); border-color: rgb(0, 95, 170); } .is-apps-theme .we-button--pill-keycolor.disabled, .is-apps-theme .we-button--pill-keycolor:disabled { background: rgb(0, 112, 201); border-color: rgb(0, 112, 201); color: rgb(255, 255, 255); opacity: 0.3; } .we-button--pill, .we-button--pill-keycolor { min-width: 48px; } .we-button--pill-small { min-width: 42px; padding: 0px 12px; background-color: rgb(248, 248, 248); border-color: rgb(248, 248, 248); height: 21px; font-size: 12px; line-height: 1.33337; font-weight: 600; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-small:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-small:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-small:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-small:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-small:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-small:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-small:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--pill-small:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .is-itunes-theme .we-button--pill-small:not(.we-button--pill-white):active, .is-itunes-theme .we-button--pill-small:not(.we-button--pill-white):focus, .is-itunes-theme .we-button--pill-small:not(.we-button--pill-white):hover { background-color: rgb(0, 112, 201); border-color: rgb(0, 112, 201); color: rgb(255, 255, 255); } .is-tv-theme .we-button--pill-small:not(.we-button--pill-white):active, .is-tv-theme .we-button--pill-small:not(.we-button--pill-white):focus, .is-tv-theme .we-button--pill-small:not(.we-button--pill-white):hover { background-color: rgb(15, 110, 161); border-color: rgb(15, 110, 161); color: rgb(255, 255, 255); } .is-mac-theme .we-button--pill-small:not(.we-button--pill-white):active, .is-mac-theme .we-button--pill-small:not(.we-button--pill-white):focus, .is-mac-theme .we-button--pill-small:not(.we-button--pill-white):hover { background-color: rgb(0, 112, 201); border-color: rgb(0, 112, 201); color: rgb(255, 255, 255); } .is-podcasts-theme .we-button--pill-small:not(.we-button--pill-white):active, .is-podcasts-theme .we-button--pill-small:not(.we-button--pill-white):focus, .is-podcasts-theme .we-button--pill-small:not(.we-button--pill-white):hover { background-color: rgb(125, 80, 223); border-color: rgb(125, 80, 223); color: rgb(255, 255, 255); } .is-apps-theme .we-button--pill-small:not(.we-button--pill-white):active, .is-apps-theme .we-button--pill-small:not(.we-button--pill-white):focus, .is-apps-theme .we-button--pill-small:not(.we-button--pill-white):hover { background-color: rgb(0, 112, 201); border-color: rgb(0, 112, 201); color: rgb(255, 255, 255); } .we-button--pill-small.icon-play::before { top: -1px; font-size: 11px; } .we-button--centered { padding-top: 1px; display: flex; justify-content: center; align-items: center; box-sizing: content-box; height: 20px; } .we-button--pill-keycolor { color: rgb(255, 255, 255); border: 1px solid rgb(0, 112, 201); background: rgb(0, 112, 201); } .we-button--pill-keycolor:hover { background: rgb(0, 103, 186); border-color: rgb(0, 103, 186); } .we-button--pill-keycolor.is-active, .we-button--pill-keycolor:active { background: rgb(0, 95, 170); border-color: rgb(0, 95, 170); } .we-button--pill-keycolor.disabled, .we-button--pill-keycolor:disabled { background: rgb(0, 112, 201); border-color: rgb(0, 112, 201); color: rgb(255, 255, 255); opacity: 0.3; } .we-button--outlined { border-radius: 4px; border-width: 1px; border-style: solid; border-color: rgb(0, 112, 201); background: 0px 0px; color: rgb(0, 112, 201); } .we-button--outlined:hover { border-color: rgb(0, 121, 216); background: 0px 0px; color: rgb(0, 121, 216); } .we-button--outlined.is-active, .we-button--outlined:active { border-color: rgb(0, 135, 242); background: 0px 0px; color: rgb(0, 135, 242); } .we-button--outlined.disabled, .we-button--outlined:disabled { border-color: rgb(0, 112, 201); background: 0px 0px; color: rgb(0, 112, 201); opacity: 0.3; } .is-itunes-theme .we-button--outlined { border-width: 1px; border-style: solid; border-color: rgb(0, 112, 201); background: 0px 0px; color: rgb(0, 112, 201); } .is-itunes-theme .we-button--outlined:hover { border-color: rgb(0, 121, 216); background: 0px 0px; color: rgb(0, 121, 216); } .is-itunes-theme .we-button--outlined.is-active, .is-itunes-theme .we-button--outlined:active { border-color: rgb(0, 135, 242); background: 0px 0px; color: rgb(0, 135, 242); } .is-itunes-theme .we-button--outlined.disabled, .is-itunes-theme .we-button--outlined:disabled { border-color: rgb(0, 112, 201); background: 0px 0px; color: rgb(0, 112, 201); opacity: 0.3; } .is-tv-theme .we-button--outlined { border-width: 1px; border-style: solid; border-color: rgb(15, 110, 161); background: 0px 0px; color: rgb(15, 110, 161); } .is-tv-theme .we-button--outlined:hover { border-color: rgb(16, 120, 175); background: 0px 0px; color: rgb(16, 120, 175); } .is-tv-theme .we-button--outlined.is-active, .is-tv-theme .we-button--outlined:active { border-color: rgb(18, 136, 198); background: 0px 0px; color: rgb(18, 136, 198); } .is-tv-theme .we-button--outlined.disabled, .is-tv-theme .we-button--outlined:disabled { border-color: rgb(15, 110, 161); background: 0px 0px; color: rgb(15, 110, 161); opacity: 0.3; } .is-mac-theme .we-button--outlined { border-width: 1px; border-style: solid; border-color: rgb(0, 112, 201); background: 0px 0px; color: rgb(0, 112, 201); } .is-mac-theme .we-button--outlined:hover { border-color: rgb(0, 121, 216); background: 0px 0px; color: rgb(0, 121, 216); } .is-mac-theme .we-button--outlined.is-active, .is-mac-theme .we-button--outlined:active { border-color: rgb(0, 135, 242); background: 0px 0px; color: rgb(0, 135, 242); } .is-mac-theme .we-button--outlined.disabled, .is-mac-theme .we-button--outlined:disabled { border-color: rgb(0, 112, 201); background: 0px 0px; color: rgb(0, 112, 201); opacity: 0.3; } .is-podcasts-theme .we-button--outlined { border-width: 1px; border-style: solid; border-color: rgb(125, 80, 223); background: 0px 0px; color: rgb(125, 80, 223); } .is-podcasts-theme .we-button--outlined:hover { border-color: rgb(135, 93, 225); background: 0px 0px; color: rgb(135, 93, 225); } .is-podcasts-theme .we-button--outlined.is-active, .is-podcasts-theme .we-button--outlined:active { border-color: rgb(151, 114, 229); background: 0px 0px; color: rgb(151, 114, 229); } .is-podcasts-theme .we-button--outlined.disabled, .is-podcasts-theme .we-button--outlined:disabled { border-color: rgb(125, 80, 223); background: 0px 0px; color: rgb(125, 80, 223); opacity: 0.3; } .is-apps-theme .we-button--outlined { border-width: 1px; border-style: solid; border-color: rgb(0, 112, 201); background: 0px 0px; color: rgb(0, 112, 201); } .is-apps-theme .we-button--outlined:hover { border-color: rgb(0, 121, 216); background: 0px 0px; color: rgb(0, 121, 216); } .is-apps-theme .we-button--outlined.is-active, .is-apps-theme .we-button--outlined:active { border-color: rgb(0, 135, 242); background: 0px 0px; color: rgb(0, 135, 242); } .is-apps-theme .we-button--outlined.disabled, .is-apps-theme .we-button--outlined:disabled { border-color: rgb(0, 112, 201); background: 0px 0px; color: rgb(0, 112, 201); opacity: 0.3; } .we-button--external { padding: 7px 8px 5px; animation: 0.2s ease 0s 1 normal none running we-button-fade-in; font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .we-button--external { padding: 7px 10px 5px; } } .we-button--external::after { font-size: 1.2em; font-weight: 300; padding-left: 0px; } .we-button--external:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--external:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--external:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--external:lang(zh) { letter-spacing: 0px; } .we-button--external:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--external:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--external:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--external:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button--external:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button__app-text { font-weight: 500; } .we-button__container { display: flex; align-items: flex-start; flex-direction: column; } @media only screen and (min-width: 735px) { .we-button__container { flex-direction: row; align-items: center; } } .we-button__app-subline { color: rgb(134, 134, 139); margin-top: 4px; font-size: 11px; line-height: 1.18182; font-weight: 400; letter-spacing: 0.006em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button__app-subline:lang(th) { line-height: 1.4005; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button__app-subline:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button__app-subline:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button__app-subline:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button__app-subline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button__app-subline:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button__app-subline:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-button__app-subline:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .we-button__app-subline { max-width: 140px; margin-top: 0px; margin-left: 8px; } } .is-apps-theme .we-button--light, .is-apps-theme .we-button--light:focus, .is-apps-theme .we-button--light:hover { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .badge { display: inline-block; border: 1px solid rgb(99, 99, 102); border-radius: 3px; color: rgb(99, 99, 102); text-align: center; white-space: nowrap; vertical-align: text-bottom; font-size: 7.5px; line-height: 1.06667; font-weight: 700; letter-spacing: -0.006em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; padding-left: 3px; padding-right: 3px; z-index: 1; } .badge:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .badge:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .badge:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .badge:lang(zh) { font-weight: 600; letter-spacing: 0px; } .badge:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .badge:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .badge:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .badge:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .badge:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .badge { font-size: 10px; line-height: 1.3; font-weight: 700; letter-spacing: -0.006em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .badge:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .badge:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .badge:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .badge:lang(zh) { font-weight: 600; letter-spacing: 0px; } .badge:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .badge:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .badge:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .badge:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .badge:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .badge--inverted { background-color: rgb(99, 99, 102); color: rgb(255, 255, 255); } .badge--no-border { border: 0px; } .badge--product-title { margin-bottom: 3px; padding-bottom: 0px; display: inline-block; font-size: 10.4px; letter-spacing: 0.04em; vertical-align: middle; } @media only screen and (min-width: 1069px) { .badge--product-title { margin-bottom: 2px; } } .badge-asset { display: inline-block; vertical-align: text-bottom; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; overflow: hidden; text-indent: 100%; white-space: nowrap; } .badge-asset--dbatmos { width: 54px; height: 15px; background-image: url("https://apps.apple.com/assets/images/badges/DolbyAtmos-70ab2ea7ee4691795d2b34690b0142fa.svg"); } @media only screen and (max-width: 734px) { .badge-asset--dbatmos.badge-asset--small-medium { width: 35px; height: 10px; } } .badge-asset--dbatmos.badge-asset--small { width: 35px; height: 10px; } .badge-asset--4k { width: 26px; height: 15px; background-image: url("https://apps.apple.com/assets/images/badges/4k-4c90fbf0a1821a598e773d5ea4ad6e77.svg"); } @media only screen and (max-width: 734px) { .badge-asset--4k.badge-asset--small-medium { width: 17px; height: 10px; } } .badge-asset--4k.badge-asset--small { width: 17px; height: 10px; } .badge-asset--dbvision { width: 53px; height: 15px; background-image: url("https://apps.apple.com/assets/images/badges/Dolby-497c98cb1fc2f03af4340eb7c773a89f.svg"); } @media only screen and (max-width: 734px) { .badge-asset--dbvision.badge-asset--small-medium { width: 35px; height: 10px; } } .badge-asset--dbvision.badge-asset--small { width: 35px; height: 10px; } .badge-asset--hdr { width: 34px; height: 15px; background-image: url("https://apps.apple.com/assets/images/badges/HDR-864ec51c88d14811cf718ff5967367bc.svg"); } @media only screen and (max-width: 734px) { .badge-asset--hdr.badge-asset--small-medium { width: 23px; height: 10px; } } .badge-asset--hdr.badge-asset--small { width: 23px; height: 10px; } .badge-asset--hd { width: 25px; height: 15px; background-image: url("https://apps.apple.com/assets/images/badges/HD-37d1d7ccaa33ae5e9cf0c9ef3065ef4e.svg"); } @media only screen and (max-width: 734px) { .badge-asset--hd.badge-asset--small-medium { width: 17px; height: 10px; } } .badge-asset--hd.badge-asset--small { width: 17px; height: 10px; } .badge-asset--cc { width: 26px; height: 15px; background-image: url("https://apps.apple.com/assets/images/badges/CC-2f7dac355007c6b3005c44335084a2aa.svg"); } @media only screen and (max-width: 734px) { .badge-asset--cc.badge-asset--small-medium { width: 17px; height: 10px; } } .badge-asset--cc.badge-asset--small { width: 17px; height: 10px; } .badge-asset--sdh { width: 31px; height: 15px; background-image: url("https://apps.apple.com/assets/images/badges/SDH-83bbf10234a14204c0cc79e0999bd051.svg"); } @media only screen and (max-width: 734px) { .badge-asset--sdh.badge-asset--small-medium { width: 21px; height: 10px; } } .badge-asset--sdh.badge-asset--small { width: 21px; height: 10px; } .badge-asset--ad { width: 25px; height: 15px; background-image: url("https://apps.apple.com/assets/images/badges/AD-3e35e8fab792644d6ee0f1d09e5e1255.svg"); } @media only screen and (max-width: 734px) { .badge-asset--ad.badge-asset--small-medium { width: 17px; height: 10px; } } .badge-asset--ad.badge-asset--small { width: 17px; height: 10px; } .badge-asset--us-g { width: 20px; height: 15px; } @media only screen and (max-width: 734px) { .badge-asset--us-g.badge-asset--small-medium { width: 14px; height: 10px; } } .badge-asset--us-g.badge-asset--small { width: 14px; height: 10px; } .badge-asset--us-nc17 { width: 44px; height: 15px; } @media only screen and (max-width: 734px) { .badge-asset--us-nc17.badge-asset--small-medium { width: 30px; height: 10px; } } .badge-asset--us-nc17.badge-asset--small { width: 30px; height: 10px; } .badge-asset--us-pg-13 { width: 44px; height: 15px; } @media only screen and (max-width: 734px) { .badge-asset--us-pg-13.badge-asset--small-medium { width: 30px; height: 10px; } } .badge-asset--us-pg-13.badge-asset--small { width: 30px; height: 10px; } .badge-asset--us-pg { width: 30px; height: 15px; } @media only screen and (max-width: 734px) { .badge-asset--us-pg.badge-asset--small-medium { width: 21px; height: 10px; } } .badge-asset--us-pg.badge-asset--small { width: 21px; height: 10px; } .badge-asset--us-r { width: 20px; height: 15px; } @media only screen and (max-width: 734px) { .badge-asset--us-r.badge-asset--small-medium { width: 14px; height: 10px; } } .badge-asset--us-r.badge-asset--small { width: 14px; height: 10px; } .badge-asset--us-nr { width: 69px; height: 15px; } @media only screen and (max-width: 734px) { .badge-asset--us-nr.badge-asset--small-medium { width: 46px; height: 10px; } } .badge-asset--us-nr.badge-asset--small { width: 46px; height: 10px; } .badge-asset--us-tv-14 { width: 39px; height: 15px; } @media only screen and (max-width: 734px) { .badge-asset--us-tv-14.badge-asset--small-medium { width: 26px; height: 10px; } } .badge-asset--us-tv-14.badge-asset--small { width: 26px; height: 10px; } .badge-asset--us-tv-g { width: 35px; height: 15px; } @media only screen and (max-width: 734px) { .badge-asset--us-tv-g.badge-asset--small-medium { width: 24px; height: 10px; } } .badge-asset--us-tv-g.badge-asset--small { width: 24px; height: 10px; } .badge-asset--us-tv-ma { width: 44px; height: 15px; } @media only screen and (max-width: 734px) { .badge-asset--us-tv-ma.badge-asset--small-medium { width: 30px; height: 10px; } } .badge-asset--us-tv-ma.badge-asset--small { width: 30px; height: 10px; } .badge-asset--us-tv-nr { width: 68px; height: 15px; } @media only screen and (max-width: 734px) { .badge-asset--us-tv-nr.badge-asset--small-medium { width: 46px; height: 10px; } } .badge-asset--us-tv-nr.badge-asset--small { width: 46px; height: 10px; } .badge-asset--us-tv-pg { width: 42px; height: 15px; } @media only screen and (max-width: 734px) { .badge-asset--us-tv-pg.badge-asset--small-medium { width: 28px; height: 10px; } } .badge-asset--us-tv-pg.badge-asset--small { width: 28px; height: 10px; } .badge-asset--us-tv-ur { width: 59px; height: 15px; } @media only screen and (max-width: 734px) { .badge-asset--us-tv-ur.badge-asset--small-medium { width: 40px; height: 10px; } } .badge-asset--us-tv-ur.badge-asset--small { width: 40px; height: 10px; } .badge-asset--us-tv-y { width: 34px; height: 15px; } @media only screen and (max-width: 734px) { .badge-asset--us-tv-y.badge-asset--small-medium { width: 23px; height: 10px; } } .badge-asset--us-tv-y.badge-asset--small { width: 23px; height: 10px; } .badge-asset--us-tv-y7 { width: 41px; height: 15px; } @media only screen and (max-width: 734px) { .badge-asset--us-tv-y7.badge-asset--small-medium { width: 28px; height: 10px; } } .badge-asset--us-tv-y7.badge-asset--small { width: 28px; height: 10px; } .badge-asset--us-tv-y7fv { width: 48px; height: 15px; } @media only screen and (max-width: 734px) { .badge-asset--us-tv-y7fv.badge-asset--small-medium { width: 32px; height: 10px; } } .badge-asset--us-tv-y7fv.badge-asset--small { width: 32px; height: 10px; } .badge-asset--us-unrated { width: 59px; height: 15px; } @media only screen and (max-width: 734px) { .badge-asset--us-unrated.badge-asset--small-medium { width: 40px; height: 10px; } } .badge-asset--us-unrated.badge-asset--small { width: 40px; height: 10px; } .badge-asset--gb-12 { width: 19px; height: 19px; } @media only screen and (max-width: 734px) { .badge-asset--gb-12.badge-asset--small-medium { width: 15px; height: 15px; } } .badge-asset--gb-12.badge-asset--small { width: 15px; height: 15px; } .badge-asset--gb-15 { width: 19px; height: 19px; } @media only screen and (max-width: 734px) { .badge-asset--gb-15.badge-asset--small-medium { width: 15px; height: 15px; } } .badge-asset--gb-15.badge-asset--small { width: 15px; height: 15px; } .badge-asset--gb-18 { width: 19px; height: 19px; } @media only screen and (max-width: 734px) { .badge-asset--gb-18.badge-asset--small-medium { width: 15px; height: 15px; } } .badge-asset--gb-18.badge-asset--small { width: 15px; height: 15px; } .badge-asset--gb-pg { width: 25.33px; height: 19px; } @media only screen and (max-width: 734px) { .badge-asset--gb-pg.badge-asset--small-medium { width: 15px; height: 15px; } } .badge-asset--gb-pg.badge-asset--small { width: 15px; height: 15px; } .badge-asset--gb-u { width: 25.33px; height: 19px; } @media only screen and (max-width: 734px) { .badge-asset--gb-u.badge-asset--small-medium { width: 22.5px; height: 15px; } } .badge-asset--gb-u.badge-asset--small { width: 22.5px; height: 15px; } .badge-asset--gb-unrated { width: 59px; height: 15px; } @media only screen and (max-width: 734px) { .badge-asset--gb-unrated.badge-asset--small-medium { width: 40px; height: 10px; } } .badge-asset--gb-unrated.badge-asset--small { width: 40px; height: 10px; } .badge-with-label { color: rgb(51, 51, 51); } .badge-with-label::before { content: ""; display: inline-block; background-size: 100%; background-position: center center; background-repeat: no-repeat; vertical-align: text-bottom; margin-right: 3px; } .badge-with-label--common-sense-age::before { width: 17px; height: 16px; background-image: url("https://apps.apple.com/assets/images/common_sense_media@2x-ba947a7e24841bcf89c8ceb8ad1e8740.svg"); background-size: 17px 16px; } .badge-with-label--rotten-tomatoes-rotten::before { width: 16px; height: 16px; background-image: url("https://apps.apple.com/assets/images/rotten-tomatoes/rottenTomatoesRotten@2x-98ec4a00ea3b3433cb7a1d7c002301ea.png"); } .badge-with-label--rotten-tomatoes-fresh::before { width: 16px; height: 16px; background-image: url("https://apps.apple.com/assets/images/rotten-tomatoes/rottenTomatoesFresh@2x-954fdebfc87f0e82ba498c2de76a1a60.png"); } .badge-with-label--rotten-tomatoes-certified-fresh::before { width: 16px; height: 16px; background-image: url("https://apps.apple.com/assets/images/rotten-tomatoes/rottenTomatoesCertified@2x-495b000fa56a535eaafd1b782dc3613d.png"); } .badge-with-label--rotten-tomatoes-audience-fresh::before { width: 12px; height: 16px; background-image: url("https://apps.apple.com/assets/images/rotten-tomatoes/rottenTomatoesAudienceFresh@2x-126f48ab0930a47341ea99db01d593e7.png"); } .badge-with-label--rotten-tomatoes-audience-rotten::before { width: 21px; height: 16px; background-image: url("https://apps.apple.com/assets/images/rotten-tomatoes/rottenTomatoesAudienceRotten@2x-d703c9bb4ccc877ca03ec8079db9d606.png"); } .carrier { margin-left: auto; margin-right: auto; max-width: 480px; padding-bottom: 7vh; } .carrier__title { margin-bottom: 1em; font-size: 26px; line-height: 1.23077; font-weight: 700; letter-spacing: 0.023em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__title:lang(zh) { font-weight: 600; } .carrier__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__title:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .carrier__title { font-size: 37px; line-height: 1.16224; font-weight: 700; letter-spacing: -0.008em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__title:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__title:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__title:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__title:lang(zh) { font-weight: 600; letter-spacing: 0px; } .carrier__title:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } @media only screen and (min-width: 735px) { .carrier__title { padding-left: 0.5em; } } .carrier__instructions { margin: 0px auto; font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__instructions:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__instructions:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__instructions:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__instructions:lang(zh) { letter-spacing: 0px; } .carrier__instructions:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__instructions:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__instructions:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__instructions:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__instructions:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__instructions_emph { margin: 0px auto 1em; font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: 0.024em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__instructions_emph:lang(zh) { font-weight: 600; } .carrier__instructions_emph:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__instructions_emph:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__instructions_emph:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__instructions_emph:lang(zh-CH) { font-weight: 600; } .carrier__instructions_emph:lang(th) { line-height: 1.422; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__instructions_emph:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__instructions_emph:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__instructions_emph:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__instructions_emph:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__steps { width: 255px; margin: auto auto 1em; } .carrier__steps li { list-style: inside disc; margin-bottom: 1em; font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__steps li:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__steps li:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__steps li:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__steps li:lang(zh) { letter-spacing: 0px; } .carrier__steps li:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__steps li:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__steps li:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__steps li:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carrier__steps li:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .editorial-lockup-large-shelf [href] { aspect-ratio: 16 / 9; display: block; text-decoration: none; } .editorial-lockup-large-shelf [href]:hover > .we-brick-large-card::before { opacity: 0.3; } .icon-clean-large::after, .icon-clean-large::before, .icon-clean::after, .icon-clean::before, .icon-explicit-large::after, .icon-explicit-large::before, .icon-explicit::after, .icon-explicit::before { color: rgb(99, 99, 102); } html[dir="rtl"] .icon-review-quote::after, html[dir="rtl"] .icon-review-quote::before { content: ""; } .icon-explicit-large:lang(ko)::after, .icon-explicit-large:lang(ko)::before, .icon-explicit:lang(ko)::after, .icon-explicit:lang(ko)::before { content: ""; } .inline-player { position: relative; z-index: 1; } .is-deep-linked .inline-player { color: rgb(0, 112, 201); } .is-itunes-theme .is-deep-linked .inline-player { color: rgb(0, 112, 201); } .is-tv-theme .is-deep-linked .inline-player { color: rgb(15, 110, 161); } .is-mac-theme .is-deep-linked .inline-player { color: rgb(0, 112, 201); } .is-podcasts-theme .is-deep-linked .inline-player { color: rgb(125, 80, 223); } .is-apps-theme .is-deep-linked .inline-player { color: rgb(0, 112, 201); } .is-deep-linked .is-now-playing .inline-player, .is-deep-linked.is-now-playing .inline-player, .is-now-playing .inline-player, .we-selectable-item--allows-interaction:focus .inline-player, .we-selectable-item--allows-interaction:hover .inline-player { color: transparent; } .inline-player--work { width: 100%; min-height: 26px; position: relative; z-index: 1; } .inline-player__background { fill: rgb(239, 239, 244); } .is-loading .inline-player__background, .is-now-playing .inline-player__background, .is-playing .inline-player__background { display: none; } .invoice { margin-left: auto; margin-right: auto; max-width: 480px; padding-bottom: 7vh; } .invoice__title { margin-bottom: 1em; font-size: 26px; line-height: 1.23077; font-weight: 700; letter-spacing: 0.023em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__title:lang(zh) { font-weight: 600; } .invoice__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__title:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .invoice__title { font-size: 37px; line-height: 1.16224; font-weight: 700; letter-spacing: -0.008em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__title:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__title:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__title:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__title:lang(zh) { font-weight: 600; letter-spacing: 0px; } .invoice__title:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } @media only screen and (min-width: 735px) { .invoice__title { padding-left: 0.5em; } } .invoice__instructions { margin: 0px auto; font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__instructions:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__instructions:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__instructions:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__instructions:lang(zh) { letter-spacing: 0px; } .invoice__instructions:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__instructions:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__instructions:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__instructions:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .invoice__instructions:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .radial-progress { position: absolute; top: 50%; transform: translate(-50%, -50%); transform-origin: center center; display: none; pointer-events: none; left: 50%; z-index: 1; } .radial-progress path, .radial-progress rect { fill: rgb(0, 112, 201); } .is-itunes-theme .radial-progress path, .is-itunes-theme .radial-progress rect { fill: rgb(0, 112, 201); } .is-tv-theme .radial-progress path, .is-tv-theme .radial-progress rect { fill: rgb(15, 110, 161); } .is-mac-theme .radial-progress path, .is-mac-theme .radial-progress rect { fill: rgb(0, 112, 201); } .is-podcasts-theme .radial-progress path, .is-podcasts-theme .radial-progress rect { fill: rgb(125, 80, 223); } .is-apps-theme .radial-progress path, .is-apps-theme .radial-progress rect { fill: rgb(0, 112, 201); } @supports (-ms-ime-align:auto) { html[dir="rtl"] .radial-progress { right: auto; left: 50%; } } .bordered-list__control:focus .radial-progress, .bordered-list__control:hover .radial-progress, .is-now-playing .radial-progress, .table__row__control:focus .radial-progress, .table__row__control:hover .radial-progress, .we-audio-controls--small-player .radial-progress, .we-selectable-item--allows-interaction:focus .radial-progress, .we-selectable-item--allows-interaction:hover .radial-progress { display: block; } .inline-player--work .radial-progress { transform: translate(0px, -50%); left: -5px; } .radial-progress.is-spinning { display: block; } .radial-progress--small-player { position: static; transform: none; } .radial-progress__indicator { transition: stroke-dashoffset 0.3s linear; stroke: rgb(0, 112, 201); } .is-itunes-theme .radial-progress__indicator { stroke: rgb(0, 112, 201); } .is-tv-theme .radial-progress__indicator { stroke: rgb(15, 110, 161); } .is-mac-theme .radial-progress__indicator { stroke: rgb(0, 112, 201); } .is-podcasts-theme .radial-progress__indicator { stroke: rgb(125, 80, 223); } .is-apps-theme .radial-progress__indicator { stroke: rgb(0, 112, 201); } .radial-progress__spinner { transform-origin: 50% 50%; stroke: rgb(0, 112, 201); } .radial-progress__spinner.is-spinning { animation: 1s linear 0s infinite normal none running loading-spinner; } .is-itunes-theme .radial-progress__spinner { stroke: rgb(0, 112, 201); } .is-tv-theme .radial-progress__spinner { stroke: rgb(15, 110, 161); } .is-mac-theme .radial-progress__spinner { stroke: rgb(0, 112, 201); } .is-podcasts-theme .radial-progress__spinner { stroke: rgb(125, 80, 223); } .is-apps-theme .radial-progress__spinner { stroke: rgb(0, 112, 201); } .radial-progress--small-player .radial-progress__background-circle, .table__row__track .radial-progress__background-circle { display: none; } @keyframes loading-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .radial-progress__pause-icon { opacity: 0; } .bordered-list__control:focus .radial-progress__pause-icon, .bordered-list__control:hover .radial-progress__pause-icon, .table__row__control:focus .radial-progress__pause-icon, .table__row__control:hover .radial-progress__pause-icon, .we-audio-controls--small-player .radial-progress__pause-icon, .we-selectable-item--allows-interaction:focus .radial-progress__pause-icon, .we-selectable-item--allows-interaction:hover .radial-progress__pause-icon { opacity: 1; } .radial-progress__eq-bars { height: 11px; width: 17px; position: absolute; top: 50%; display: flex; align-items: baseline; justify-content: center; transform: translate(-50%, -50%); opacity: 1; left: 50%; z-index: 1; } .bordered-list__control:focus .radial-progress__eq-bars, .bordered-list__control:hover .radial-progress__eq-bars, .table__row__control:focus .radial-progress__eq-bars, .table__row__control:hover .radial-progress__eq-bars, .we-selectable-item--allows-interaction:focus .radial-progress__eq-bars, .we-selectable-item--allows-interaction:hover .radial-progress__eq-bars { opacity: 0; } .radial-progress__eq-bars__bar { margin: 0px 0.5px; width: 3px; height: 11px; border-radius: 1px; animation-name: eq-bar; animation-duration: 0.5s; animation-play-state: running; animation-direction: alternate; animation-timing-function: ease-in-out; animation-iteration-count: infinite; transform-origin: center bottom; background-color: rgb(0, 112, 201); } .is-itunes-theme .radial-progress__eq-bars__bar { background-color: rgb(0, 112, 201); } .is-tv-theme .radial-progress__eq-bars__bar { background-color: rgb(15, 110, 161); } .is-mac-theme .radial-progress__eq-bars__bar { background-color: rgb(0, 112, 201); } .is-podcasts-theme .radial-progress__eq-bars__bar { background-color: rgb(125, 80, 223); } .is-apps-theme .radial-progress__eq-bars__bar { background-color: rgb(0, 112, 201); } .radial-progress__eq-bars__bar:nth-child(1) { max-height: 7px; animation-duration: 350ms; animation-delay: -250ms; content: "2"; } .bordered-list__item:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(1), .table__row:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(1), .we-selectable-item:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(1) { max-height: 9px; animation-duration: 425ms; animation-delay: -275ms; content: "3"; } .bordered-list__item:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(1), .table__row:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(1), .we-selectable-item:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(1) { max-height: 11px; animation-duration: 0.5s; animation-delay: -0.3s; content: "4"; } .bordered-list__item:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(1), .table__row:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(1), .we-selectable-item:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(1) { max-height: 5px; animation-duration: 275ms; animation-delay: -225ms; content: "1"; } .radial-progress__eq-bars__bar:nth-child(2) { max-height: 9px; animation-duration: 425ms; animation-delay: -275ms; content: "3"; } .bordered-list__item:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(2), .table__row:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(2), .we-selectable-item:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(2) { max-height: 11px; animation-duration: 0.5s; animation-delay: -0.3s; content: "4"; } .bordered-list__item:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(2), .table__row:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(2), .we-selectable-item:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(2) { max-height: 5px; animation-duration: 275ms; animation-delay: -225ms; content: "1"; } .bordered-list__item:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(2), .table__row:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(2), .we-selectable-item:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(2) { max-height: 7px; animation-duration: 350ms; animation-delay: -250ms; content: "2"; } .radial-progress__eq-bars__bar:nth-child(3) { max-height: 11px; animation-duration: 0.5s; animation-delay: -0.3s; content: "4"; } .bordered-list__item:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(3), .table__row:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(3), .we-selectable-item:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(3) { max-height: 5px; animation-duration: 275ms; animation-delay: -225ms; content: "1"; } .bordered-list__item:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(3), .table__row:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(3), .we-selectable-item:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(3) { max-height: 7px; animation-duration: 350ms; animation-delay: -250ms; content: "2"; } .bordered-list__item:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(3), .table__row:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(3), .we-selectable-item:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(3) { max-height: 9px; animation-duration: 425ms; animation-delay: -275ms; content: "3"; } .radial-progress__eq-bars__bar:nth-child(4) { max-height: 5px; animation-duration: 275ms; animation-delay: -225ms; content: "1"; } .bordered-list__item:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(4), .table__row:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(4), .we-selectable-item:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(4) { max-height: 7px; animation-duration: 350ms; animation-delay: -250ms; content: "2"; } .bordered-list__item:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(4), .table__row:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(4), .we-selectable-item:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(4) { max-height: 9px; animation-duration: 425ms; animation-delay: -275ms; content: "3"; } .bordered-list__item:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(4), .table__row:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(4), .we-selectable-item:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(4) { max-height: 11px; animation-duration: 0.5s; animation-delay: -0.3s; content: "4"; } @keyframes eq-bar { 0% { transform: scaleY(0.27273); } 100% { transform: none; } } .cast-list { margin-bottom: -24px; } .cast-list__role { padding-bottom: 24px; } .cast-list__detail, .cast-list__term { padding-top: 1px; padding-bottom: 1px; } .cast-list__term { font-size: 12px; line-height: 1.33337; font-weight: 600; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .cast-list__term:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .cast-list__term:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .cast-list__term:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .cast-list__term:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .cast-list__term:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .cast-list__term:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .cast-list__term:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .cast-list__term:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .cast-list__detail { color: rgb(99, 99, 102); font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .cast-list__detail:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .cast-list__detail:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .cast-list__detail:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .cast-list__detail:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .cast-list__detail:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .cast-list__detail:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .cast-list__detail:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .cast-list__detail:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list { display: flex; flex-wrap: wrap; margin: 0px; font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list > :first-child { margin-left: 0px; } .inline-list:last-of-type > :last-child { margin-right: 0px; } .inline-list:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list:lang(zh) { letter-spacing: 0px; } .inline-list:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list.small-hide { display: none; } .inline-list.small-show { display: flex; } @media only screen and (min-width: 735px) { .inline-list.medium-hide { display: none; } .inline-list.medium-show { display: flex; } } @media only screen and (min-width: 1069px) { .inline-list.large-hide { display: none; } .inline-list.large-show { display: flex; } } .inline-list--mobile-compact { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list--mobile-compact:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list--mobile-compact:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list--mobile-compact:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list--mobile-compact:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list--mobile-compact:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list--mobile-compact:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list--mobile-compact:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list--mobile-compact:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .inline-list--mobile-compact { font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list--mobile-compact:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list--mobile-compact:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list--mobile-compact:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list--mobile-compact:lang(zh) { letter-spacing: 0px; } .inline-list--mobile-compact:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list--mobile-compact:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list--mobile-compact:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list--mobile-compact:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list--mobile-compact:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .inline-list--truncate-single-line { flex-wrap: nowrap; overflow: hidden; } .inline-list--buy-rent { margin-bottom: 5px; } .inline-list__item { white-space: nowrap; } .inline-list--truncate-single-line .inline-list__item:last-child { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .inline-list__item--bulleted { display: inline-flex; } .inline-list__item--bulleted:not(:first-of-type)::before { z-index: 1; content: " · " / ""; } .inline-list__item--slashed { display: inline-flex; } .inline-list__item--slashed:not(:first-of-type)::before { z-index: 1; content: " / " / ""; } html[dir="rtl"] .inline-list__item--slashed:not(:first-of-type)::before { transform: scaleX(-1); } .inline-list__item--reduced { font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list__item--reduced:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list__item--reduced:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list__item--reduced:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list__item--reduced:lang(zh) { letter-spacing: 0px; } .inline-list__item--reduced:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list__item--reduced:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list__item--reduced:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list__item--reduced:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list__item--reduced:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .inline-list__item--margin-inline-start-small { margin-left: 4px; } .inline-list__item--margin-inline-end-small { margin-right: 4px; } .inline-list__item--margin-inline-start-large { margin-left: 20px; } .inline-list__item--margin-inline-end-large { margin-right: 20px; } .inline-list__item--margin-inline-end-rating { margin-right: 12px; } .inline-list__item--preorder-media { color: rgb(192, 64, 0); } .inline-list__item--preorder-media::after, .inline-list__item--preorder-media::before { color: rgb(99, 99, 102); } .inline-list__item--button { margin-right: 2px; } .inline-list--app-extensions { justify-content: center; } .section--information .inline-list--app-extensions { margin-top: 16px; } @media only screen and (max-width: 734px) { .inline-list__item--badge-with-label { position: relative; top: 3px; z-index: 1; } } .link-list__item { margin-bottom: 3px; } .link-list__item--a { font-size: 18px; line-height: 1.22226; font-weight: 400; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .link-list__item--a:lang(th) { line-height: 1.44839; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .link-list__item--a:lang(hi) { line-height: 1.41778; } .link-list__item--a:lang(ko) { line-height: 1.52381; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .link-list__item--a:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .link-list__item--a:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .link-list__item--a:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .link-list__item--a:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .link-list__item--a:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .link-list__item--a:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .link-list__item--a:first-child { border-top: 1px solid rgb(214, 214, 214); } @media only screen and (max-width: 734px) { .link-list--small-bordered .link-list__item { margin-bottom: 0px; padding-top: 17px; padding-bottom: 17px; border-bottom: 1px solid rgb(214, 214, 214); } .link-list--small-bordered a, .link-list--small-bordered button { margin-top: -17px; margin-bottom: -17px; padding-top: 17px; padding-bottom: 17px; width: 100%; display: block; } } @media only screen and (max-width: 734px) { .link-list--a .link-list__item { margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid rgb(214, 214, 214); } .link-list--a a, .link-list--a button { margin-top: -10px; margin-bottom: -10px; padding-top: 10px; padding-bottom: 10px; width: 100%; display: block; } } .bordered-list__item { width: 100%; display: block; min-height: 51px; position: relative; z-index: 1; } .bordered-list__copy { color: rgb(51, 51, 51); display: flex; flex-direction: column; justify-content: center; border-top: 1px solid rgb(214, 214, 214); } .bordered-list__copy--content-start { align-items: flex-start; } .bordered-list--with-artwork .bordered-list__item { display: inline-block; } .bordered-list--with-artwork .bordered-list__item__link-to { display: flex; } .bordered-list--with-artwork .bordered-list__artwork { margin-top: 3px; } .bordered-list--with-artwork .bordered-list__copy { padding-top: 2px; width: calc(100% - 59px); margin-left: 10px; } .bordered-list__control { width: 45px; height: 45px; box-sizing: content-box; position: absolute; top: 3px; cursor: pointer; z-index: 2; } .bordered-list__control__icon { width: 100%; height: 100%; border-radius: 3px; text-align: center; opacity: 0; transition: opacity 0.15s ease-in-out; } .is-loading .bordered-list__control__icon, .is-playing .bordered-list__control__icon { background-color: rgba(255, 255, 255, 0.9); backdrop-filter: blur(2px); } @supports (-ms-ime-align:auto) { .bordered-list__control__icon { border-radius: 0px; } } .bordered-list__control__icon:focus, .bordered-list__control__icon:hover, .is-now-playing .bordered-list__control__icon { opacity: 1; } .bordered-list__title { font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .bordered-list__title:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .bordered-list__title:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .bordered-list__title:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .bordered-list__title:lang(zh) { letter-spacing: 0px; } .bordered-list__title:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .bordered-list__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .bordered-list__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .bordered-list__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .bordered-list__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .bordered-list__subtitle { margin-top: 1px; max-width: 100%; color: rgb(99, 99, 102); font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .bordered-list__subtitle:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .bordered-list__subtitle:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .bordered-list__subtitle:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .bordered-list__subtitle:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .bordered-list__subtitle:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .bordered-list__subtitle:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .bordered-list__subtitle:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .bordered-list__subtitle:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .bordered-list__subtitle__date::before { content: " · "; display: inline; } @media only screen and (min-width: 735px) { .columned-list { column-count: 2; column-gap: 20px; } } @media only screen and (min-width: 1069px) { .columned-list { column-count: 1; column-gap: 19px; } } .columned-list__item { display: block; } .columned-list__item__right { float: right; } .list-with-numbers { --item-count-start: 0; width: 100%; display: table; list-style-type: none; counter-reset: listWithNumbersCounter var(--item-count-start); } .list-with-numbers--reversed { counter-reset: listWithNumbersCounter calc(var(--item-count-start) + 1); } .list-with-numbers--reversed .list-with-numbers__item { counter-increment: listWithNumbersCounter -1; } .list-with-numbers__item { display: table-row; counter-increment: listWithNumbersCounter 1; } .list-with-numbers--story .list-with-numbers__item + .list-with-numbers__item::before { padding-top: 19px; } .list-with-numbers__item::before { display: table-cell; content: counter(listWithNumbersCounter) "."; padding-right: 6px; } .list-with-numbers--story .list-with-numbers__item::before { width: 40px; color: rgb(0, 0, 0); content: counter(listWithNumbersCounter); font-size: 15px; line-height: 1.33338; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .list-with-numbers__item .list-with-numbers--no-decimal { content: counter(listWithNumbersCounter); } .list-with-numbers__item__title { width: 100%; max-width: 1px; display: table-cell; } .list-with-numbers__item__price { text-align: right; white-space: nowrap; padding-left: 6px; } .list-without-numbers { width: 100%; display: table; list-style-type: none; } .list-without-numbers__item { display: table-row; } .list-without-numbers--story .list-without-numbers__item + .list-without-numbers__item::before { padding-top: 19px; } .list-without-numbers__item::before { display: table-cell; content: "•"; padding-right: 6px; } .list-without-numbers--story .list-without-numbers__item::before { width: 40px; color: rgb(0, 0, 0); font-size: 15px; line-height: 1.33338; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .gallery-nav { margin-bottom: 10px; white-space: nowrap; overflow: auto hidden; } .gallery-nav::-webkit-scrollbar { display: none; } .gallery-nav__items { padding: 4px; display: inline-block; margin: 0px; list-style: none; font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .gallery-nav__items:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .gallery-nav__items:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .gallery-nav__items:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .gallery-nav__items:lang(zh) { letter-spacing: 0px; } .gallery-nav__items:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .gallery-nav__items:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .gallery-nav__items:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .gallery-nav__items:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .gallery-nav__items:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .gallery-nav__item { line-height: 21px; display: inline-block; margin-right: 14px; } .gallery-nav__item:first-child { margin-left: 0px; } .gallery-nav__item:last-child { margin-right: 0px; } .gallery-nav__item a, .gallery-nav__item button { display: inline-block; border-bottom: 2px solid rgba(0, 112, 201, 0); text-decoration: none; transition: border-bottom-color 0.15s ease-in-out; } .gallery-nav__item a.is-active, .gallery-nav__item button.is-active { border-bottom-color: rgb(0, 112, 201); cursor: default; } .table { width: 100%; border-collapse: collapse; } @media only screen and (min-width: 735px) { .table { margin-bottom: 15px; width: calc(100% - 12px); margin-left: 12px; } } .table__head { color: rgb(99, 99, 102); border-bottom: 1px solid rgb(214, 214, 214); } @media only screen and (max-width: 734px) { .table__head { clip-path: inset(100% 0px -1px); } .table__head th { color: transparent; } } @media only screen and (min-width: 1069px) { .table__head { border-top: 1px solid rgb(214, 214, 214); } .table--artwork .table__head { border-top: hidden; clip-path: inset(100% 0px -1px); } .table--artwork .table__head th { color: transparent; } } .table__head__heading { padding: 0px; text-align: center; font-size: 12px; line-height: 1.33337; font-weight: 600; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__head__heading:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__head__heading:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__head__heading:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__head__heading:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__head__heading:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__head__heading:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__head__heading:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__head__heading:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .table--see-all .table__head__heading { line-height: 30px; } } @media only screen and (min-width: 1069px) { .table__head__heading { line-height: 30px; } .table__head--songlist .table__head__heading { line-height: 0; } } .table__head__heading:nth-last-child(-n+1) { text-align: right; } .table__head__heading--title { width: 100%; text-align: left; } .table__head__heading--duration { padding-left: 10px; } @media only screen and (min-width: 735px) { .table__head__heading--duration { padding-left: 22px; } } @media only screen and (min-width: 1069px) { .table__head__heading--duration { padding-left: 28px; } } .table__head__heading--duration + .table__head__heading--price { padding-left: 10px; } @media only screen and (min-width: 735px) { .table__head__heading--duration + .table__head__heading--price { padding-left: 22px; } } @media only screen and (min-width: 1069px) { .table__head__heading--duration + .table__head__heading--price { padding-left: 28px; } } .table__head--songlist { border-top: none; clip-path: inset(100% 0px -1px); } .table__head--songlist .table__head__heading { line-height: 0; } .table__head--songlist th { padding: 1px 0px 0px; color: transparent; } .table__row { color: rgb(99, 99, 102); border-bottom: 1px solid rgb(214, 214, 214); font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__row:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__row:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__row:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__row:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__row:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__row:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__row:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__row:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__body--work, .table__body--work .table__row, .table__row.we-selectable-item--allows-interaction { vertical-align: baseline; } .table__body--work .table__row.is-deep-linked, .table__body--work .table__row.is-now-playing, .table__body--work .table__row:focus, .table__body--work .table__row:hover, .table__body--work.is-deep-linked, .table__body--work.is-now-playing, .table__body--work:focus, .table__body--work:hover, .table__row.we-selectable-item--allows-interaction.is-deep-linked, .table__row.we-selectable-item--allows-interaction.is-now-playing, .table__row.we-selectable-item--allows-interaction:focus, .table__row.we-selectable-item--allows-interaction:hover { border-top: none; } .table__body--work .table__row.is-deep-linked td, .table__body--work .table__row.is-now-playing td, .table__body--work .table__row:focus td, .table__body--work .table__row:hover td, .table__body--work.is-deep-linked td, .table__body--work.is-now-playing td, .table__body--work:focus td, .table__body--work:hover td, .table__row.we-selectable-item--allows-interaction.is-deep-linked td, .table__row.we-selectable-item--allows-interaction.is-now-playing td, .table__row.we-selectable-item--allows-interaction:focus td, .table__row.we-selectable-item--allows-interaction:hover td { border-collapse: separate; } .table__body--work .table__row.is-deep-linked, .table__body--work .table__row.is-now-playing, .table__body--work.is-deep-linked, .table__body--work.is-now-playing, .table__row.we-selectable-item--allows-interaction.is-deep-linked, .table__row.we-selectable-item--allows-interaction.is-now-playing { background-color: rgb(242, 248, 252); } .is-itunes-theme .table__body--work .table__row.is-deep-linked, .is-itunes-theme .table__body--work .table__row.is-now-playing, .is-itunes-theme .table__body--work.is-deep-linked, .is-itunes-theme .table__body--work.is-now-playing, .is-itunes-theme .table__row.we-selectable-item--allows-interaction.is-deep-linked, .is-itunes-theme .table__row.we-selectable-item--allows-interaction.is-now-playing { background-color: rgb(242, 248, 252); } .is-mac-theme .table__body--work .table__row.is-deep-linked, .is-mac-theme .table__body--work .table__row.is-now-playing, .is-mac-theme .table__body--work.is-deep-linked, .is-mac-theme .table__body--work.is-now-playing, .is-mac-theme .table__row.we-selectable-item--allows-interaction.is-deep-linked, .is-mac-theme .table__row.we-selectable-item--allows-interaction.is-now-playing { background-color: rgb(242, 248, 252); } .is-apps-theme .table__body--work .table__row.is-deep-linked, .is-apps-theme .table__body--work .table__row.is-now-playing, .is-apps-theme .table__body--work.is-deep-linked, .is-apps-theme .table__body--work.is-now-playing, .is-apps-theme .table__row.we-selectable-item--allows-interaction.is-deep-linked, .is-apps-theme .table__row.we-selectable-item--allows-interaction.is-now-playing { background-color: rgb(242, 248, 252); } .is-itunes-theme .table__body--work .table__row.is-deep-linked td:first-child, .is-itunes-theme .table__body--work .table__row.is-now-playing td:first-child, .is-itunes-theme .table__body--work.is-deep-linked td:first-child, .is-itunes-theme .table__body--work.is-now-playing td:first-child, .is-itunes-theme .table__row.we-selectable-item--allows-interaction.is-deep-linked td:first-child, .is-itunes-theme .table__row.we-selectable-item--allows-interaction.is-now-playing td:first-child { box-shadow: rgb(242, 248, 252) -12px 0px 0px 0px; } html[dir="rtl"] .is-itunes-theme .table__body--work .table__row.is-deep-linked td:first-child, html[dir="rtl"] .is-itunes-theme .table__body--work .table__row.is-now-playing td:first-child, html[dir="rtl"] .is-itunes-theme .table__body--work.is-deep-linked td:first-child, html[dir="rtl"] .is-itunes-theme .table__body--work.is-now-playing td:first-child, html[dir="rtl"] .is-itunes-theme .table__row.we-selectable-item--allows-interaction.is-deep-linked td:first-child, html[dir="rtl"] .is-itunes-theme .table__row.we-selectable-item--allows-interaction.is-now-playing td:first-child { box-shadow: rgb(242, 248, 252) 12px 0px 0px 0px; } .is-itunes-theme .table--see-all .table__body--work .table__row.is-deep-linked td:first-child, .is-itunes-theme .table--see-all .table__body--work .table__row.is-now-playing td:first-child, .is-itunes-theme .table--see-all .table__body--work.is-deep-linked td:first-child, .is-itunes-theme .table--see-all .table__body--work.is-now-playing td:first-child, .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-deep-linked td:first-child, .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-now-playing td:first-child { box-shadow: rgb(242, 248, 252) -4px 0px 0px 0px; } html[dir="rtl"] .is-itunes-theme .table--see-all .table__body--work .table__row.is-deep-linked td:first-child, html[dir="rtl"] .is-itunes-theme .table--see-all .table__body--work .table__row.is-now-playing td:first-child, html[dir="rtl"] .is-itunes-theme .table--see-all .table__body--work.is-deep-linked td:first-child, html[dir="rtl"] .is-itunes-theme .table--see-all .table__body--work.is-now-playing td:first-child, html[dir="rtl"] .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-deep-linked td:first-child, html[dir="rtl"] .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-now-playing td:first-child { box-shadow: rgb(242, 248, 252) 4px 0px 0px 0px; } .is-itunes-theme .table__body--work .table__row.is-deep-linked td:last-child, .is-itunes-theme .table__body--work .table__row.is-now-playing td:last-child, .is-itunes-theme .table__body--work.is-deep-linked td:last-child, .is-itunes-theme .table__body--work.is-now-playing td:last-child, .is-itunes-theme .table__row.we-selectable-item--allows-interaction.is-deep-linked td:last-child, .is-itunes-theme .table__row.we-selectable-item--allows-interaction.is-now-playing td:last-child { box-shadow: rgb(242, 248, 252) 12px 0px 0px 0px; } html[dir="rtl"] .is-itunes-theme .table__body--work .table__row.is-deep-linked td:last-child, html[dir="rtl"] .is-itunes-theme .table__body--work .table__row.is-now-playing td:last-child, html[dir="rtl"] .is-itunes-theme .table__body--work.is-deep-linked td:last-child, html[dir="rtl"] .is-itunes-theme .table__body--work.is-now-playing td:last-child, html[dir="rtl"] .is-itunes-theme .table__row.we-selectable-item--allows-interaction.is-deep-linked td:last-child, html[dir="rtl"] .is-itunes-theme .table__row.we-selectable-item--allows-interaction.is-now-playing td:last-child { box-shadow: rgb(242, 248, 252) -12px 0px 0px 0px; } .is-itunes-theme .table--see-all .table__body--work .table__row.is-deep-linked td:last-child, .is-itunes-theme .table--see-all .table__body--work .table__row.is-now-playing td:last-child, .is-itunes-theme .table--see-all .table__body--work.is-deep-linked td:last-child, .is-itunes-theme .table--see-all .table__body--work.is-now-playing td:last-child, .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-deep-linked td:last-child, .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-now-playing td:last-child { box-shadow: rgb(242, 248, 252) 4px 0px 0px 0px; } html[dir="rtl"] .is-itunes-theme .table--see-all .table__body--work .table__row.is-deep-linked td:last-child, html[dir="rtl"] .is-itunes-theme .table--see-all .table__body--work .table__row.is-now-playing td:last-child, html[dir="rtl"] .is-itunes-theme .table--see-all .table__body--work.is-deep-linked td:last-child, html[dir="rtl"] .is-itunes-theme .table--see-all .table__body--work.is-now-playing td:last-child, html[dir="rtl"] .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-deep-linked td:last-child, html[dir="rtl"] .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-now-playing td:last-child { box-shadow: rgb(242, 248, 252) -4px 0px 0px 0px; } .is-itunes-theme .table__body--work .table__row:focus, .is-itunes-theme .table__body--work .table__row:hover, .is-itunes-theme .table__body--work:focus, .is-itunes-theme .table__body--work:hover, .is-itunes-theme .table__row.we-selectable-item--allows-interaction:focus, .is-itunes-theme .table__row.we-selectable-item--allows-interaction:hover { background-color: rgb(248, 248, 248); } .is-itunes-theme .table__body--work .table__row:focus td:first-child, .is-itunes-theme .table__body--work .table__row:hover td:first-child, .is-itunes-theme .table__body--work:focus td:first-child, .is-itunes-theme .table__body--work:hover td:first-child, .is-itunes-theme .table__row.we-selectable-item--allows-interaction:focus td:first-child, .is-itunes-theme .table__row.we-selectable-item--allows-interaction:hover td:first-child { box-shadow: rgb(248, 248, 248) -12px 0px 0px 0px; } html[dir="rtl"] .is-itunes-theme .table__body--work .table__row:focus td:first-child, html[dir="rtl"] .is-itunes-theme .table__body--work .table__row:hover td:first-child, html[dir="rtl"] .is-itunes-theme .table__body--work:focus td:first-child, html[dir="rtl"] .is-itunes-theme .table__body--work:hover td:first-child, html[dir="rtl"] .is-itunes-theme .table__row.we-selectable-item--allows-interaction:focus td:first-child, html[dir="rtl"] .is-itunes-theme .table__row.we-selectable-item--allows-interaction:hover td:first-child { box-shadow: rgb(248, 248, 248) 12px 0px 0px 0px; } .is-itunes-theme .table--see-all .table__body--work .table__row:focus td:first-child, .is-itunes-theme .table--see-all .table__body--work .table__row:hover td:first-child, .is-itunes-theme .table--see-all .table__body--work:focus td:first-child, .is-itunes-theme .table--see-all .table__body--work:hover td:first-child, .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction:focus td:first-child, .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction:hover td:first-child { box-shadow: rgb(248, 248, 248) -4px 0px 0px 0px; } html[dir="rtl"] .is-itunes-theme .table--see-all .table__body--work .table__row:focus td:first-child, html[dir="rtl"] .is-itunes-theme .table--see-all .table__body--work .table__row:hover td:first-child, html[dir="rtl"] .is-itunes-theme .table--see-all .table__body--work:focus td:first-child, html[dir="rtl"] .is-itunes-theme .table--see-all .table__body--work:hover td:first-child, html[dir="rtl"] .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction:focus td:first-child, html[dir="rtl"] .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction:hover td:first-child { box-shadow: rgb(248, 248, 248) 4px 0px 0px 0px; } .is-itunes-theme .table__body--work .table__row:focus td:last-child, .is-itunes-theme .table__body--work .table__row:hover td:last-child, .is-itunes-theme .table__body--work:focus td:last-child, .is-itunes-theme .table__body--work:hover td:last-child, .is-itunes-theme .table__row.we-selectable-item--allows-interaction:focus td:last-child, .is-itunes-theme .table__row.we-selectable-item--allows-interaction:hover td:last-child { box-shadow: rgb(248, 248, 248) 12px 0px 0px 0px; } html[dir="rtl"] .is-itunes-theme .table__body--work .table__row:focus td:last-child, html[dir="rtl"] .is-itunes-theme .table__body--work .table__row:hover td:last-child, html[dir="rtl"] .is-itunes-theme .table__body--work:focus td:last-child, html[dir="rtl"] .is-itunes-theme .table__body--work:hover td:last-child, html[dir="rtl"] .is-itunes-theme .table__row.we-selectable-item--allows-interaction:focus td:last-child, html[dir="rtl"] .is-itunes-theme .table__row.we-selectable-item--allows-interaction:hover td:last-child { box-shadow: rgb(248, 248, 248) -12px 0px 0px 0px; } .is-itunes-theme .table--see-all .table__body--work .table__row:focus td:last-child, .is-itunes-theme .table--see-all .table__body--work .table__row:hover td:last-child, .is-itunes-theme .table--see-all .table__body--work:focus td:last-child, .is-itunes-theme .table--see-all .table__body--work:hover td:last-child, .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction:focus td:last-child, .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction:hover td:last-child { box-shadow: rgb(248, 248, 248) 4px 0px 0px 0px; } html[dir="rtl"] .is-itunes-theme .table--see-all .table__body--work .table__row:focus td:last-child, html[dir="rtl"] .is-itunes-theme .table--see-all .table__body--work .table__row:hover td:last-child, html[dir="rtl"] .is-itunes-theme .table--see-all .table__body--work:focus td:last-child, html[dir="rtl"] .is-itunes-theme .table--see-all .table__body--work:hover td:last-child, html[dir="rtl"] .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction:focus td:last-child, html[dir="rtl"] .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction:hover td:last-child { box-shadow: rgb(248, 248, 248) -4px 0px 0px 0px; } .table__body--work.is-deep-linked, .table__body--work.is-now-playing, .table__body--work:focus, .table__body--work:hover { border-top: 1px double transparent; } .table__body--work.is-deep-linked tr:first-of-type td:first-child, .table__body--work.is-now-playing tr:first-of-type td:first-child, .table__body--work:focus tr:first-of-type td:first-child, .table__body--work:hover tr:first-of-type td:first-child { border-radius: 6px 0px 0px; } html[dir="rtl"] .table__body--work.is-deep-linked tr:first-of-type td:first-child, html[dir="rtl"] .table__body--work.is-now-playing tr:first-of-type td:first-child, html[dir="rtl"] .table__body--work:focus tr:first-of-type td:first-child, html[dir="rtl"] .table__body--work:hover tr:first-of-type td:first-child { border-radius: 0px 6px 0px 0px; } .table__body--work.is-deep-linked tr:first-of-type td:last-child, .table__body--work.is-now-playing tr:first-of-type td:last-child, .table__body--work:focus tr:first-of-type td:last-child, .table__body--work:hover tr:first-of-type td:last-child { border-radius: 0px 6px 0px 0px; } html[dir="rtl"] .table__body--work.is-deep-linked tr:first-of-type td:last-child, html[dir="rtl"] .table__body--work.is-now-playing tr:first-of-type td:last-child, html[dir="rtl"] .table__body--work:focus tr:first-of-type td:last-child, html[dir="rtl"] .table__body--work:hover tr:first-of-type td:last-child { border-radius: 6px 0px 0px; } .table__body--work.is-deep-linked tr:last-of-type, .table__body--work.is-now-playing tr:last-of-type, .table__body--work:focus tr:last-of-type, .table__body--work:hover tr:last-of-type { border-bottom: 1px solid transparent; } .table__body--work.is-deep-linked tr:last-of-type td:first-child, .table__body--work.is-now-playing tr:last-of-type td:first-child, .table__body--work:focus tr:last-of-type td:first-child, .table__body--work:hover tr:last-of-type td:first-child { border-radius: 0px 0px 0px 6px; } html[dir="rtl"] .table__body--work.is-deep-linked tr:last-of-type td:first-child, html[dir="rtl"] .table__body--work.is-now-playing tr:last-of-type td:first-child, html[dir="rtl"] .table__body--work:focus tr:last-of-type td:first-child, html[dir="rtl"] .table__body--work:hover tr:last-of-type td:first-child { border-radius: 0px 0px 6px; } .table__body--work.is-deep-linked tr:last-of-type td:last-child, .table__body--work.is-now-playing tr:last-of-type td:last-child, .table__body--work:focus tr:last-of-type td:last-child, .table__body--work:hover tr:last-of-type td:last-child { border-radius: 0px 0px 6px; } html[dir="rtl"] .table__body--work.is-deep-linked tr:last-of-type td:last-child, html[dir="rtl"] .table__body--work.is-now-playing tr:last-of-type td:last-child, html[dir="rtl"] .table__body--work:focus tr:last-of-type td:last-child, html[dir="rtl"] .table__body--work:hover tr:last-of-type td:last-child { border-radius: 0px 0px 0px 6px; } .is-itunes-theme .table__body--work:focus tr, .is-itunes-theme .table__body--work:hover tr { background-color: rgb(248, 248, 248); } .table__row.is-deep-linked, .table__row.is-now-playing, .table__row.we-selectable-item--allows-interaction:focus, .table__row.we-selectable-item--allows-interaction:hover { border-radius: 6px; border-top: 1px double transparent; border-bottom: 1px solid transparent; border-collapse: separate; } .table__row.is-deep-linked td:first-child, .table__row.is-now-playing td:first-child, .table__row:focus td:first-child, .table__row:hover td:first-child { border-radius: 6px 0px 0px 6px; } html[dir="rtl"] .table__row.is-deep-linked td:first-child, html[dir="rtl"] .table__row.is-now-playing td:first-child, html[dir="rtl"] .table__row:focus td:first-child, html[dir="rtl"] .table__row:hover td:first-child { border-radius: 0px 6px 6px 0px; } .table__row.is-deep-linked td:last-child, .table__row.is-now-playing td:last-child, .table__row:focus td:last-child, .table__row:hover td:last-child { border-radius: 0px 6px 6px 0px; } html[dir="rtl"] .table__row.is-deep-linked td:last-child, html[dir="rtl"] .table__row.is-now-playing td:last-child, html[dir="rtl"] .table__row:focus td:last-child, html[dir="rtl"] .table__row:hover td:last-child { border-radius: 6px 0px 0px 6px; } .table__row td { height: 51px; vertical-align: middle; } .table__row__name { padding: 0px; max-width: 1px; } .table__row__duration, .table__row__price { padding: 0px; text-align: right; white-space: nowrap; color: rgb(99, 99, 102); } .is-deep-linked .table__row__duration, .is-deep-linked .table__row__price, .is-now-playing .table__row__duration, .is-now-playing .table__row__price, .we-selectable-item--allows-interaction:focus .table__row__duration, .we-selectable-item--allows-interaction:focus .table__row__price, .we-selectable-item--allows-interaction:hover .table__row__duration, .we-selectable-item--allows-interaction:hover .table__row__price { color: rgb(0, 112, 201); } .is-itunes-theme .is-deep-linked .table__row__duration, .is-itunes-theme .is-deep-linked .table__row__price, .is-itunes-theme .is-now-playing .table__row__duration, .is-itunes-theme .is-now-playing .table__row__price, .is-itunes-theme .we-selectable-item--allows-interaction:focus .table__row__duration, .is-itunes-theme .we-selectable-item--allows-interaction:focus .table__row__price, .is-itunes-theme .we-selectable-item--allows-interaction:hover .table__row__duration, .is-itunes-theme .we-selectable-item--allows-interaction:hover .table__row__price { color: rgb(0, 112, 201); } .is-tv-theme .is-deep-linked .table__row__duration, .is-tv-theme .is-deep-linked .table__row__price, .is-tv-theme .is-now-playing .table__row__duration, .is-tv-theme .is-now-playing .table__row__price, .is-tv-theme .we-selectable-item--allows-interaction:focus .table__row__duration, .is-tv-theme .we-selectable-item--allows-interaction:focus .table__row__price, .is-tv-theme .we-selectable-item--allows-interaction:hover .table__row__duration, .is-tv-theme .we-selectable-item--allows-interaction:hover .table__row__price { color: rgb(15, 110, 161); } .is-mac-theme .is-deep-linked .table__row__duration, .is-mac-theme .is-deep-linked .table__row__price, .is-mac-theme .is-now-playing .table__row__duration, .is-mac-theme .is-now-playing .table__row__price, .is-mac-theme .we-selectable-item--allows-interaction:focus .table__row__duration, .is-mac-theme .we-selectable-item--allows-interaction:focus .table__row__price, .is-mac-theme .we-selectable-item--allows-interaction:hover .table__row__duration, .is-mac-theme .we-selectable-item--allows-interaction:hover .table__row__price { color: rgb(0, 112, 201); } .is-podcasts-theme .is-deep-linked .table__row__duration, .is-podcasts-theme .is-deep-linked .table__row__price, .is-podcasts-theme .is-now-playing .table__row__duration, .is-podcasts-theme .is-now-playing .table__row__price, .is-podcasts-theme .we-selectable-item--allows-interaction:focus .table__row__duration, .is-podcasts-theme .we-selectable-item--allows-interaction:focus .table__row__price, .is-podcasts-theme .we-selectable-item--allows-interaction:hover .table__row__duration, .is-podcasts-theme .we-selectable-item--allows-interaction:hover .table__row__price { color: rgb(125, 80, 223); } .is-apps-theme .is-deep-linked .table__row__duration, .is-apps-theme .is-deep-linked .table__row__price, .is-apps-theme .is-now-playing .table__row__duration, .is-apps-theme .is-now-playing .table__row__price, .is-apps-theme .we-selectable-item--allows-interaction:focus .table__row__duration, .is-apps-theme .we-selectable-item--allows-interaction:focus .table__row__price, .is-apps-theme .we-selectable-item--allows-interaction:hover .table__row__duration, .is-apps-theme .we-selectable-item--allows-interaction:hover .table__row__price { color: rgb(0, 112, 201); } @media only screen and (min-width: 1069px) { .table__row__duration, .table__row__price { text-align: center; } .table__row__duration:nth-last-child(-n+1), .table__row__price:nth-last-child(-n+1) { text-align: right; } } .table__row__price { font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; } .table__row__duration { position: relative; padding-left: 10px; z-index: 1; } @media only screen and (min-width: 735px) { .table__row__duration { padding-left: 22px; } } @media only screen and (min-width: 1069px) { .table__row__duration { padding-left: 28px; } } .table__row__duration + .table__row__price { padding-left: 10px; } @media only screen and (min-width: 735px) { .table__row__duration + .table__row__price { padding-left: 22px; } } @media only screen and (min-width: 1069px) { .table__row__duration + .table__row__price { padding-left: 28px; } } .table__row__duration::after { content: attr(data-duration-width); visibility: hidden; } .table__row__duration-counter { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; right: 0px; } .table__row__headline { color: rgb(51, 51, 51); font-size: 13px; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5em; } .table__row__headline:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__row__headline:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__row__headline:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__row__headline:lang(zh) { letter-spacing: 0px; } .table__row__headline:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__row__headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__row__headline:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__row__headline:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__row__headline:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table__row.is-deep-linked .table__row__headline, .table__row.is-now-playing .table__row__headline, .table__row__link:focus .table__row__headline, .table__row__link:hover .table__row__headline, .we-selectable-item--allows-interaction:focus .table__row__headline, .we-selectable-item--allows-interaction:hover .table__row__headline { color: rgb(0, 112, 201); } .is-itunes-theme .table__row.is-deep-linked .table__row__headline, .is-itunes-theme .table__row.is-now-playing .table__row__headline, .is-itunes-theme .table__row__link:focus .table__row__headline, .is-itunes-theme .table__row__link:hover .table__row__headline, .is-itunes-theme .we-selectable-item--allows-interaction:focus .table__row__headline, .is-itunes-theme .we-selectable-item--allows-interaction:hover .table__row__headline { color: rgb(0, 112, 201); } .is-tv-theme .table__row.is-deep-linked .table__row__headline, .is-tv-theme .table__row.is-now-playing .table__row__headline, .is-tv-theme .table__row__link:focus .table__row__headline, .is-tv-theme .table__row__link:hover .table__row__headline, .is-tv-theme .we-selectable-item--allows-interaction:focus .table__row__headline, .is-tv-theme .we-selectable-item--allows-interaction:hover .table__row__headline { color: rgb(15, 110, 161); } .is-mac-theme .table__row.is-deep-linked .table__row__headline, .is-mac-theme .table__row.is-now-playing .table__row__headline, .is-mac-theme .table__row__link:focus .table__row__headline, .is-mac-theme .table__row__link:hover .table__row__headline, .is-mac-theme .we-selectable-item--allows-interaction:focus .table__row__headline, .is-mac-theme .we-selectable-item--allows-interaction:hover .table__row__headline { color: rgb(0, 112, 201); } .is-podcasts-theme .table__row.is-deep-linked .table__row__headline, .is-podcasts-theme .table__row.is-now-playing .table__row__headline, .is-podcasts-theme .table__row__link:focus .table__row__headline, .is-podcasts-theme .table__row__link:hover .table__row__headline, .is-podcasts-theme .we-selectable-item--allows-interaction:focus .table__row__headline, .is-podcasts-theme .we-selectable-item--allows-interaction:hover .table__row__headline { color: rgb(125, 80, 223); } .is-apps-theme .table__row.is-deep-linked .table__row__headline, .is-apps-theme .table__row.is-now-playing .table__row__headline, .is-apps-theme .table__row__link:focus .table__row__headline, .is-apps-theme .table__row__link:hover .table__row__headline, .is-apps-theme .we-selectable-item--allows-interaction:focus .table__row__headline, .is-apps-theme .we-selectable-item--allows-interaction:hover .table__row__headline { color: rgb(0, 112, 201); } .table__row__explicit::after { font-size: 13px; } .table__row__star-rating { width: 9px; height: 9px; display: flex; position: absolute; top: 50%; transform: translateY(-50%); align-items: center; left: -9px; z-index: 2; } .is-deep-linked .table__row__star-rating, .is-now-playing .table__row__star-rating { color: rgb(0, 112, 201); } .is-itunes-theme .is-deep-linked .table__row__star-rating, .is-itunes-theme .is-now-playing .table__row__star-rating { color: rgb(0, 112, 201); } .is-tv-theme .is-deep-linked .table__row__star-rating, .is-tv-theme .is-now-playing .table__row__star-rating { color: rgb(15, 110, 161); } .is-mac-theme .is-deep-linked .table__row__star-rating, .is-mac-theme .is-now-playing .table__row__star-rating { color: rgb(0, 112, 201); } .is-podcasts-theme .is-deep-linked .table__row__star-rating, .is-podcasts-theme .is-now-playing .table__row__star-rating { color: rgb(125, 80, 223); } .is-apps-theme .is-deep-linked .table__row__star-rating, .is-apps-theme .is-now-playing .table__row__star-rating { color: rgb(0, 112, 201); } .table--artwork, .table--see-all { margin-bottom: 4px; } .table--artwork .table__head__heading--album, .table--artwork .table__head__heading--artist, .table--artwork .table__head__heading--song, .table--see-all .table__head__heading--album, .table--see-all .table__head__heading--artist, .table--see-all .table__head__heading--song { text-align: left; white-space: nowrap; } .table--artwork .table__head__heading--artwork, .table--see-all .table__head__heading--artwork { width: 50px; } .table--artwork .table__head__heading--artist, .table--see-all .table__head__heading--artist { width: 25%; } .table--artwork .table__head__heading--album, .table--see-all .table__head__heading--album { width: 43%; } @media only screen and (min-width: 1069px) { .table--artwork .table__head__heading--album, .table--see-all .table__head__heading--album { width: 25%; max-width: 1px; } } .table--artwork .table__head__heading--artist, .table--artwork .table__row__album, .table--artwork .table__row__artist, .table--see-all .table__head__heading--artist, .table--see-all .table__row__album, .table--see-all .table__row__artist { max-width: 1px; } .table--artwork .table__head__heading--duration, .table--artwork .table__row__duration, .table--see-all .table__head__heading--duration, .table--see-all .table__row__duration { width: 5%; min-width: 80px; white-space: nowrap; } .table--artwork .table__row, .table--see-all .table__row { font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table--artwork .table__row:lang(ar), .table--see-all .table__row:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table--artwork .table__row:lang(ja), .table--see-all .table__row:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table--artwork .table__row:lang(ko), .table--see-all .table__row:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table--artwork .table__row:lang(zh), .table--see-all .table__row:lang(zh) { letter-spacing: 0px; } .table--artwork .table__row:lang(th), .table--see-all .table__row:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table--artwork .table__row:lang(zh-CN), .table--see-all .table__row:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table--artwork .table__row:lang(zh-HK), .table--see-all .table__row:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table--artwork .table__row:lang(zh-MO), .table--see-all .table__row:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table--artwork .table__row:lang(zh-TW), .table--see-all .table__row:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .table--artwork .table__row:last-child, .table--see-all .table__row:last-child { border-bottom: none; } @media only screen and (min-width: 735px) { .table--artwork .table__row:last-child, .table--see-all .table__row:last-child { border-bottom: 1px solid rgb(214, 214, 214); } } .table--artwork .table__row__artwork, .table--see-all .table__row__artwork { padding: 4px 0px 5px; position: relative; font-size: 0px; border-bottom: 1px solid rgb(255, 255, 255); border-top: 1px solid rgb(255, 255, 255); z-index: 1; } @media only screen and (min-width: 735px) { .table--artwork .table__row__artwork, .table--see-all .table__row__artwork { padding: 4px 0px; } } .table--artwork .table__row__artwork .we-artwork, .table--see-all .table__row__artwork .we-artwork { margin-right: 10px; } .table--artwork .table__row__artist, .table--artwork .table__row__name, .table--see-all .table__row__artist, .table--see-all .table__row__name { padding-right: 10px; } .table--see-all { margin: 0px; width: 100%; } @media only screen and (min-width: 735px) { .table--see-all .table__head { visibility: visible; border-top: 1px solid rgb(214, 214, 214); } } .table--see-all .table__row { cursor: default; } .table--see-all .table__row__artwork { border-top: 1px solid transparent; } @media only screen and (min-width: 735px) { .table--see-all .table__row__artwork { border: none; } } .table__row__link { max-width: 100%; display: inline-flex; align-items: center; color: inherit; } .is-deep-linked .table__row__link, .is-now-playing .table__row__link, .table__row__link:focus, .table__row__link:hover, .we-selectable-item--allows-interaction:focus .table__row__link, .we-selectable-item--allows-interaction:hover .table__row__link { color: rgb(0, 112, 201); } .is-itunes-theme .is-deep-linked .table__row__link, .is-itunes-theme .is-now-playing .table__row__link, .is-itunes-theme .table__row__link:focus, .is-itunes-theme .table__row__link:hover, .is-itunes-theme .we-selectable-item--allows-interaction:focus .table__row__link, .is-itunes-theme .we-selectable-item--allows-interaction:hover .table__row__link { color: rgb(0, 112, 201); } .is-tv-theme .is-deep-linked .table__row__link, .is-tv-theme .is-now-playing .table__row__link, .is-tv-theme .table__row__link:focus, .is-tv-theme .table__row__link:hover, .is-tv-theme .we-selectable-item--allows-interaction:focus .table__row__link, .is-tv-theme .we-selectable-item--allows-interaction:hover .table__row__link { color: rgb(15, 110, 161); } .is-mac-theme .is-deep-linked .table__row__link, .is-mac-theme .is-now-playing .table__row__link, .is-mac-theme .table__row__link:focus, .is-mac-theme .table__row__link:hover, .is-mac-theme .we-selectable-item--allows-interaction:focus .table__row__link, .is-mac-theme .we-selectable-item--allows-interaction:hover .table__row__link { color: rgb(0, 112, 201); } .is-podcasts-theme .is-deep-linked .table__row__link, .is-podcasts-theme .is-now-playing .table__row__link, .is-podcasts-theme .table__row__link:focus, .is-podcasts-theme .table__row__link:hover, .is-podcasts-theme .we-selectable-item--allows-interaction:focus .table__row__link, .is-podcasts-theme .we-selectable-item--allows-interaction:hover .table__row__link { color: rgb(125, 80, 223); } .is-apps-theme .is-deep-linked .table__row__link, .is-apps-theme .is-now-playing .table__row__link, .is-apps-theme .table__row__link:focus, .is-apps-theme .table__row__link:hover, .is-apps-theme .we-selectable-item--allows-interaction:focus .table__row__link, .is-apps-theme .we-selectable-item--allows-interaction:hover .table__row__link { color: rgb(0, 112, 201); } .is-deep-linked .table__row__link--secondary, .is-now-playing .table__row__link--secondary, .table__row__link--secondary:focus, .table__row__link--secondary:hover, .we-selectable-item--allows-interaction:focus .table__row__link--secondary, .we-selectable-item--allows-interaction:hover .table__row__link--secondary { opacity: 0.8; } @media only screen and (min-width: 1069px) { .table--see-all .table__row__link--secondary { height: 53px; display: inline-flex; align-items: center; } .table--see-all .table__row__link--secondary.large-hide { display: none; } } .table__row__control { width: 45px; height: 45px; position: absolute; top: 4px; cursor: pointer; z-index: 2; } @media only screen and (min-width: 735px) { .table__row__control { width: 48px; height: 48px; } } .table__row__control__icon { width: 100%; height: 100%; border-radius: 3px; text-align: center; opacity: 0; transition: opacity 0.15s ease-in-out; } .is-loading .table__row__control__icon, .is-playing .table__row__control__icon { background-color: rgba(255, 255, 255, 0.9); backdrop-filter: blur(2px); } @supports (-ms-ime-align:auto) { .table__row__control__icon { border-radius: 0px; } } .is-now-playing .table__row__control__icon, .table__row__control__icon:focus, .table__row__control__icon:hover { opacity: 1; } .table__row__box { display: flex; align-items: center; } .table__row__badge { display: inline-block; font-size: 15px; line-height: 1; vertical-align: inherit; color: rgb(51, 51, 51); } .table__row__badge::after { padding-right: 10px; } .table__row__titles { max-width: 100%; min-width: 0.1%; } .table__row__badge + .table__row__titles { max-width: calc(100% - 35px); } html[dir="rtl"] .table__row__titles [dir="rtl"] { text-align: inherit; } .table__row__share { padding: 0px; position: relative; z-index: 2; } .spread { max-width: 100%; display: flex; align-items: baseline; justify-content: space-between; } .spread > :not(:last-child) { margin-right: 5px; } .spread__badge-inline-end { font-size: 19px; line-height: 1; color: rgb(99, 99, 102); margin-left: auto; } .spread__badge-inline + .spread__badge-inline, .spread__badge-inline-end + .spread__badge-inline-end { margin-left: 5px; } .tracks__track { padding-top: 14px; padding-bottom: 14px; border-top: 1px solid rgb(214, 214, 214); } @media only screen and (min-width: 1069px) { .tracks__track { padding-top: 18px; padding-bottom: 18px; } } .tracks--linear-show .tracks__track:first-child, .tracks--season .tracks__track:first-child { border-top: none; padding-top: 0px; } @media only screen and (min-width: 735px) { .no-js .tracks__track { display: flex; } } @media only screen and (max-width: 1068px) { .tracks__track .tracks__track__inline-brands { display: none; } } .tracks__track__copy, .tracks__track__eyebrow, .tracks__track__subcopy { position: relative; color: rgb(99, 99, 102); } .tracks__track__headline { position: relative; color: rgb(51, 51, 51); margin-bottom: 6px; z-index: 1; font-size: 15px; line-height: 1.33338; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .tracks__track__headline { margin-bottom: 3px; } } @media only screen and (min-width: 1069px) { .tracks__track__headline { margin-bottom: 2px; } } .tracks__track__headline:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__headline:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__headline:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__headline:lang(zh) { letter-spacing: 0px; } .tracks__track__headline:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__headline:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__headline:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__headline:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 1069px) { .tracks__track__headline { font-size: 18px; line-height: 1.22226; font-weight: 600; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__headline:lang(th) { line-height: 1.44839; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__headline:lang(hi) { line-height: 1.41778; } .tracks__track__headline:lang(ko) { line-height: 1.52381; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__headline:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__headline:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__headline:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__headline:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__headline:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .tracks__track__link:active .tracks__track__headline, .tracks__track__link:focus .tracks__track__headline, .tracks__track__link:hover .tracks__track__headline { color: rgb(0, 112, 201); } .is-itunes-theme .tracks__track__link:active .tracks__track__headline, .is-itunes-theme .tracks__track__link:focus .tracks__track__headline, .is-itunes-theme .tracks__track__link:hover .tracks__track__headline { color: rgb(0, 112, 201); } .is-tv-theme .tracks__track__link:active .tracks__track__headline, .is-tv-theme .tracks__track__link:focus .tracks__track__headline, .is-tv-theme .tracks__track__link:hover .tracks__track__headline { color: rgb(15, 110, 161); } .is-mac-theme .tracks__track__link:active .tracks__track__headline, .is-mac-theme .tracks__track__link:focus .tracks__track__headline, .is-mac-theme .tracks__track__link:hover .tracks__track__headline { color: rgb(0, 112, 201); } .is-podcasts-theme .tracks__track__link:active .tracks__track__headline, .is-podcasts-theme .tracks__track__link:focus .tracks__track__headline, .is-podcasts-theme .tracks__track__link:hover .tracks__track__headline { color: rgb(125, 80, 223); } .is-apps-theme .tracks__track__link:active .tracks__track__headline, .is-apps-theme .tracks__track__link:focus .tracks__track__headline, .is-apps-theme .tracks__track__link:hover .tracks__track__headline { color: rgb(0, 112, 201); } .tracks__track__headline .icon-after::after { font-size: 13px; font-weight: 400; margin-right: 0.3em; } .tracks__track__link--block { font-size: 0px; position: absolute; display: block; inset: 0px; z-index: 2; } .tracks__track__link--block ~ .tracks__track__headline { padding-right: 18px; } .tracks__track__link--block ~ .tracks__track__headline::after, .tracks__track__link--block ~ .tracks__track__headline::before { font-family: "SF Pro Icons", "Apple WebExp Icons Custom"; color: inherit; display: inline-block; font-style: normal; font-weight: inherit; font-size: inherit; line-height: 1; text-decoration: underline; position: relative; z-index: 1; } .tracks__track__link--block ~ .tracks__track__headline::after, .tracks__track__link--block ~ .tracks__track__headline::before { text-decoration: none; } .tracks__track__link--block ~ .tracks__track__headline::before { display: none; } .tracks__track__link--block ~ .tracks__track__headline::after, .tracks__track__link--block ~ .tracks__track__headline::before { content: ""; } .tracks__track__link--block ~ .tracks__track__headline::after { padding-left: 0.3em; top: 50%; } .tracks__track__link--block ~ .tracks__track__headline::after { position: absolute; color: rgb(99, 99, 102); font-size: 26px; font-weight: 400; transform: translateY(-50%); right: 0px; z-index: 1; } html[dir="rtl"] .tracks__track__link--block ~ .tracks__track__headline::after { content: ""; } @supports (-ms-ime-align:auto) { .tracks__track__link--block ~ .tracks__track__headline::after { transform: translateY(-60%); } } .tracks__track__link--block ~ .tracks__track__copy, .tracks__track__link--block ~ .tracks__track__subcopy { padding-right: 18px; } .tracks__track__link--block:active ~ .tracks__track__headline, .tracks__track__link--block:focus ~ .tracks__track__headline, .tracks__track__link--block:hover ~ .tracks__track__headline { color: rgb(0, 112, 201); } .is-itunes-theme .tracks__track__link--block:active ~ .tracks__track__headline, .is-itunes-theme .tracks__track__link--block:focus ~ .tracks__track__headline, .is-itunes-theme .tracks__track__link--block:hover ~ .tracks__track__headline { color: rgb(0, 112, 201); } .is-tv-theme .tracks__track__link--block:active ~ .tracks__track__headline, .is-tv-theme .tracks__track__link--block:focus ~ .tracks__track__headline, .is-tv-theme .tracks__track__link--block:hover ~ .tracks__track__headline { color: rgb(15, 110, 161); } .is-mac-theme .tracks__track__link--block:active ~ .tracks__track__headline, .is-mac-theme .tracks__track__link--block:focus ~ .tracks__track__headline, .is-mac-theme .tracks__track__link--block:hover ~ .tracks__track__headline { color: rgb(0, 112, 201); } .is-podcasts-theme .tracks__track__link--block:active ~ .tracks__track__headline, .is-podcasts-theme .tracks__track__link--block:focus ~ .tracks__track__headline, .is-podcasts-theme .tracks__track__link--block:hover ~ .tracks__track__headline { color: rgb(125, 80, 223); } .is-apps-theme .tracks__track__link--block:active ~ .tracks__track__headline, .is-apps-theme .tracks__track__link--block:focus ~ .tracks__track__headline, .is-apps-theme .tracks__track__link--block:hover ~ .tracks__track__headline { color: rgb(0, 112, 201); } .is-playing .tracks__track__link--block { bottom: 28px; } .tracks__track__block, .tracks__track__link { display: block; } .no-js .tracks__track__link { display: inline; width: 100%; } @media only screen and (min-width: 735px) { .no-js .tracks__track__link { display: block; padding-left: 7px; } } .tracks__track__eyebrow { margin-bottom: 1px; font-size: 11px; line-height: 1.18182; font-weight: 600; letter-spacing: 0.006em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .tracks__track__eyebrow { margin-bottom: 5px; } } @media only screen and (min-width: 1069px) { .tracks__track__eyebrow { margin-bottom: 3px; } } .tracks__track__eyebrow:lang(th) { line-height: 1.4005; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__eyebrow:lang(vi) { line-height: 1.78828; } .tracks__track__eyebrow:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__eyebrow:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__eyebrow:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__eyebrow:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__eyebrow:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__eyebrow:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__eyebrow:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__eyebrow-item:lang(fi), .tracks__track__eyebrow-item:lang(hi), .tracks__track__eyebrow-item:lang(pl) { line-height: 1.36364; } .tracks__track__block .tracks__track__eyebrow { margin-bottom: 1px; } @media only screen and (min-width: 735px) { .tracks__track__block .tracks__track__eyebrow { margin-bottom: 5px; } } @media only screen and (min-width: 1069px) { .tracks__track__block .tracks__track__eyebrow { margin-bottom: 3px; } } @media only screen and (min-width: 1069px) { .tracks__track__block .tracks__track__headline { margin-bottom: 2px; } } .tracks__track__copy { font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(zh) { letter-spacing: 0px; } .tracks__track__copy:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .tracks__track__copy { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } @media only screen and (min-width: 1069px) { .tracks__track__copy { font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(zh) { letter-spacing: 0px; } .tracks__track__copy:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__copy:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } @media only screen and (max-width: 734px) { .tracks__track__copy { margin-top: 6px; } } .tracks__track__subcopy { font-size: 11px; line-height: 1.18182; font-weight: 400; letter-spacing: 0.006em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__subcopy:lang(th) { line-height: 1.4005; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__subcopy:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__subcopy:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__subcopy:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__subcopy:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__subcopy:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__subcopy:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__subcopy:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracks__track__content { position: relative; } @media only screen and (min-width: 735px) and (max-width: 1068px) { .tracks__track__content { padding-left: 10px; } } .no-js .tracks__track__content { display: inline-block; } .tracks__track__meta { margin-top: 5px; } .tracks__track__meta + .tracks__track__meta { margin-top: 7px; } .tracks__track__meta--has-button { margin-top: 5px; align-items: center; position: relative; pointer-events: none; z-index: 2; overflow: visible; } @media only screen and (min-width: 1069px) { .tracks__track__meta--has-button { margin-top: 9px; margin-bottom: 2px; } } .is-playing .tracks__track__meta--has-button { opacity: 0; margin: 0px; max-height: 0px; position: absolute; } .tracks__track__button { pointer-events: auto; } .tracks__track__button .icon-play::after, .tracks__track__button .icon-play::before { font-family: "SF Pro Icons", "Apple WebExp Icons Custom"; color: inherit; display: inline-block; font-style: normal; font-weight: inherit; font-size: inherit; line-height: 1; text-decoration: underline; position: relative; z-index: 1; } .tracks__track__button .icon-play::after, .tracks__track__button .icon-play::before { text-decoration: none; } .tracks__track__button .icon-play::before { display: none; } .tracks__track__button .icon-play::after, .tracks__track__button .icon-play::before { content: ""; } .tracks__track__button .icon-play::before { padding-right: 0.3em; display: inline-block; top: -1px; } .tracks__track__button .icon-play::after { display: none; } html[dir="rtl"] .tracks__track__button .icon-play::after, html[dir="rtl"] .tracks__track__button .icon-play::before { font-family: "SF Pro Icons", "Apple WebExp Icons Custom"; color: inherit; display: inline-block; font-style: normal; font-weight: inherit; font-size: inherit; line-height: 1; text-decoration: underline; position: relative; z-index: 1; } html[dir="rtl"] .tracks__track__button .icon-play::after, html[dir="rtl"] .tracks__track__button .icon-play::before { text-decoration: none; } html[dir="rtl"] .tracks__track__button .icon-play::before { display: none; } html[dir="rtl"] .tracks__track__button .icon-play::after, html[dir="rtl"] .tracks__track__button .icon-play::before { content: ""; } html[dir="rtl"] .tracks__track__button .icon-play::after { padding-left: 0.3em; top: -1px; } .tracks__track__meta--small-viewport { margin-top: 9px; } .tracks__track__badge { vertical-align: middle; } .tracks__track--podcast { padding-top: 13px; } @media only screen and (min-width: 1069px) { .tracks__track--podcast { padding-top: 19px; } } @media only screen and (max-width: 734px) { .tracks__track--podcast .tracks__track__headline { margin-bottom: 0px; } } .tracks__track--podcast .tracks__track__copy { margin-top: 0px; } .tracks__track--podcast .tracks__track__meta { color: rgb(99, 99, 102); } .tracks__track__inline-controls { margin-top: 6px; z-index: 2; } @media only screen and (min-width: 1069px) { .tracks__track__inline-controls { margin-top: 10px; margin-bottom: 2px; } } .see-all-header__link { margin-bottom: 4px; display: block; font-size: 18px; line-height: 1.22226; font-weight: 400; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .see-all-header__link:lang(th) { line-height: 1.44839; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .see-all-header__link:lang(hi) { line-height: 1.41778; } .see-all-header__link:lang(ko) { line-height: 1.52381; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .see-all-header__link:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .see-all-header__link:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .see-all-header__link:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .see-all-header__link:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .see-all-header__link:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .see-all-header__link:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .see-all-header__title { display: block; font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: 0.023em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .see-all-header__title:lang(zh) { font-weight: 600; } .see-all-header__title:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .see-all-header__title:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .see-all-header__title:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .see-all-header__title:lang(zh-CH) { font-weight: 600; } .see-all-header__title:lang(th) { line-height: 1.48125; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .see-all-header__title:lang(hi) { line-height: 1.45; } .see-all-header__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .see-all-header__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .see-all-header__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .see-all-header__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .is-books-theme .see-all-header__title { font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: 0px; font-family: "New York Medium", "SF Pro Icons", "Apple WebExp Icons Custom", Times, serif; } .is-books-theme .see-all-header__title:lang(zh) { font-weight: 600; } .see-all-header__desc { padding-bottom: 10px; margin-top: -10px; color: rgb(99, 99, 102); } .we-brick-small { border-radius: 15px; display: flex; flex-direction: row; aspect-ratio: 16 / 9; position: relative; overflow: hidden; background: linear-gradient(45deg,rgba(0,0,0,.5) 0,transparent 100%),radial-gradient(circle at 3% -50%,var(--brickUpperLeft) 20%,transparent 70%),radial-gradient(circle at -50% 120%,var(--brickLowerLeft) 40%,transparent 80%),radial-gradient(circle at 66% -175%,var(--brickUpperRight) 55%,transparent 80%),radial-gradient(circle at 62% 100%,var(--brickLowerRight) 50%,transparent 100%); } .we-brick-small::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; background-color: rgb(0, 0, 0); opacity: 0; z-index: 2; } .we-brick-small[href]:focus::before, .we-brick-small[href]:hover::before { opacity: 0.3; } .we-brick-small:focus, .we-brick-small:hover { text-decoration: none; } .we-brick-small .we-brick-small__artwork { position: absolute; } .we-brick-small__left { align-self: flex-end; color: rgb(255, 255, 255); width: 56%; margin-bottom: 20px; margin-left: 20px; font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: 0.024em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; z-index: 2; } .we-brick-small__left:lang(zh) { font-weight: 600; } .we-brick-small__left:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-small__left:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-small__left:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-small__left:lang(zh-CH) { font-weight: 600; } .we-brick-small__left:lang(th) { line-height: 1.422; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-small__left:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-small__left:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-small__left:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-small__left:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-small__left .footnote { margin-bottom: 3px; display: block; font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-small__left .footnote:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-small__left .footnote:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-small__left .footnote:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-small__left .footnote:lang(zh) { letter-spacing: 0px; } .we-brick-small__left .footnote:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-small__left .footnote:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-small__left .footnote:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-small__left .footnote:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-small__left .footnote:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-small__right { display: grid; grid-template-rows: auto auto; grid-auto-flow: column; align-self: center; overflow-x: hidden; gap: 9px; } html[dir="ltr"] .we-brick-small__right .we-artwork:nth-child(2n) { left: 40px; } html[dir="rtl"] .we-brick-small__right .we-artwork:nth-child(2n) { right: 40px; } .we-app-screenshots__nav { position: relative; } .we-app-screenshots__nav__headline { margin-bottom: 0px; padding-right: 36px; font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: 0.024em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-app-screenshots__nav__headline:lang(zh) { font-weight: 600; } .we-app-screenshots__nav__headline:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-app-screenshots__nav__headline:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-app-screenshots__nav__headline:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-app-screenshots__nav__headline:lang(zh-CH) { font-weight: 600; } .we-app-screenshots__nav__headline:lang(th) { line-height: 1.422; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-app-screenshots__nav__headline:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-app-screenshots__nav__headline:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-app-screenshots__nav__headline:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-app-screenshots__nav__headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-app-screenshots__nav__chevron { position: absolute; top: 50%; font-size: 40px; font-weight: 300; text-align: right; color: rgb(0, 112, 201); transform: translateY(-50%); right: 0px; z-index: 1; } .we-app-screenshots__nav__chevron::after { padding-left: 0.3em; top: -3px; } .we-app-screenshots__label { color: rgb(99, 99, 102); } .we-localnav { box-sizing: content-box; } @supports (-ms-ime-align:auto) { html[dir="rtl"] .we-localnav:not(.localnav-sticking) { position: relative; z-index: 2; } } @supports (-ms-ime-align:auto) { .we-localnav__shim { display: block; position: absolute; height: 52px; } @media only screen and (max-width: 767px) { .we-localnav__shim { height: 48px; } } } @supports (-ms-ime-align:auto) { .web-localnav__content { z-index: 1; } } .we-localnav__title { font-size: 21px; line-height: 1; font-weight: 600; letter-spacing: 0.009em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 16px 0px -16px; } @media only screen and (max-width: 767px) { .we-localnav__title { font-size: 19px; line-height: 1; font-weight: 600; letter-spacing: 0.012em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .we-localnav__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 767px) { .we-localnav__title { margin: 14px 0px -14px; } } .we-localnav__title a { display: inline-block; } .we-localnav__title__product { color: rgb(0, 0, 0); } .we-localnav__title__qualifier { color: rgb(99, 99, 102); font-size: 21px; line-height: 1; font-weight: 400; letter-spacing: 0.009em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 767px) { .we-localnav__title__qualifier { font-size: 19px; line-height: 1; font-weight: 400; letter-spacing: 0.012em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title__qualifier:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title__qualifier:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title__qualifier:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title__qualifier:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title__qualifier:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title__qualifier:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title__qualifier:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title__qualifier:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .we-localnav__title__qualifier:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title__qualifier:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title__qualifier:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title__qualifier:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title__qualifier:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title__qualifier:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title__qualifier:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__title__qualifier:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__actions { padding-top: 23px; } @media only screen and (max-width: 767px) { .we-localnav__actions { padding-top: 20px; } } .we-localnav__action { float: left; margin-left: 19px; } .we-localnav__action:first-child { margin-left: 0px; } .we-localnav__action--logout + .we-localnav__action--login { margin-left: 0px; } .we-localnav__action--login { padding-top: 3px; } @media only screen and (max-width: 767px) { .we-localnav__action--login { padding-top: 2px; } } .we-localnav__background { background-color: rgba(255, 255, 255, 0.9); } @supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) { .we-localnav__background { backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255, 255, 255, 0.72); } } .localnav.localnav-noblur .we-localnav__background { backdrop-filter: initial; background-color: rgba(255, 255, 255, 0.9); } .we-localnav__background::after { margin-left: 0px; left: 0px; width: 100%; } @media only screen and (min-width: 1069px) { .we-localnav__background::after { width: 980px; margin-left: -490px; left: 50%; right: auto; } } .we-localnav--no-border .we-localnav__background::after { background-color: transparent; } .we-localnav__app { display: flex; } .we-localnav__menu--arcade .we-localnav__app { position: relative; top: -2px; z-index: 1; } .we-localnav__app__copy { text-align: right; margin-right: 6px; } .we-localnav__app__name { color: rgb(0, 0, 0); font-size: 11px; line-height: 1.18182; font-weight: 400; letter-spacing: 0.006em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__app__name:lang(th) { line-height: 1.4005; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__app__name:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__app__name:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__app__name:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__app__name:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__app__name:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__app__name:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__app__name:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__app__name:lang(ar) { margin-top: -2px; } .we-localnav__app__subcopy { margin-bottom: 2px; font-size: 10px; line-height: 1; font-weight: 400; letter-spacing: -0.006em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(0, 112, 201); } .we-localnav__app__subcopy:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__app__subcopy:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__app__subcopy:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__app__subcopy:lang(zh) { letter-spacing: 0px; } .we-localnav__app__subcopy:lang(th) { line-height: 1.185; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__app__subcopy:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__app__subcopy:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__app__subcopy:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-localnav__app__subcopy:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .is-itunes-theme .we-localnav__app__subcopy { color: rgb(0, 112, 201); } .is-tv-theme .we-localnav__app__subcopy { color: rgb(15, 110, 161); } .is-mac-theme .we-localnav__app__subcopy { color: rgb(0, 112, 201); } .is-podcasts-theme .we-localnav__app__subcopy { color: rgb(125, 80, 223); } .is-apps-theme .we-localnav__app__subcopy { color: rgb(0, 112, 201); } .we-localnav__app__subcopy:lang(ar) { margin-top: 2px; } .we-localnav__app__icon { height: 25px; width: 25px; } .we-localnav__button--sign-in { padding-top: 0px; } .localnav-button.icon-user::after { font-size: 22px; line-height: 0; vertical-align: middle; padding-left: 8px; } @media only screen and (max-width: 767px) { .localnav-button.icon-user::after { display: none; } } .localnav-button--sign-out { display: inline-flex; align-items: center; color: rgb(99, 99, 102); } @media only screen and (max-width: 420px) { .we-localnav:not(.we-localnav--no-qualifier):lang(de), .we-localnav:not(.we-localnav--no-qualifier):lang(de) .we-localnav__title { height: 75px; } .we-localnav:not(.we-localnav--no-qualifier):lang(de) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav:not(.we-localnav--no-qualifier):lang(de) .we-localnav__title__product, .we-localnav:not(.we-localnav--no-qualifier):lang(de) .we-localnav__title__qualifier { display: block; } .we-localnav:not(.we-localnav--no-qualifier):lang(de) .we-localnav__title__product:first-child, .we-localnav:not(.we-localnav--no-qualifier):lang(de) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav:not(.we-localnav--no-qualifier):lang(de) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 520px) { .we-localnav:not(.we-localnav--no-qualifier):lang(el), .we-localnav:not(.we-localnav--no-qualifier):lang(el) .we-localnav__title { height: 75px; } .we-localnav:not(.we-localnav--no-qualifier):lang(el) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav:not(.we-localnav--no-qualifier):lang(el) .we-localnav__title__product, .we-localnav:not(.we-localnav--no-qualifier):lang(el) .we-localnav__title__qualifier { display: block; } .we-localnav:not(.we-localnav--no-qualifier):lang(el) .we-localnav__title__product:first-child, .we-localnav:not(.we-localnav--no-qualifier):lang(el) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav:not(.we-localnav--no-qualifier):lang(el) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 360px) { .we-localnav:not(.we-localnav--no-qualifier):lang(en), .we-localnav:not(.we-localnav--no-qualifier):lang(en) .we-localnav__title { height: 75px; } .we-localnav:not(.we-localnav--no-qualifier):lang(en) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav:not(.we-localnav--no-qualifier):lang(en) .we-localnav__title__product, .we-localnav:not(.we-localnav--no-qualifier):lang(en) .we-localnav__title__qualifier { display: block; } .we-localnav:not(.we-localnav--no-qualifier):lang(en) .we-localnav__title__product:first-child, .we-localnav:not(.we-localnav--no-qualifier):lang(en) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav:not(.we-localnav--no-qualifier):lang(en) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 480px) { .we-localnav:not(.we-localnav--no-qualifier):lang(es), .we-localnav:not(.we-localnav--no-qualifier):lang(es) .we-localnav__title { height: 75px; } .we-localnav:not(.we-localnav--no-qualifier):lang(es) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav:not(.we-localnav--no-qualifier):lang(es) .we-localnav__title__product, .we-localnav:not(.we-localnav--no-qualifier):lang(es) .we-localnav__title__qualifier { display: block; } .we-localnav:not(.we-localnav--no-qualifier):lang(es) .we-localnav__title__product:first-child, .we-localnav:not(.we-localnav--no-qualifier):lang(es) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav:not(.we-localnav--no-qualifier):lang(es) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 480px) { .we-localnav:not(.we-localnav--no-qualifier):lang(fi), .we-localnav:not(.we-localnav--no-qualifier):lang(fi) .we-localnav__title { height: 75px; } .we-localnav:not(.we-localnav--no-qualifier):lang(fi) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav:not(.we-localnav--no-qualifier):lang(fi) .we-localnav__title__product, .we-localnav:not(.we-localnav--no-qualifier):lang(fi) .we-localnav__title__qualifier { display: block; } .we-localnav:not(.we-localnav--no-qualifier):lang(fi) .we-localnav__title__product:first-child, .we-localnav:not(.we-localnav--no-qualifier):lang(fi) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav:not(.we-localnav--no-qualifier):lang(fi) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 460px) { .we-localnav:not(.we-localnav--no-qualifier):lang(fr), .we-localnav:not(.we-localnav--no-qualifier):lang(fr) .we-localnav__title { height: 75px; } .we-localnav:not(.we-localnav--no-qualifier):lang(fr) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav:not(.we-localnav--no-qualifier):lang(fr) .we-localnav__title__product, .we-localnav:not(.we-localnav--no-qualifier):lang(fr) .we-localnav__title__qualifier { display: block; } .we-localnav:not(.we-localnav--no-qualifier):lang(fr) .we-localnav__title__product:first-child, .we-localnav:not(.we-localnav--no-qualifier):lang(fr) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav:not(.we-localnav--no-qualifier):lang(fr) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 360px) { .we-localnav:not(.we-localnav--no-qualifier):lang(hi), .we-localnav:not(.we-localnav--no-qualifier):lang(hi) .we-localnav__title { height: 75px; } .we-localnav:not(.we-localnav--no-qualifier):lang(hi) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav:not(.we-localnav--no-qualifier):lang(hi) .we-localnav__title__product, .we-localnav:not(.we-localnav--no-qualifier):lang(hi) .we-localnav__title__qualifier { display: block; } .we-localnav:not(.we-localnav--no-qualifier):lang(hi) .we-localnav__title__product:first-child, .we-localnav:not(.we-localnav--no-qualifier):lang(hi) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav:not(.we-localnav--no-qualifier):lang(hi) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 400px) { .we-localnav:not(.we-localnav--no-qualifier):lang(it), .we-localnav:not(.we-localnav--no-qualifier):lang(it) .we-localnav__title { height: 75px; } .we-localnav:not(.we-localnav--no-qualifier):lang(it) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav:not(.we-localnav--no-qualifier):lang(it) .we-localnav__title__product, .we-localnav:not(.we-localnav--no-qualifier):lang(it) .we-localnav__title__qualifier { display: block; } .we-localnav:not(.we-localnav--no-qualifier):lang(it) .we-localnav__title__product:first-child, .we-localnav:not(.we-localnav--no-qualifier):lang(it) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav:not(.we-localnav--no-qualifier):lang(it) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 380px) { .we-localnav:not(.we-localnav--no-qualifier):lang(ja), .we-localnav:not(.we-localnav--no-qualifier):lang(ja) .we-localnav__title { height: 75px; } .we-localnav:not(.we-localnav--no-qualifier):lang(ja) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav:not(.we-localnav--no-qualifier):lang(ja) .we-localnav__title__product, .we-localnav:not(.we-localnav--no-qualifier):lang(ja) .we-localnav__title__qualifier { display: block; } .we-localnav:not(.we-localnav--no-qualifier):lang(ja) .we-localnav__title__product:first-child, .we-localnav:not(.we-localnav--no-qualifier):lang(ja) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav:not(.we-localnav--no-qualifier):lang(ja) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 460px) { .we-localnav:not(.we-localnav--no-qualifier):lang(ms), .we-localnav:not(.we-localnav--no-qualifier):lang(ms) .we-localnav__title { height: 75px; } .we-localnav:not(.we-localnav--no-qualifier):lang(ms) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav:not(.we-localnav--no-qualifier):lang(ms) .we-localnav__title__product, .we-localnav:not(.we-localnav--no-qualifier):lang(ms) .we-localnav__title__qualifier { display: block; } .we-localnav:not(.we-localnav--no-qualifier):lang(ms) .we-localnav__title__product:first-child, .we-localnav:not(.we-localnav--no-qualifier):lang(ms) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav:not(.we-localnav--no-qualifier):lang(ms) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 440px) { .we-localnav:not(.we-localnav--no-qualifier):lang(no), .we-localnav:not(.we-localnav--no-qualifier):lang(no) .we-localnav__title { height: 75px; } .we-localnav:not(.we-localnav--no-qualifier):lang(no) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav:not(.we-localnav--no-qualifier):lang(no) .we-localnav__title__product, .we-localnav:not(.we-localnav--no-qualifier):lang(no) .we-localnav__title__qualifier { display: block; } .we-localnav:not(.we-localnav--no-qualifier):lang(no) .we-localnav__title__product:first-child, .we-localnav:not(.we-localnav--no-qualifier):lang(no) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav:not(.we-localnav--no-qualifier):lang(no) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 540px) { .we-localnav:not(.we-localnav--no-qualifier):lang(pt), .we-localnav:not(.we-localnav--no-qualifier):lang(pt) .we-localnav__title { height: 75px; } .we-localnav:not(.we-localnav--no-qualifier):lang(pt) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav:not(.we-localnav--no-qualifier):lang(pt) .we-localnav__title__product, .we-localnav:not(.we-localnav--no-qualifier):lang(pt) .we-localnav__title__qualifier { display: block; } .we-localnav:not(.we-localnav--no-qualifier):lang(pt) .we-localnav__title__product:first-child, .we-localnav:not(.we-localnav--no-qualifier):lang(pt) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav:not(.we-localnav--no-qualifier):lang(pt) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 500px) { .we-localnav:not(.we-localnav--no-qualifier):lang(ru), .we-localnav:not(.we-localnav--no-qualifier):lang(ru) .we-localnav__title { height: 75px; } .we-localnav:not(.we-localnav--no-qualifier):lang(ru) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav:not(.we-localnav--no-qualifier):lang(ru) .we-localnav__title__product, .we-localnav:not(.we-localnav--no-qualifier):lang(ru) .we-localnav__title__qualifier { display: block; } .we-localnav:not(.we-localnav--no-qualifier):lang(ru) .we-localnav__title__product:first-child, .we-localnav:not(.we-localnav--no-qualifier):lang(ru) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav:not(.we-localnav--no-qualifier):lang(ru) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 440px) { .we-localnav:not(.we-localnav--no-qualifier):lang(sv), .we-localnav:not(.we-localnav--no-qualifier):lang(sv) .we-localnav__title { height: 75px; } .we-localnav:not(.we-localnav--no-qualifier):lang(sv) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav:not(.we-localnav--no-qualifier):lang(sv) .we-localnav__title__product, .we-localnav:not(.we-localnav--no-qualifier):lang(sv) .we-localnav__title__qualifier { display: block; } .we-localnav:not(.we-localnav--no-qualifier):lang(sv) .we-localnav__title__product:first-child, .we-localnav:not(.we-localnav--no-qualifier):lang(sv) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav:not(.we-localnav--no-qualifier):lang(sv) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 420px) { .we-localnav:not(.we-localnav--no-qualifier):lang(th), .we-localnav:not(.we-localnav--no-qualifier):lang(th) .we-localnav__title { height: 75px; } .we-localnav:not(.we-localnav--no-qualifier):lang(th) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav:not(.we-localnav--no-qualifier):lang(th) .we-localnav__title__product, .we-localnav:not(.we-localnav--no-qualifier):lang(th) .we-localnav__title__qualifier { display: block; } .we-localnav:not(.we-localnav--no-qualifier):lang(th) .we-localnav__title__product:first-child, .we-localnav:not(.we-localnav--no-qualifier):lang(th) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav:not(.we-localnav--no-qualifier):lang(th) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 440px) { .we-localnav:not(.we-localnav--no-qualifier):lang(tr), .we-localnav:not(.we-localnav--no-qualifier):lang(tr) .we-localnav__title { height: 75px; } .we-localnav:not(.we-localnav--no-qualifier):lang(tr) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav:not(.we-localnav--no-qualifier):lang(tr) .we-localnav__title__product, .we-localnav:not(.we-localnav--no-qualifier):lang(tr) .we-localnav__title__qualifier { display: block; } .we-localnav:not(.we-localnav--no-qualifier):lang(tr) .we-localnav__title__product:first-child, .we-localnav:not(.we-localnav--no-qualifier):lang(tr) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav:not(.we-localnav--no-qualifier):lang(tr) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 360px) { .we-localnav:not(.we-localnav--music):not(.we-localnav--no-qualifier):lang(ca), .we-localnav:not(.we-localnav--music):not(.we-localnav--no-qualifier):lang(ca) .we-localnav__title { height: 75px; } .we-localnav:not(.we-localnav--music):not(.we-localnav--no-qualifier):lang(ca) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav:not(.we-localnav--music):not(.we-localnav--no-qualifier):lang(ca) .we-localnav__title__product, .we-localnav:not(.we-localnav--music):not(.we-localnav--no-qualifier):lang(ca) .we-localnav__title__qualifier { display: block; } .we-localnav:not(.we-localnav--music):not(.we-localnav--no-qualifier):lang(ca) .we-localnav__title__product:first-child, .we-localnav:not(.we-localnav--music):not(.we-localnav--no-qualifier):lang(ca) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav:not(.we-localnav--music):not(.we-localnav--no-qualifier):lang(ca) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 520px) { .we-localnav--music:not(.we-localnav--no-qualifier):lang(ca), .we-localnav--music:not(.we-localnav--no-qualifier):lang(ca) .we-localnav__title { height: 75px; } .we-localnav--music:not(.we-localnav--no-qualifier):lang(ca) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav--music:not(.we-localnav--no-qualifier):lang(ca) .we-localnav__title__product, .we-localnav--music:not(.we-localnav--no-qualifier):lang(ca) .we-localnav__title__qualifier { display: block; } .we-localnav--music:not(.we-localnav--no-qualifier):lang(ca) .we-localnav__title__product:first-child, .we-localnav--music:not(.we-localnav--no-qualifier):lang(ca) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav--music:not(.we-localnav--no-qualifier):lang(ca) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 540px) { .we-localnav:not(.we-localnav--books):not(.we-localnav--podcasts):not(.we-localnav--no-qualifier):lang(uk), .we-localnav:not(.we-localnav--books):not(.we-localnav--podcasts):not(.we-localnav--no-qualifier):lang(uk) .we-localnav__title { height: 75px; } .we-localnav:not(.we-localnav--books):not(.we-localnav--podcasts):not(.we-localnav--no-qualifier):lang(uk) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav:not(.we-localnav--books):not(.we-localnav--podcasts):not(.we-localnav--no-qualifier):lang(uk) .we-localnav__title__product, .we-localnav:not(.we-localnav--books):not(.we-localnav--podcasts):not(.we-localnav--no-qualifier):lang(uk) .we-localnav__title__qualifier { display: block; } .we-localnav:not(.we-localnav--books):not(.we-localnav--podcasts):not(.we-localnav--no-qualifier):lang(uk) .we-localnav__title__product:first-child, .we-localnav:not(.we-localnav--books):not(.we-localnav--podcasts):not(.we-localnav--no-qualifier):lang(uk) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav:not(.we-localnav--books):not(.we-localnav--podcasts):not(.we-localnav--no-qualifier):lang(uk) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 340px) { .we-localnav--books:not(.we-localnav--no-qualifier):lang(uk), .we-localnav--books:not(.we-localnav--no-qualifier):lang(uk) .we-localnav__title { height: 75px; } .we-localnav--books:not(.we-localnav--no-qualifier):lang(uk) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav--books:not(.we-localnav--no-qualifier):lang(uk) .we-localnav__title__product, .we-localnav--books:not(.we-localnav--no-qualifier):lang(uk) .we-localnav__title__qualifier { display: block; } .we-localnav--books:not(.we-localnav--no-qualifier):lang(uk) .we-localnav__title__product:first-child, .we-localnav--books:not(.we-localnav--no-qualifier):lang(uk) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav--books:not(.we-localnav--no-qualifier):lang(uk) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 440px) { .we-localnav--podcasts:not(.we-localnav--no-qualifier):lang(uk), .we-localnav--podcasts:not(.we-localnav--no-qualifier):lang(uk) .we-localnav__title { height: 75px; } .we-localnav--podcasts:not(.we-localnav--no-qualifier):lang(uk) .we-localnav__title { margin: 16px 0px -16px; } .we-localnav--podcasts:not(.we-localnav--no-qualifier):lang(uk) .we-localnav__title__product, .we-localnav--podcasts:not(.we-localnav--no-qualifier):lang(uk) .we-localnav__title__qualifier { display: block; } .we-localnav--podcasts:not(.we-localnav--no-qualifier):lang(uk) .we-localnav__title__product:first-child, .we-localnav--podcasts:not(.we-localnav--no-qualifier):lang(uk) .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .we-localnav--podcasts:not(.we-localnav--no-qualifier):lang(uk) .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 767px) { .localnav.localnav-stacked, .localnav.localnav-stacked .we-localnav__title { height: 75px; } .localnav.localnav-stacked .we-localnav__title { margin: 16px 0px -16px; } .localnav.localnav-stacked .we-localnav__title__product, .localnav.localnav-stacked .we-localnav__title__qualifier { display: block; } .localnav.localnav-stacked .we-localnav__title__product:first-child, .localnav.localnav-stacked .we-localnav__title__qualifier:first-child { margin-top: 0px; margin-bottom: 4px; } .localnav.localnav-stacked .we-localnav__actions { text-align: right; top: auto; bottom: 15px; } } @media only screen and (max-width: 320px) { .we-localnav:not(.we-localnav--no-qualifier):lang(de) .we-localnav__action { float: right; margin-top: 0px; clear: both; margin-left: 0px; } } @media only screen and (max-width: 420px) { .we-localnav:not(.we-localnav--no-qualifier):lang(el) .we-localnav__action { float: right; margin-top: 0px; clear: both; margin-left: 0px; } } @media only screen and (max-width: 260px) { .we-localnav:not(.we-localnav--no-qualifier):lang(en) .we-localnav__action { float: right; margin-top: 0px; clear: both; margin-left: 0px; } } @media only screen and (max-width: 380px) { .we-localnav:not(.we-localnav--no-qualifier):lang(es) .we-localnav__action { float: right; margin-top: 0px; clear: both; margin-left: 0px; } } @media only screen and (max-width: 380px) { .we-localnav:not(.we-localnav--no-qualifier):lang(fi) .we-localnav__action { float: right; margin-top: 0px; clear: both; margin-left: 0px; } } @media only screen and (max-width: 400px) { .we-localnav:not(.we-localnav--no-qualifier):lang(fr) .we-localnav__action { float: right; margin-top: 0px; clear: both; margin-left: 0px; } } @media only screen and (max-width: 260px) { .we-localnav:not(.we-localnav--no-qualifier):lang(hi) .we-localnav__action { float: right; margin-top: 0px; clear: both; margin-left: 0px; } } @media only screen and (max-width: 300px) { .we-localnav:not(.we-localnav--no-qualifier):lang(it) .we-localnav__action { float: right; margin-top: 0px; clear: both; margin-left: 0px; } } @media only screen and (max-width: 300px) { .we-localnav:not(.we-localnav--no-qualifier):lang(ja) .we-localnav__action { float: right; margin-top: 0px; clear: both; margin-left: 0px; } } @media only screen and (max-width: 380px) { .we-localnav:not(.we-localnav--no-qualifier):lang(ms) .we-localnav__action { float: right; margin-top: 0px; clear: both; margin-left: 0px; } } @media only screen and (max-width: 340px) { .we-localnav:not(.we-localnav--no-qualifier):lang(no) .we-localnav__action { float: right; margin-top: 0px; clear: both; margin-left: 0px; } } @media only screen and (max-width: 400px) { .we-localnav:not(.we-localnav--no-qualifier):lang(pt) .we-localnav__action { float: right; margin-top: 0px; clear: both; margin-left: 0px; } } @media only screen and (max-width: 400px) { .we-localnav:not(.we-localnav--no-qualifier):lang(ru) .we-localnav__action { float: right; margin-top: 0px; clear: both; margin-left: 0px; } } @media only screen and (max-width: 340px) { .we-localnav:not(.we-localnav--no-qualifier):lang(sv) .we-localnav__action { float: right; margin-top: 0px; clear: both; margin-left: 0px; } } @media only screen and (max-width: 360px) { .we-localnav:not(.we-localnav--no-qualifier):lang(th) .we-localnav__action { float: right; margin-top: 0px; clear: both; margin-left: 0px; } } @media only screen and (max-width: 350px) { .we-localnav:not(.we-localnav--no-qualifier):lang(tr) .we-localnav__action { float: right; margin-top: 0px; clear: both; margin-left: 0px; } } @media only screen and (max-width: 400px) { .we-localnav:not(.we-localnav--no-qualifier):lang(ca) .we-localnav__action { float: right; margin-top: 0px; clear: both; margin-left: 0px; } } @media only screen and (max-width: 400px) { .we-localnav:not(.we-localnav--no-qualifier):lang(uk) .we-localnav__action { float: right; margin-top: 0px; clear: both; margin-left: 0px; } } @media only screen and (max-width: 767px) { .localnav.localnav-stacked .we-localnav__action { float: right; margin-top: 0px; clear: both; margin-left: 0px; } } .we-localnav__app--reveal-on-scroll { opacity: 0; visibility: hidden; transition: opacity 0.5s cubic-bezier(0.28, 0.11, 0.32, 1); } .localnav.localnav-sticking .we-localnav__app--reveal-on-scroll { opacity: 1; visibility: visible; } @supports (-ms-ime-align:auto) { .localnav.localnav-sticking { position: fixed; } .localnav.localnav-sticking + .we-localnav__shim { position: relative; } } .we-localnav .we-localnav__menu .localnav-menu-tray + .we-localnav__actions { top: 0px; padding-top: 16px; } @media screen and (min-width: 735px) { .we-localnav__menu { font-size: 13px; } .we-localnav__menu .localnav-menu-tray .localnav-menu-link { margin-top: 4px; } } .we-artwork { margin: 0px; position: relative; display: block; z-index: 1; } .we-artwork::before { display: block; content: ""; width: 100%; height: 0px; max-width: 100%; max-height: 100%; position: absolute; border-radius: 6px; border: 0.5px solid rgba(0, 0, 0, 0.1); z-index: 1; } @media only screen and (max-width: 734px) { .we-artwork::before { min-width: 100%; min-height: 100%; } } .we-artwork::after { width: 100%; height: 100%; position: absolute; top: 0px; background-color: var(--background-color); border-radius: 6px; left: 0px; } .we-artwork:not(.we-artwork--downloaded)::after { content: ""; } .we-artwork__image { margin: 0px; display: block; border-radius: 6px; } @media only screen and (min-width: 735px) { .we-artwork__image { width: auto; } } .we-artwork--artist-header-profile .we-artwork__image { margin: 0px auto; } .we-artwork--book-badge { display: inline-block; line-height: 0; } .we-artwork--not-round .we-artwork__image, .we-artwork--not-round::after, .we-artwork--not-round::before, .we-artwork--screenshot-platform-ipad .we-artwork__image, .we-artwork--screenshot-platform-ipad::after, .we-artwork--screenshot-platform-ipad::before, .we-artwork--screenshot-platform-mac .we-artwork__image, .we-artwork--screenshot-platform-mac::after, .we-artwork--screenshot-platform-mac::before { border-radius: 0px; } .we-artwork--square-bottom .we-artwork__image, .we-artwork--square-bottom::after, .we-artwork--square-bottom::before { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .we-artwork--less-round .we-artwork__image, .we-artwork--less-round::after, .we-artwork--less-round::before { border-radius: 4px; } .we-artwork--no-border .we-artwork__image, .we-artwork--no-border::after, .we-artwork--no-border::before { border: 0px; } .we-artwork--macos-app-icon::before { border: none; border-radius: 0px; } .we-artwork:not(.we-artwork--downloaded) .we-artwork__image { opacity: 0; background-color: var(--background-color); } .we-artwork--watch-app-icon .we-artwork__image, .we-artwork--watch-app-icon::after, .we-artwork--watch-app-icon::before { border-radius: 9999em; } .we-artwork--ios-app-icon .we-artwork__image, .we-artwork--ios-app-icon::after, .we-artwork--ios-app-icon::before { border-radius: 22.5%; } @supports ((-webkit-mask-position: initial) or (mask-position: initial)) { .we-artwork--ios-app-icon::before { background: url("https://apps.apple.com/assets/images/masks/icon-app-mask-border-61226afcae6a8f2b3d2755728daaf4f2.svg") center center / 100% 100% no-repeat; } .we-artwork--ios-app-icon .we-artwork__image, .we-artwork--ios-app-icon::after { mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.41%22%20clip-rule%3D%22evenodd%22%20version%3D%221.1%22%20viewBox%3D%220%200%20460%20460%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M460%20316.1c0%205.5%200%2010.99-.04%2016.48-.03%204.63-.08%209.26-.2%2013.88a201.73%20201.73%200%200%201-2.66%2030.21c-1.71%2010-4.9%2019.68-9.47%2028.73a96.6%2096.6%200%200%201-42.23%2042.23%20101.86%20101.86%200%200%201-28.71%209.46c-10%201.65-20.1%202.54-30.22%202.66a649%20649%200%200%201-13.88.21c-5.5.03-10.99.03-16.48.03H143.89c-5.49%200-10.98%200-16.48-.03a648.8%20648.8%200%200%201-13.88-.2%20201.46%20201.46%200%200%201-30.22-2.67c-9.99-1.7-19.67-4.9-28.71-9.46a96.61%2096.61%200%200%201-42.23-42.22%20101.96%20101.96%200%200%201-9.47-28.74%20201.6%20201.6%200%200%201-2.66-30.2c-.12-4.63-.18-9.26-.2-13.89C0%20327.08%200%20321.6%200%20316.1V143.9c0-5.5%200-11%20.04-16.5.02-4.62.08-9.25.2-13.87a201.64%20201.64%200%200%201%202.66-30.2c1.71-10%204.9-19.68%209.47-28.74A96.6%2096.6%200%200%201%2054.6%2012.36%20101.96%20101.96%200%200%201%2083.3%202.9c10-1.64%2020.1-2.53%2030.22-2.66%204.63-.12%209.26-.18%2013.88-.2%205.5-.03%2011-.03%2016.48-.03H316.1c5.5%200%2011%200%2016.49.03a649%20649%200%200%201%2013.88.2c10.12.13%2020.22%201.02%2030.21%202.66%2010%201.71%2019.67%204.9%2028.72%209.46a96.58%2096.58%200%200%201%2042.24%2042.23%20101.92%20101.92%200%200%201%209.46%2028.73%20201.7%20201.7%200%200%201%202.66%2030.21c.12%204.63.18%209.26.2%2013.88.04%205.5.04%2010.99.04%2016.48V316.1z%22%2F%3E%3C%2Fsvg%3E%0A") center center / 100% 100% no-repeat; } @supports (-ms-ime-align:auto) { html[dir="rtl"] .we-artwork--ios-app-icon .we-artwork__image, html[dir="rtl"] .we-artwork--ios-app-icon::after { mask: none; } } } @supports ((-webkit-mask-position: initial) or (mask-position: initial)) { .we-artwork--ios-app-icon .we-artwork__image, .we-artwork--ios-app-icon::before { border: none; } } .we-artwork--xros-app-icon .we-artwork__image, .we-artwork--xros-app-icon::after, .we-artwork--xros-app-icon::before { border-radius: 50%; } .we-artwork--imessages-app-icon .we-artwork__image, .we-artwork--imessages-app-icon::after, .we-artwork--imessages-app-icon::before { border-radius: 50% / 60%; } @supports ((-webkit-mask-position: initial) or (mask-position: initial)) { .we-artwork--imessages-app-icon::before { background: url("https://apps.apple.com/assets/images/masks/icon-imessageapp-mask-border-46aa71b51fb5abf162266c3077920755.svg") center center / 100% 100% no-repeat; } .we-artwork--imessages-app-icon .we-artwork__image, .we-artwork--imessages-app-icon::after { mask: url("https://apps.apple.com/assets/images/masks/icon-imessageapp-mask-0cae74e1909032f57e31502f52671a1a.svg") center center / 100% 100% no-repeat; } @supports (-ms-ime-align:auto) { html[dir="rtl"] .we-artwork--imessages-app-icon .we-artwork__image, html[dir="rtl"] .we-artwork--imessages-app-icon::after { mask: none; } } } @supports ((-webkit-mask-position: initial) or (mask-position: initial)) { .we-artwork--imessages-app-icon .we-artwork__image, .we-artwork--imessages-app-icon::before { border: none; } } .we-artwork--screenshot-version-iphone-5-8 .we-artwork__image, .we-artwork--screenshot-version-iphone-5-8::after, .we-artwork--screenshot-version-iphone-5-8::before { border-radius: 11% / 4.7%; } .we-artwork--screenshot-version-iphone-5-8 .apps-video-wrapper__media-container { overflow: hidden; border-radius: 11% / 4.7%; position: relative; z-index: 9; } @supports ((-webkit-mask-position: initial) or (mask-position: initial)) { .we-artwork--screenshot-version-iphone-5-8::before { background: url("https://apps.apple.com/assets/images/masks/iphone-5-8-mask-border-e453b2a203c0d81e022e62489d3d9d89.svg") center center / 100% 100% no-repeat; } .we-artwork--screenshot-version-iphone-5-8 .we-artwork__image, .we-artwork--screenshot-version-iphone-5-8::after { mask: url("https://apps.apple.com/assets/images/masks/iphone-5-8-mask-9baf93122ddc47233a2526b454e0f3fe.svg") center center / 100% 100% no-repeat; } @supports (-ms-ime-align:auto) { html[dir="rtl"] .we-artwork--screenshot-version-iphone-5-8 .we-artwork__image, html[dir="rtl"] .we-artwork--screenshot-version-iphone-5-8::after { mask: none; } } } .we-artwork--screenshot-version-iphone-5-8.we-artwork--screenshot-orientation-landscape .we-artwork__image, .we-artwork--screenshot-version-iphone-5-8.we-artwork--screenshot-orientation-landscape::after, .we-artwork--screenshot-version-iphone-5-8.we-artwork--screenshot-orientation-landscape::before { border-radius: 4.7% / 11%; } .we-artwork--screenshot-version-iphone-5-8.we-artwork--screenshot-orientation-landscape .apps-video-wrapper__media-container { overflow: hidden; border-radius: 4.7% / 11%; position: relative; z-index: 9; } .we-artwork--screenshot-version-iphone-5-8.we-artwork--screenshot-orientation-landscape .show-image { animation: 1s ease 0s 1 normal forwards running showImageAnimation; } @keyframes showImageAnimation { 100% { visibility: visible; } } @supports ((-webkit-mask-position: initial) or (mask-position: initial)) { .we-artwork--screenshot-version-iphone-5-8.we-artwork--screenshot-orientation-landscape::before { background: url("https://apps.apple.com/assets/images/masks/iphone-5-8-mask-landscape-border-c22a7e9d8d03dfe903a0fc0d37c88dbc.svg") center center / 100% 100% no-repeat; } .we-artwork--screenshot-version-iphone-5-8.we-artwork--screenshot-orientation-landscape .we-artwork__image, .we-artwork--screenshot-version-iphone-5-8.we-artwork--screenshot-orientation-landscape::after { mask: url("https://apps.apple.com/assets/images/masks/iphone-5-8-mask-landscape-1b2a2016c3b7f34a88315b3939bb6a6c.svg") center center / 100% 100% no-repeat; } @supports (-ms-ime-align:auto) { html[dir="rtl"] .we-artwork--screenshot-version-iphone-5-8.we-artwork--screenshot-orientation-landscape .we-artwork__image, html[dir="rtl"] .we-artwork--screenshot-version-iphone-5-8.we-artwork--screenshot-orientation-landscape::after { mask: none; } } } @supports ((-webkit-mask-position: initial) or (mask-position: initial)) { .we-artwork--screenshot-version-iphone-5-8 .we-artwork__image, .we-artwork--screenshot-version-iphone-5-8::before { border: none; } } .we-artwork--screenshot-version-iphone-6-5 .we-artwork__image, .we-artwork--screenshot-version-iphone-6-5::after, .we-artwork--screenshot-version-iphone-6-5::before { border-radius: 10% / 4.7%; } .we-artwork--screenshot-version-iphone-6-5 .apps-video-wrapper__media-container { overflow: hidden; border-radius: 10% / 4.7%; position: relative; z-index: 9; } @supports ((-webkit-mask-position: initial) or (mask-position: initial)) { .we-artwork--screenshot-version-iphone-6-5::before { background: url("https://apps.apple.com/assets/images/masks/iphone-6-5-mask-border-f519029c9bc5f9130e7826c69b475d0b.svg") center center / 100% 100% no-repeat; } .we-artwork--screenshot-version-iphone-6-5 .we-artwork__image, .we-artwork--screenshot-version-iphone-6-5::after { mask: url("https://apps.apple.com/assets/images/masks/iphone-6-5-mask-c88356640b7a7aedb98664cb26145a83.svg") center center / 100% 100% no-repeat; } @supports (-ms-ime-align:auto) { html[dir="rtl"] .we-artwork--screenshot-version-iphone-6-5 .we-artwork__image, html[dir="rtl"] .we-artwork--screenshot-version-iphone-6-5::after { mask: none; } } } .we-artwork--screenshot-version-iphone-6-5.we-artwork--screenshot-orientation-landscape .we-artwork__image, .we-artwork--screenshot-version-iphone-6-5.we-artwork--screenshot-orientation-landscape::after, .we-artwork--screenshot-version-iphone-6-5.we-artwork--screenshot-orientation-landscape::before { border-radius: 4.7% / 10%; } .we-artwork--screenshot-version-iphone-6-5.we-artwork--screenshot-orientation-landscape .apps-video-wrapper__media-container { overflow: hidden; border-radius: 4.7% / 10%; position: relative; z-index: 9; } .we-artwork--screenshot-version-iphone-6-5.we-artwork--screenshot-orientation-landscape .show-image { animation: 1s ease 0s 1 normal forwards running showImageAnimation; } @keyframes showImageAnimation { 100% { visibility: visible; } } @supports ((-webkit-mask-position: initial) or (mask-position: initial)) { .we-artwork--screenshot-version-iphone-6-5.we-artwork--screenshot-orientation-landscape::before { background: url("https://apps.apple.com/assets/images/masks/iphone-6-5-mask-landscape-border-94e3ff16ec3bc95022c5652298a74864.svg") center center / 100% 100% no-repeat; } .we-artwork--screenshot-version-iphone-6-5.we-artwork--screenshot-orientation-landscape .we-artwork__image, .we-artwork--screenshot-version-iphone-6-5.we-artwork--screenshot-orientation-landscape::after { mask: url("https://apps.apple.com/assets/images/masks/iphone-6-5-mask-landscape-16bacd4de8aa1ba058b0da951d75741e.svg") center center / 100% 100% no-repeat; } @supports (-ms-ime-align:auto) { html[dir="rtl"] .we-artwork--screenshot-version-iphone-6-5.we-artwork--screenshot-orientation-landscape .we-artwork__image, html[dir="rtl"] .we-artwork--screenshot-version-iphone-6-5.we-artwork--screenshot-orientation-landscape::after { mask: none; } } } @supports ((-webkit-mask-position: initial) or (mask-position: initial)) { .we-artwork--screenshot-version-iphone-6-5 .we-artwork__image, .we-artwork--screenshot-version-iphone-6-5::before { border: none; } } .we-artwork--screenshot-version-iphone-d74 .we-artwork__image, .we-artwork--screenshot-version-iphone-d74::after, .we-artwork--screenshot-version-iphone-d74::before { border-radius: 12.8% / 5.7%; } .we-artwork--screenshot-version-iphone-d74 .apps-video-wrapper__media-container { overflow: hidden; border-radius: 12.8% / 5.7%; position: relative; z-index: 9; } .we-artwork--screenshot-version-iphone-d74.we-artwork--screenshot-orientation-landscape .we-artwork__image, .we-artwork--screenshot-version-iphone-d74.we-artwork--screenshot-orientation-landscape::after, .we-artwork--screenshot-version-iphone-d74.we-artwork--screenshot-orientation-landscape::before { border-radius: 5.7% / 12.8%; } .we-artwork--screenshot-version-iphone-d74.we-artwork--screenshot-orientation-landscape .apps-video-wrapper__media-container { overflow: hidden; border-radius: 5.7% / 12.8%; position: relative; z-index: 9; } .we-artwork--screenshot-version-iphone-d74.we-artwork--screenshot-orientation-landscape .show-image { animation: 1s ease 0s 1 normal forwards running showImageAnimation; } @keyframes showImageAnimation { 100% { visibility: visible; } } .we-artwork--screenshot-version-apple-tv .we-artwork__image, .we-artwork--screenshot-version-apple-tv::after, .we-artwork--screenshot-version-apple-tv::before { border-radius: 0px; } .we-artwork--screenshot-version-apple-tv.we-artwork--screenshot-orientation-landscape { width: 100%; } .we-artwork--screenshot-version-apple-tv.we-artwork--screenshot-orientation-landscape .we-artwork__image, .we-artwork--screenshot-version-apple-tv.we-artwork--screenshot-orientation-landscape::after, .we-artwork--screenshot-version-apple-tv.we-artwork--screenshot-orientation-landscape::before { border-radius: 1.3% / 1.9%; } .we-artwork--screenshot-version-apple-tv.we-artwork--screenshot-orientation-landscape .apps-video-wrapper__media-container { overflow: hidden; border-radius: 1.3% / 1.9%; position: relative; z-index: 9; } .we-artwork--screenshot-version-apple-tv.we-artwork--screenshot-orientation-landscape .show-image { animation: 1s ease 0s 1 normal forwards running showImageAnimation; } .we-artwork--screenshot-version-apple-tv.we-artwork--screenshot-orientation-landscape .show-image .we-artwork__image, .we-artwork--screenshot-version-apple-tv.we-artwork--screenshot-orientation-landscape .show-image::after, .we-artwork--screenshot-version-apple-tv.we-artwork--screenshot-orientation-landscape .show-image::before { border: 0px; } @keyframes showImageAnimation { 100% { visibility: visible; } } .we-artwork--screenshot-version-ipad-pro-2018 .we-artwork__image, .we-artwork--screenshot-version-ipad-pro-2018::after, .we-artwork--screenshot-version-ipad-pro-2018::before { border-radius: 1.9% / 1.3%; } @supports ((-webkit-mask-position: initial) or (mask-position: initial)) { .we-artwork--screenshot-version-ipad-pro-2018::before { background: url("https://apps.apple.com/assets/images/masks/ipad-pro-2018-mask-border-9d37f129a14c3ccf9de0dfdec6bfc0ac.svg") center center / 100% 100% no-repeat; } .we-artwork--screenshot-version-ipad-pro-2018 .we-artwork__image, .we-artwork--screenshot-version-ipad-pro-2018::after { mask: url("https://apps.apple.com/assets/images/masks/ipad-pro-2018-mask-550a9817026c250dff671b4c04a3bd26.svg") center center / 100% 100% no-repeat; } @supports (-ms-ime-align:auto) { html[dir="rtl"] .we-artwork--screenshot-version-ipad-pro-2018 .we-artwork__image, html[dir="rtl"] .we-artwork--screenshot-version-ipad-pro-2018::after { mask: none; } } } .we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape .we-artwork__image, .we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape::after, .we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape::before { border-radius: 1.3% / 1.9%; } .we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape .apps-video-wrapper__media-container { overflow: hidden; border-radius: 1.3% / 1.9%; position: relative; z-index: 9; } .we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape .show-image { animation: 1s ease 0s 1 normal forwards running showImageAnimation; } .we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape .show-image .we-artwork__image, .we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape .show-image::after, .we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape .show-image::before { border: 0px; } @keyframes showImageAnimation { 100% { visibility: visible; } } @supports ((-webkit-mask-position: initial) or (mask-position: initial)) { .we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape::before { background: url("https://apps.apple.com/assets/images/masks/ipad-pro-2018-mask-landscape-border-ac617fa7f451cb6481a3408bdaef99e0.svg") center center / 100% 100% no-repeat; } .we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape .we-artwork__image, .we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape::after { mask: url("https://apps.apple.com/assets/images/masks/ipad-pro-2018-mask-landscape-fbe2f6c11c72985df0148a6a4d7ba717.svg") center center / 100% 100% no-repeat; } @supports (-ms-ime-align:auto) { html[dir="rtl"] .we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape .we-artwork__image, html[dir="rtl"] .we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape::after { mask: none; } } } @supports ((-webkit-mask-position: initial) or (mask-position: initial)) { .we-artwork--screenshot-version-ipad-pro-2018 .we-artwork__image, .we-artwork--screenshot-version-ipad-pro-2018::before { border: none; } } .we-artwork--screenshot-version-ipad-11 .we-artwork__image, .we-artwork--screenshot-version-ipad-11::after, .we-artwork--screenshot-version-ipad-11::before { border-radius: 1.9% / 1.3%; } @supports ((-webkit-mask-position: initial) or (mask-position: initial)) { .we-artwork--screenshot-version-ipad-11::before { background: url("https://apps.apple.com/assets/images/masks/ipad-11-mask-border-e211518f660ac044c4dbbaa57b792696.svg") center center / 100% 100% no-repeat; } .we-artwork--screenshot-version-ipad-11 .we-artwork__image, .we-artwork--screenshot-version-ipad-11::after { mask: url("https://apps.apple.com/assets/images/masks/ipad-11-mask-79182a96e66f978a06917565006e0a4e.svg") center center / 100% 100% no-repeat; } @supports (-ms-ime-align:auto) { html[dir="rtl"] .we-artwork--screenshot-version-ipad-11 .we-artwork__image, html[dir="rtl"] .we-artwork--screenshot-version-ipad-11::after { mask: none; } } } .we-artwork--screenshot-version-ipad-11.we-artwork--screenshot-orientation-landscape .we-artwork__image, .we-artwork--screenshot-version-ipad-11.we-artwork--screenshot-orientation-landscape::after, .we-artwork--screenshot-version-ipad-11.we-artwork--screenshot-orientation-landscape::before { border-radius: 1.3% / 1.9%; } .we-artwork--screenshot-version-ipad-11.we-artwork--screenshot-orientation-landscape .apps-video-wrapper__media-container { overflow: hidden; border-radius: 1.3% / 1.9%; position: relative; z-index: 9; } .we-artwork--screenshot-version-ipad-11.we-artwork--screenshot-orientation-landscape .show-image { animation: 1s ease 0s 1 normal forwards running showImageAnimation; } @keyframes showImageAnimation { 100% { visibility: visible; } } @supports ((-webkit-mask-position: initial) or (mask-position: initial)) { .we-artwork--screenshot-version-ipad-11.we-artwork--screenshot-orientation-landscape::before { background: url("https://apps.apple.com/assets/images/masks/ipad-11-mask-landscape-border-beb095ef40cc1e932b04f9fac7c1d010.svg") center center / 100% 100% no-repeat; } .we-artwork--screenshot-version-ipad-11.we-artwork--screenshot-orientation-landscape .we-artwork__image, .we-artwork--screenshot-version-ipad-11.we-artwork--screenshot-orientation-landscape::after { mask: url("https://apps.apple.com/assets/images/masks/ipad-11-mask-landscape-9f5cda335b4895f39446f7cd2c92ec68.svg") center center / 100% 100% no-repeat; } @supports (-ms-ime-align:auto) { html[dir="rtl"] .we-artwork--screenshot-version-ipad-11.we-artwork--screenshot-orientation-landscape .we-artwork__image, html[dir="rtl"] .we-artwork--screenshot-version-ipad-11.we-artwork--screenshot-orientation-landscape::after { mask: none; } } } @supports ((-webkit-mask-position: initial) or (mask-position: initial)) { .we-artwork--screenshot-version-ipad-11 .we-artwork__image, .we-artwork--screenshot-version-ipad-11::before { border: none; } } .we-artwork--reality-device-app-icon .we-artwork__image, .we-artwork--reality-device-app-icon::after, .we-artwork--reality-device-app-icon::before, .we-artwork--round .we-artwork__image, .we-artwork--round::after, .we-artwork--round::before { border-radius: 50%; } @media only screen and (max-width: 734px) { .we-artwork--fullwidth { width: 100%; } .we-artwork--fullwidth .we-artwork__image { width: 100%; height: auto; } .we-artwork--fullwidth .we-artwork__image::before { width: 100%; display: block; content: ""; } } .we-artwork--fullwidth-all-viewports { width: 100%; } .we-artwork--fullwidth-all-viewports .we-artwork__image { width: 100%; height: auto; } .we-artwork--fullwidth-all-viewports .we-artwork__image::before { width: 100%; display: block; content: ""; } .we-artwork--lockup { width: 100%; } @media only screen and (min-width: 735px) { .we-artwork--lockup { width: initial; } } @media only screen and (max-width: 734px) { .we-artwork--small-viewportwidth { width: 100vw; margin-left: -7.14286%; } .we-artwork--small-viewportwidth .we-artwork__image { width: 100%; height: auto; } } @media only screen and (max-width: 734px) { .we-artwork--small-bottom-margin { margin-bottom: 8px; } } .we-artwork--screenshot-platform-apple-watch::before { border: 12px solid rgb(0, 0, 0); border-radius: 12px; } .we-artwork--screenshot-platform-apple-watch .we-artwork__image, .we-artwork--screenshot-platform-apple-watch::after { padding: 12px; border-radius: 13px; } .we-artwork--screenshot-version-apple-watch-2018::before { border: 20px solid rgb(0, 0, 0); border-radius: 16.8% / 14.2%; } @supports ((-webkit-mask-position: initial) or (mask-position: initial)) { .we-artwork--screenshot-version-apple-watch-2018::before { display: none; } } .we-artwork--screenshot-version-apple-watch-2018 .we-artwork__image, .we-artwork--screenshot-version-apple-watch-2018::after { padding: 20px; border-radius: 16.8% / 14.2%; } @supports ((-webkit-mask-position: initial) or (mask-position: initial)) { .we-artwork--screenshot-version-apple-watch-2018 .we-artwork__image, .we-artwork--screenshot-version-apple-watch-2018::after { border: none; mask: url("https://apps.apple.com/assets/images/masks/apple-watch-2018-mask-44f016e901ad9d33cc7dc9ad912172ed.svg") center center / contain no-repeat; } @supports (-ms-ime-align:auto) { html[dir="rtl"] .we-artwork--screenshot-version-apple-watch-2018 .we-artwork__image, html[dir="rtl"] .we-artwork--screenshot-version-apple-watch-2018::after { mask: none; } } } .we-artwork--screenshot-version-apple-watch-2021 { position: relative; z-index: 1; } .we-artwork--screenshot-version-apple-watch-2021::before { display: none; } .we-artwork--screenshot-version-apple-watch-2021::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; background-image: url("https://apps.apple.com/assets/images/masks/apple-watch-2021-bezel-mask-d21835dec738ccdf4715ec5cbd8858e1.svg"); background-size: contain; background-repeat: no-repeat; background-color: transparent; left: 0px; z-index: 1; } .we-artwork--screenshot-version-apple-watch-2021 .we-artwork__image { padding: 4.3%; width: 100%; height: 100%; border-radius: 16.5%; background-color: transparent; } .we-artwork--screenshot-version-apple-watch-2022 { position: relative; z-index: 1; } .we-artwork--screenshot-version-apple-watch-2022::before { display: none; } .we-artwork--screenshot-version-apple-watch-2022::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; background-image: url("https://apps.apple.com/assets/images/masks/apple-watch-2022-bezel-mask-6ce63c0e2f3293dee178b606693ab28b.svg"); background-size: contain; background-repeat: no-repeat; background-color: transparent; left: 0px; z-index: 1; } .we-artwork--screenshot-version-apple-watch-2022 .we-artwork__image { padding: 1px; width: 100%; height: 100%; border-radius: 26.6% / 21.5%; background-color: transparent; } .we-artwork--screenshot-version-apple-watch-2024::before { border: 15px solid rgb(0, 0, 0); border-radius: 28% / 24.3%; } @supports ((-webkit-mask-position: initial) or (mask-position: initial)) { .we-artwork--screenshot-version-apple-watch-2024::before { display: none; } } .we-artwork--screenshot-version-apple-watch-2024 .we-artwork__image, .we-artwork--screenshot-version-apple-watch-2024::after { padding: 15px; border-radius: 28% / 24.3%; } @supports ((-webkit-mask-position: initial) or (mask-position: initial)) { .we-artwork--screenshot-version-apple-watch-2024 .we-artwork__image, .we-artwork--screenshot-version-apple-watch-2024::after { border: none; mask: url("https://apps.apple.com/assets/images/masks/apple-watch-2024-mask-7b660274ea467b6e072b93f01fb9567b.svg") center center / contain no-repeat; } @supports (-ms-ime-align:auto) { html[dir="rtl"] .we-artwork--screenshot-version-apple-watch-2024 .we-artwork__image, html[dir="rtl"] .we-artwork--screenshot-version-apple-watch-2024::after { mask: none; } } } .we-artwork--screenshot-platform-apple-vision-pro .we-artwork__image, .we-artwork--screenshot-platform-apple-vision-pro::after, .we-artwork--screenshot-platform-apple-vision-pro::before { border-radius: 20px; } .we-artwork--breakout-large .we-artwork__image, .we-artwork--breakout-large::after, .we-artwork--breakout-large::before { border-radius: 15px; } .we-artwork--uber { margin: 0px auto 20px; height: 166px; overflow: hidden; position: relative; z-index: 1; } .we-artwork--uber::before { display: none; } .we-artwork--uber .we-artwork__image, .we-artwork--uber::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } @media only screen and (min-width: 735px) { .we-artwork--uber { margin-top: 20px; width: calc(-40px + 100vw); max-width: 1120px; height: 280px; } } .we-artwork--artist-header-profile .we-artwork__image, .we-artwork--artist-header-profile::after { box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 25px; } .we-artwork--audiobook .we-artwork__image, .we-artwork--audiobook::after, .we-artwork--ebook .we-artwork__image, .we-artwork--ebook::after { min-width: 100%; border-radius: 2.5px; } .we-artwork--audiobook .we-artwork__image, .we-artwork--audiobook::after { border-radius: 4.5px; } .has-js .apps-video-wrapper__media-container { position: relative; margin: 1px; } .has-js .apps-video-wrapper__media-container .hide-image { background-color: rgb(255, 255, 255); animation: 1s ease 0s 1 normal forwards paused hideImageAnimation; opacity: 1; } .has-js .apps-video-wrapper__media-container .hide-image .we-artwork__image, .has-js .apps-video-wrapper__media-container .hide-image::after, .has-js .apps-video-wrapper__media-container .hide-image::before { border: 0px; } @keyframes hideImageAnimation { 0% { opacity: 1; } 25% { opacity: 1; } 100% { opacity: 0; } 100% { opacity: 0; visibility: hidden; } } .has-js .apps-video-wrapper__media-container .apps-video-wrapper__media-container { overflow: hidden; border-radius: 4.7% / 11%; position: relative; z-index: 9; } .has-js .apps-video-wrapper__media-container .show-image { animation: 2s ease 0s 1 normal forwards running showImageAnimation; } .has-js .apps-video-wrapper__media-container .show-image .we-artwork__image, .has-js .apps-video-wrapper__media-container .show-image::after, .has-js .apps-video-wrapper__media-container .show-image::before { border: 0px; } @keyframes showImageAnimation { 100% { visibility: visible; } } .we-book-artwork { position: relative; z-index: 1; } .we-book-artwork::before { height: 116.6%; width: 121.8%; display: block; content: ""; position: absolute; top: -4.7%; opacity: 0.6; background-image: url("https://apps.apple.com/assets/images/book/iBooks_Covers_LTR_Flat-L_Shadow-f8587fbf6a7bc90d9b2668a9dda158e3.png"); background-size: 100% 100%; left: -10.9%; z-index: 1; } .we-book-artwork[dir="rtl"]::before { background-image: url("https://apps.apple.com/assets/images/book/iBooks_Covers_RTL_Flat-L_Shadow-f8587fbf6a7bc90d9b2668a9dda158e3.png"); } .we-book-artwork::after { background-image: url("https://apps.apple.com/assets/images/book/iBooks_Covers_Flat-L_Edges-dd435b3b0f0e613845d32b66e4e087ab.png"); height: 100%; width: 100%; display: block; content: ""; position: absolute; top: 0px; border-radius: 2.5px; background-size: 100% 100%; left: 0px; z-index: 1; } .we-book-artwork__background { margin: 0px; width: 100%; height: 100%; position: absolute; top: 50%; opacity: 0.25; transform: translate(-50%, -50%); filter: blur(8px); left: 50%; z-index: 1; } @supports (mix-blend-mode:multiply) { .we-book-artwork__background { mix-blend-mode: multiply; } } @supports (mix-blend-mode:multiply) { .we-book-artwork--spine .we-book-artwork__lighting::after { background-image: url("https://apps.apple.com/assets/images/book/iBooks_Covers_LTR_Flat-L_Spine_LinearBurnBlend-abfc65af197e0bc65d1ef4919779adae.png"); mix-blend-mode: multiply; height: 100%; width: 100%; display: block; content: ""; position: absolute; top: 0px; border-radius: 2.5px; background-size: 100% 100%; left: 0px; z-index: 1; } } .we-book-artwork--spine .we-book-artwork__foreground::before { background-image: url("https://apps.apple.com/assets/images/book/iBooks_Covers_LTR_Flat-L_Spine_NormalBlend-7ddc2727e278e22ec7b69864bb2d22c9.png"); height: 100%; width: 100%; display: block; content: ""; position: absolute; top: 0px; border-radius: 2.5px; background-size: 100% 100%; left: 0px; z-index: 1; } @supports (mix-blend-mode:soft-light) { .we-book-artwork--spine .we-book-artwork__foreground::after { background-image: url("https://apps.apple.com/assets/images/book/iBooks_Covers_LTR_Flat-L_Spine_SoftLightBlend-535831fb9b8481f02a18e136be4dc8ca.png"); background-color: transparent; mix-blend-mode: soft-light; height: 100%; width: 100%; display: block; content: ""; position: absolute; top: 0px; border-radius: 2.5px; background-size: 100% 100%; left: 0px; z-index: 1; } } @supports (mix-blend-mode:multiply) { .we-book-artwork--spine[dir="rtl"] .we-book-artwork__lighting::after { background-image: url("https://apps.apple.com/assets/images/book/iBooks_Covers_RTL_Flat-L_Spine_LinearBurnBlend-41f1843d5873427ae11b8bb3489b96d0.png"); } } .we-book-artwork--spine[dir="rtl"] .we-book-artwork__foreground::before { background-image: url("https://apps.apple.com/assets/images/book/iBooks_Covers_RTL_Flat-L_Spine_NormalBlend-357a0c99f14bfba13c2f7708510440c6.png"); } @supports (mix-blend-mode:soft-light) { .we-book-artwork--spine[dir="rtl"] .we-book-artwork__foreground::after { background-image: url("https://apps.apple.com/assets/images/book/iBooks_Covers_RTL_Flat-L_Spine_SoftLightBlend-d94643eacd3689f025d98ce51221c38c.png"); } } .we-book-artwork--audiobook::after { border-radius: 4.5px; } :root { --paginationWidth: 190px; --countDownInterval: 5s; } @keyframes countDown { 0% { width: 10px; } 100% { width: 25px; } } .we-hero .auto-scroll:not(.has-focus) .active .we-hero__pagination-dot_foreground { animation: var(--countDownInterval) ease-in-out countDown forwards; } .we-hero__carousel-container { position: relative; outline: 0px; z-index: 1; } .we-hero__list-wrapper { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: 15px; background-color: rgb(0, 0, 0); position: relative; opacity: 0; z-index: 1; } .we-hero__list-wrapper::-webkit-scrollbar { display: none; } .we-hero__list-wrapper.is-ready { opacity: 1; } .we-hero__list { display: contents; } @media only screen and (min-width: 735px) { .we-hero__list { display: flex; align-items: flex-end; } } .we-hero__item { position: relative; scroll-snap-align: start; margin-inline-start: 0px; height: 100%; overflow: hidden; z-index: 1; } @media only screen and (max-width: 734px) { .we-hero__item { flex: 0 0 100%; } } .we-hero__lockup { flex: 0 0 100%; height: 100%; display: flex; align-items: center; background: radial-gradient(circle at 3% -50%,var(--brickUpperLeft) 20%,transparent 70%),radial-gradient(circle at -50% 120%,var(--brickLowerLeft) 40%,transparent 80%),radial-gradient(circle at 66% -175%,var(--brickUpperRight) 55%,transparent 80%),radial-gradient(circle at 62% 100%,var(--brickLowerRight) 50%,transparent 100%); } @media only screen and (max-width: 734px) { .we-hero__lockup { aspect-ratio: 3 / 4; } } @media only screen and (min-width: 735px) { .we-hero__lockup { width: 692px; } } @media only screen and (min-width: 1069px) { .we-hero__lockup { width: 980px; } } .we-hero__lockup .breakout-large-container { width: auto; height: 100%; aspect-ratio: inherit; flex: 1 1 0%; } .we-hero__lockup .breakout-large-container .breakout-large-legibility-gradient, .we-hero__lockup .breakout-large-container .we-artwork--breakout-large img { border-radius: 0px; } .we-hero__lockup .breakout-large-container-content { padding-bottom: 20px; width: unset; } @media only screen and (min-width: 735px) { .we-hero__lockup .breakout-large-container-content { padding-bottom: 30px; padding-inline-start: 40px; width: 45%; } } @media only screen and (min-width: 1069px) { .we-hero__lockup .breakout-large-container-content { width: 40%; } } @media only screen and (max-width: 734px) { .we-hero__lockup .breakout-large-container-content { width: 100%; padding-bottom: 10px; } } .we-hero__lockup .app-placard__cta { margin-left: 0px; margin-top: 20px; } .we-hero__app-icons { position: absolute; right: 0px; width: 50%; display: grid; grid-template-rows: auto auto; grid-auto-flow: column; align-self: center; overflow-x: hidden; gap: 25px; z-index: 1; } @media only screen and (max-width: 734px) { .we-hero__app-icons { top: 20px; left: -12%; right: -20px; width: calc(112% + 20px); gap: 16px; grid-template-columns: repeat(4, 1fr); } } @media only screen and (min-width: 735px) { .we-hero__app-icon { width: 160px; } } .we-hero__app-icon:nth-child(2n) { transform: translateX(calc(50% + 16px)); } @media only screen and (min-width: 735px) { .we-hero__app-icon:nth-child(2n) { transform: translateX(75px); } } .we-hero__lockup--bookend { scroll-snap-align: start; position: relative; height: auto; overflow: hidden; } .we-hero__video-player { width: 100%; height: 100%; position: absolute; top: 0px; z-index: 1; } .we-hero__pagination-container { display: flex; align-items: center; position: relative; margin: -40px auto 0px; width: var(--paginationWidth); height: 40px; overflow: auto hidden; scrollbar-width: none; z-index: 2; } .we-hero__pagination-container::-webkit-scrollbar { display: none; } .we-hero__pagination-container:not(.scrolled) .we-hero__pagination-dot:nth-child(9)::after { transform: scale3d(0.5, 0.5, 0.5); } .we-hero__pagination-container:not(.scrolled) .we-hero__pagination-dot:nth-child(10)::after { transform: scale3d(0.3, 0.3, 0.3); } .we-hero__pagination-container.scrolled .active ~ .we-hero__pagination-dot::after { transform: scale3d(0.5, 0.5, 0.5); } .we-hero__pagination-container.scrolled .active ~ .we-hero__pagination-dot + .we-hero__pagination-dot::after { transform: scale3d(0.3, 0.3, 0.3); } .we-hero__pagination-container.scrolled .we-hero__pagination-dot[aria-hidden="true"] + [aria-hidden="false"]::after { transform: scale3d(0.3, 0.3, 0.3); } .we-hero__pagination-container.scrolled .we-hero__pagination-dot[aria-hidden="true"] + [aria-hidden="false"] + [aria-hidden="false"]::after { transform: scale3d(0.5, 0.5, 0.5); } .we-hero__pagination { display: flex; gap: var(--paginationGap); } .we-hero__pagination-dot_foreground { background-color: rgb(255, 255, 255); transition: opacity 0.8s ease-in-out; width: 10px; height: 10px; opacity: 0; border-radius: 10px; } .scrolled-left .active.we-hero__pagination-dot { flex-direction: row-reverse; } .scrolled-left .active.we-hero__pagination-dot .we-hero__pagination-dot_foreground { margin-right: auto; } .we-hero__pagination-dot { cursor: pointer; width: 10px; height: 10px; display: flex; justify-content: flex-start; align-items: center; } .we-hero__pagination-dot::after { transform: scale3d(0.3, 0.3, 0.3); } .we-hero__pagination-dot::after { content: ""; width: 10px; height: 10px; background-color: rgb(255, 255, 255); opacity: 0.4; border-radius: 10px; position: absolute; transition: transform 0.2s; z-index: 1; } .we-hero__pagination-dot.active::after, .we-hero__pagination-dot[aria-hidden="false"]::after { transform: scale3d(1, 1, 1); } .we-hero__pagination-dot.active { justify-content: flex-start; width: 25px; } .we-hero__pagination-dot.active::after { width: 25px; transition: width 0.3s ease-in-out; } .we-hero__pagination-dot.active .we-hero__pagination-dot_foreground { opacity: 0.8; } .we-hero__pagination-dot span { position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; } .we-hero__pagination--dot-full .we-hero__pagination--dot::after { transform: scale3d(1, 1, 1); } .in-app-purchase-artwork { position: relative; z-index: 1; } .in-app-purchase-artwork::before { content: ""; width: 100%; height: 100%; position: absolute; border-radius: 6px; z-index: 1; } .in-app-purchase-artwork--hero { width: 100%; height: 190px; display: flex; justify-content: center; align-items: center; border: 0.5px solid rgba(0, 0, 0, 0.1); border-radius: 6px; background-color: rgb(248, 248, 248); } @media only screen and (min-width: 735px) { .in-app-purchase-artwork--hero { height: 221px; } } .in-app-purchase-artwork__purchase .we-artwork__image { border-radius: 22.5%; } .in-app-purchase-artwork__purchase::before { content: ""; width: 100%; height: 100%; border: none; border-radius: 0px; display: block; position: absolute; top: 0px; background: url("https://apps.apple.com/assets/images/iap-overlay-a858bf5d48a809d514e6396f68569dbe.svg") 0% 0% / 100% no-repeat; z-index: 1; } html[dir="rtl"] .in-app-purchase-artwork__purchase::before { transform: scaleX(-1); } .in-app-purchase-artwork__app { padding: 3px; position: absolute; top: 50%; background: rgb(255, 255, 255); border-radius: 22.5%; transform: translate(-153%, 53%); left: 50%; z-index: 1; } .in-app-purchase-artwork--collection .in-app-purchase-artwork__app { padding: 1px; transform: translate(-160%, 60%); } .in-app-purchase-artwork__app::before { border: none; border-radius: 0px; min-width: 0px; min-height: 0px; } .redemption-error { display: flex; flex-direction: column; gap: 2em; margin-top: 3em; margin-bottom: 1em; min-height: 100vh; font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error:lang(zh) { letter-spacing: 0px; } .redemption-error:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .redemption-error { margin-top: 6em; } } .redemption-error ul { margin-top: -1em; } .redemption-error ul li { list-style: inside disc; } .redemption-error__title { font-size: 26px; line-height: 1.23077; font-weight: 700; letter-spacing: 0.023em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error__title:lang(zh) { font-weight: 600; } .redemption-error__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error__title:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .redemption-error__title { font-size: 37px; line-height: 1.16224; font-weight: 700; letter-spacing: -0.008em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error__title:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error__title:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error__title:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error__title:lang(zh) { font-weight: 600; letter-spacing: 0px; } .redemption-error__title:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redemption-error__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .we-global-footer { --pageBG: white; --systemPrimary: rgba(0, 0, 0, 0.72); --systemSecondary: rgba(134, 134, 139, 1); background-color: rgb(245, 245, 247); padding-top: 25px; padding-bottom: 20px; } @media only screen and (min-width: 735px) { .we-global-footer__wrapper { display: flex; } } .we-global-footer__left { order: 1; } .we-global-footer__right { order: 2; margin-left: auto; margin-bottom: 10px; } .we-global-footer__legal-copyright { font-size: 1em; margin-top: 2px; color: rgb(134, 134, 139); } .we-global-footer__legal-link { text-decoration: none; display: inline-block; margin-top: 5px; font-size: 1em; color: var(--systemPrimary); border-inline-end: 1px solid rgba(0, 0, 0, 0.1); margin-right: 7px; padding-right: 10px; } .we-global-footer__legal-link:last-child { border-inline-end: none; padding-left: 0px; } .app-event-lockup { position: relative; overflow: hidden; } .app-event-lockup .we-artwork { margin-bottom: 0px; z-index: unset; } .app-event-lockup__time-indicator { font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(0, 112, 201); margin-bottom: 8px; } .app-event-lockup__time-indicator:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__time-indicator:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__time-indicator:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__time-indicator:lang(zh) { letter-spacing: 0px; } .app-event-lockup__time-indicator:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__time-indicator:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__time-indicator:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__time-indicator:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__time-indicator:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__overlay { position: relative; } .app-event-lockup__joe-color, .app-event-lockup__material { content: ""; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; border-radius: 6px; mask-image: linear-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 40.82%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.65) 57.14%, rgba(0, 0, 0, 0.9) 67.86%, rgb(0, 0, 0) 79.08%); } .app-event-lockup__material { background-size: cover; background-repeat: no-repeat; background-image: var(--background-image); } @supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) { .app-event-lockup__material { background-image: none; background-color: var(--systemStandardUltrathinMaterialSover-default_IC); } @supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) { .app-event-lockup__material { background-color: var(--systemStandardUltrathinMaterialSover); backdrop-filter: saturate(160%) blur(60px); } @media (prefers-color-scheme: dark) { .app-event-lockup__material { backdrop-filter: saturate(180%) blur(60px); } } } @media only screen and (prefers-contrast: more) { .app-event-lockup__material { backdrop-filter: none; background-color: var(--systemStandardUltrathinMaterialSover-default_IC); } } } .app-event-lockup__joe-color { background-color: rgba(0, 0, 0, 0.08); mix-blend-mode: multiply; z-index: 1; } .app-event-lockup__copy-container { color: rgb(255, 255, 255); position: absolute; bottom: 0px; left: 0px; margin-bottom: 12px; width: 100%; padding-left: 16px; padding-right: 16px; } .app-event-lockup__copy-badge { font-size: 11px; line-height: 1.18182; font-weight: 600; letter-spacing: 0.006em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__copy-badge:lang(th) { line-height: 1.4005; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__copy-badge:lang(vi) { line-height: 1.78828; } .app-event-lockup__copy-badge:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__copy-badge:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__copy-badge:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__copy-badge:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__copy-badge:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__copy-badge:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__copy-badge:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__title { font-size: 18px; line-height: 1.22226; font-weight: 400; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 3px; } .app-event-lockup__title:lang(th) { line-height: 1.44839; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__title:lang(hi) { line-height: 1.41778; } .app-event-lockup__title:lang(ko) { line-height: 1.52381; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__subtitle { font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 1px; } .app-event-lockup__subtitle:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__subtitle:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__subtitle:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__subtitle:lang(zh) { letter-spacing: 0px; } .app-event-lockup__subtitle:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__subtitle:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__subtitle:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__subtitle:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-event-lockup__subtitle:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event { display: block; margin-bottom: 32px; } .story-canvas-item-app-event .app-event-lockup__time-indicator { margin-bottom: 11px; font-size: 15px; line-height: 1.33338; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__time-indicator:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__time-indicator:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__time-indicator:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__time-indicator:lang(zh) { letter-spacing: 0px; } .story-canvas-item-app-event .app-event-lockup__time-indicator:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__time-indicator:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__time-indicator:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__time-indicator:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__time-indicator:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__copy-container { margin-bottom: 19px; padding-left: 20px; padding-right: 20px; } .story-canvas-item-app-event .app-event-lockup__copy-badge { position: relative; color: rgba(255, 255, 255, 0.55); font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; mix-blend-mode: plus-lighter; z-index: 1; } .story-canvas-item-app-event .app-event-lockup__copy-badge:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__copy-badge:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__copy-badge:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__copy-badge:lang(zh) { letter-spacing: 0px; } .story-canvas-item-app-event .app-event-lockup__copy-badge:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__copy-badge:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__copy-badge:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__copy-badge:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__copy-badge:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__title { margin-top: 2px; font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: 0.024em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__title:lang(zh) { font-weight: 600; } .story-canvas-item-app-event .app-event-lockup__title:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__title:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__title:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__title:lang(zh-CH) { font-weight: 600; } .story-canvas-item-app-event .app-event-lockup__title:lang(th) { line-height: 1.422; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__subtitle { margin-top: 5px; font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__subtitle:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__subtitle:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__subtitle:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__subtitle:lang(zh) { letter-spacing: 0px; } .story-canvas-item-app-event .app-event-lockup__subtitle:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__subtitle:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__subtitle:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__subtitle:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-canvas-item-app-event .app-event-lockup__subtitle:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-container { position: relative; display: block; z-index: 1; } .breakout-large-legibility-gradient { filter: var(--breakout-filter-values); position: absolute; bottom: 0px; height: var(--breakout-gradient-height); width: 100%; border-radius: 15px; background: linear-gradient(rgba(223,224,228,0),var(--breakout-bg-color)); z-index: 1; } @media only screen and (min-width: 735px) { .breakout-large-legibility-gradient { height: 100%; background: linear-gradient(34deg,RGBA(var(--breakout-gradient-rgb-triple,0 0 0)/ 1),RGBA(var(--breakout-gradient-rgb-triple,0 0 0)/ .88) calc(30% / 2),RGBA(var(--breakout-gradient-rgb-triple,0 0 0)/ .66) calc(45% / 2),RGBA(var(--breakout-gradient-rgb-triple,0 0 0)/ .45) calc(75% / 2),transparent 50%); } } .breakout-large-container-content { padding-left: 20px; padding-right: 20px; position: absolute; bottom: 0px; z-index: 1; } @media only screen and (min-width: 735px) { .breakout-large-container-content { width: 50%; } } .breakout-large-card { margin-bottom: 20px; color: rgba(var(--breakout-label-color),1); } @media only screen and (max-width: 734px) { .breakout-large-card { color: rgb(255, 255, 255); } } .breakout-large-card .we-button { margin-bottom: 10px; } .breakout-large-card__badge { color: rgba(var(--breakout-label-color),1); font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 734px) { .breakout-large-card__badge { color: rgb(255, 255, 255); } } .breakout-large-card__badge:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__badge:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__badge:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__badge:lang(zh) { letter-spacing: 0px; } .breakout-large-card__badge:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__badge:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__badge:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__badge:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__badge:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__name { color: rgba(var(--breakout-label-color),1); font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: 0.023em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 734px) { .breakout-large-card__name { color: rgb(255, 255, 255); } } .breakout-large-card__name:lang(zh) { font-weight: 600; } .breakout-large-card__name:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__name:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__name:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__name:lang(zh-CH) { font-weight: 600; } .breakout-large-card__name:lang(th) { line-height: 1.48125; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__name:lang(hi) { line-height: 1.45; } .breakout-large-card__name:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__name:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__name:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__name:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .breakout-large-card__name { font-size: 34px; line-height: 1.20596; font-weight: 700; letter-spacing: 0.018em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__name:lang(zh) { font-weight: 600; } .breakout-large-card__name:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__name:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__name:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__name:lang(zh-CH) { font-weight: 600; } .breakout-large-card__name:lang(th) { line-height: 1.42899; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__name:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__name:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__name:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__name:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .breakout-large-card__short { margin-top: 6px; color: rgba(var(--breakout-label-color),1); font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 734px) { .breakout-large-card__short { color: rgb(255, 255, 255); } } .breakout-large-card__short:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__short:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__short:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__short:lang(zh) { letter-spacing: 0px; } .breakout-large-card__short:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__short:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__short:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__short:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__short:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__action { display: block; margin-top: 22px; color: rgb(255, 255, 255); font-size: 18px; line-height: 1.22226; font-weight: 600; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__action:lang(th) { line-height: 1.44839; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__action:lang(hi) { line-height: 1.41778; } .breakout-large-card__action:lang(ko) { line-height: 1.52381; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__action:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__action:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__action:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__action:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__action:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .breakout-large-card__action:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup { color: rgb(51, 51, 51); overflow: hidden; border-radius: 6px; } .we-lockup--in-app-event-module, .we-lockup--in-app-event-story-module { position: relative; overflow: visible; border-radius: 8px; } .we-lockup--in-app-event-module .we-lockup__overlay, .we-lockup--in-app-event-story-module .we-lockup__overlay { position: relative; } .we-lockup--in-app-event-module .we-lockup__joe-color, .we-lockup--in-app-event-module .we-lockup__material, .we-lockup--in-app-event-story-module .we-lockup__joe-color, .we-lockup--in-app-event-story-module .we-lockup__material { content: ""; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; border-radius: 6px; } .we-lockup--in-app-event-module .we-lockup__material, .we-lockup--in-app-event-story-module .we-lockup__material { background-size: cover; background-repeat: no-repeat; background-image: var(--background-image); } @supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) { .we-lockup--in-app-event-module .we-lockup__material, .we-lockup--in-app-event-story-module .we-lockup__material { background-image: none; background-color: var(--systemStandardUltrathinMaterialSover-default_IC); } @supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) { .we-lockup--in-app-event-module .we-lockup__material, .we-lockup--in-app-event-story-module .we-lockup__material { background-color: var(--systemStandardUltrathinMaterialSover); backdrop-filter: saturate(160%) blur(60px); } @media (prefers-color-scheme: dark) { .we-lockup--in-app-event-module .we-lockup__material, .we-lockup--in-app-event-story-module .we-lockup__material { backdrop-filter: saturate(180%) blur(60px); } } } @media only screen and (prefers-contrast: more) { .we-lockup--in-app-event-module .we-lockup__material, .we-lockup--in-app-event-story-module .we-lockup__material { backdrop-filter: none; background-color: var(--systemStandardUltrathinMaterialSover-default_IC); } } } @supports (-webkit-backdrop-filter:initial) { .we-lockup--in-app-event-module .we-lockup__material, .we-lockup--in-app-event-story-module .we-lockup__material { background-color: var(--event-color); opacity: 0.8; } } .we-lockup--in-app-event-module .we-lockup__joe-color, .we-lockup--in-app-event-story-module .we-lockup__joe-color { background-color: rgba(0, 0, 0, 0.08); mix-blend-mode: multiply; z-index: 1; } .we-lockup--in-app-event-module .we-lockup__artwork, .we-lockup--in-app-event-story-module .we-lockup__artwork { margin-bottom: 0px; z-index: unset; } .we-lockup--in-app-event-module { background-color: var(--event-color); border: 5px solid var(--event-color); border-radius: 8px; } .we-lockup--in-app-event-module .event-details__title { font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: 0.023em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .event-details__title:lang(zh) { font-weight: 600; } .we-lockup--in-app-event-module .event-details__title:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .event-details__title:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .event-details__title:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .event-details__title:lang(zh-CH) { font-weight: 600; } .we-lockup--in-app-event-module .event-details__title:lang(th) { line-height: 1.48125; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .event-details__title:lang(hi) { line-height: 1.45; } .we-lockup--in-app-event-module .event-details__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .event-details__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .event-details__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .event-details__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .we-lockup__lockup-eyebrow { position: absolute; top: 0px; background: var(--event-color); padding: 4px 10px; border-bottom-right-radius: 8px; font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; z-index: 2; } .we-lockup--in-app-event-module .we-lockup__lockup-eyebrow:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .we-lockup__lockup-eyebrow:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .we-lockup__lockup-eyebrow:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .we-lockup__lockup-eyebrow:lang(zh) { letter-spacing: 0px; } .we-lockup--in-app-event-module .we-lockup__lockup-eyebrow:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .we-lockup__lockup-eyebrow:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .we-lockup__lockup-eyebrow:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .we-lockup__lockup-eyebrow:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .we-lockup__lockup-eyebrow:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .we-lockup__artwork { mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 5%, rgb(0, 0, 0) 10%); z-index: unset; } @supports not (aspect-ratio:auto) { .we-lockup--in-app-event-module .we-lockup__artwork { width: 100%; padding-top: 100%; height: 0px; position: relative; overflow: hidden; } .we-lockup--in-app-event-module .we-lockup__artwork img { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; max-width: 100%; height: 100%; } } .we-lockup--in-app-event-module .we-lockup__artwork::before { border: 0px; } .we-lockup--in-app-event-module img, .we-lockup--in-app-event-module picture { height: 100%; width: 100%; border-radius: 8px; max-width: 100%; max-height: 100%; aspect-ratio: 3 / 4; object-fit: cover; } @media only screen and (max-width: 734px) { .we-lockup--in-app-event-module img, .we-lockup--in-app-event-module picture { aspect-ratio: 2 / 3; } } .we-lockup--in-app-event-module .we-lockup__joe-color, .we-lockup--in-app-event-module .we-lockup__material { margin: 5px -5px; width: calc(100% + 10px); mask-image: linear-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 50%, rgb(0, 0, 0) 70%); } @media only screen and (max-width: 734px) { .we-lockup--in-app-event-module .we-lockup__joe-color, .we-lockup--in-app-event-module .we-lockup__material { mask-image: linear-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 30%, rgb(0, 0, 0) 70%); } } .we-lockup--in-app-event-module .we-lockup__joe-color { background-color: var(--event-color); z-index: 0; } .we-lockup--in-app-event-module .we-lockup__overlay + .we-lockup__copy { width: 100%; position: absolute; bottom: 0px; color: rgb(255, 255, 255); left: 0px; } .we-lockup--in-app-event-module .we-lockup__text { position: absolute; bottom: 0px; padding: 8% 4%; } .we-lockup--in-app-event-module .we-lockup__text--black { color: rgb(0, 0, 0); } .we-lockup--in-app-event-module .we-lockup__text--white { color: rgb(255, 255, 255); } .we-lockup--in-app-event-module .we-lockup__eyebrow { font-size: 11px; line-height: 1.18182; font-weight: 600; letter-spacing: 0.006em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .we-lockup__eyebrow:lang(th) { line-height: 1.4005; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .we-lockup__eyebrow:lang(vi) { line-height: 1.78828; } .we-lockup--in-app-event-module .we-lockup__eyebrow:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .we-lockup__eyebrow:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .we-lockup__eyebrow:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .we-lockup__eyebrow:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .we-lockup__eyebrow:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .we-lockup__eyebrow:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .we-lockup__eyebrow:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-module .we-lockup__eyebrow + .we-lockup__title { margin-top: 3px; } .we-lockup--in-app-event-story-module { display: block; } .we-lockup--in-app-event-story-module .we-lockup__lockup-eyebrow { margin-bottom: 11px; font-size: 15px; line-height: 1.33338; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__lockup-eyebrow:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__lockup-eyebrow:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__lockup-eyebrow:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__lockup-eyebrow:lang(zh) { letter-spacing: 0px; } .we-lockup--in-app-event-story-module .we-lockup__lockup-eyebrow:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__lockup-eyebrow:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__lockup-eyebrow:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__lockup-eyebrow:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__lockup-eyebrow:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__joe-color, .we-lockup--in-app-event-story-module .we-lockup__material { mask-image: linear-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.65) 58%, rgba(0, 0, 0, 0.9) 66%, rgb(0, 0, 0) 78%); } .we-lockup--in-app-event-story-module .we-lockup__eyebrow { position: relative; color: rgba(255, 255, 255, 0.55); font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; mix-blend-mode: plus-lighter; z-index: 1; } .we-lockup--in-app-event-story-module .we-lockup__eyebrow:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__eyebrow:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__eyebrow:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__eyebrow:lang(zh) { letter-spacing: 0px; } .we-lockup--in-app-event-story-module .we-lockup__eyebrow:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__eyebrow:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__eyebrow:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__eyebrow:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__eyebrow:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__eyebrow + .we-lockup__title { margin-top: 2px; } .we-lockup--in-app-event-story-module .we-lockup__title { font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: 0.024em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__title:lang(zh) { font-weight: 600; } .we-lockup--in-app-event-story-module .we-lockup__title:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__title:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__title:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__title:lang(zh-CH) { font-weight: 600; } .we-lockup--in-app-event-story-module .we-lockup__title:lang(th) { line-height: 1.422; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__title + .we-lockup__subtitle { margin-top: 5px; } .we-lockup--in-app-event-story-module .we-lockup__subtitle { position: relative; color: rgba(255, 255, 255, 0.55); font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; mix-blend-mode: plus-lighter; z-index: 1; } .we-lockup--in-app-event-story-module .we-lockup__subtitle:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__subtitle:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__subtitle:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__subtitle:lang(zh) { letter-spacing: 0px; } .we-lockup--in-app-event-story-module .we-lockup__subtitle:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__subtitle:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__subtitle:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__subtitle:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__subtitle:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup--in-app-event-story-module .we-lockup__overlay + .we-lockup__copy { margin-bottom: 19px; padding-left: 20px; padding-right: 20px; } .we-lockup--shelf-align-top { align-self: start; } .we-lockup--in-app-shelf, .we-lockup--in-book-shelf { overflow: visible; } @supports (-webkit-line-clamp:2) { .we-lockup--in-app-shelf .we-lockup__title, .we-lockup--in-book-shelf .we-lockup__title { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; align-items: initial; } } @media only screen and (max-width: 734px) { .we-lockup--in-book-shelf { margin-top: 35px; } } .we-lockup--in-book-shelf .we-lockup__copy { min-height: 4em; } .we-lockup--in-book-series-shelf { margin-bottom: 0px; } .we-lockup--in-book-series-shelf .we-lockup__copy { min-height: 8em; } .we-lockup__lockup-eyebrow { color: rgb(0, 112, 201); } .we-lockup__artwork { margin-bottom: 7px; } .we-lockup__artwork img { max-width: 100%; max-height: 100%; } .we-lockup__artwork--book { margin-bottom: 20px; } .we-lockup--person .we-lockup__subtitle, .we-lockup--person .we-lockup__subtitle [dir="rtl"], .we-lockup--person .we-lockup__title, .we-lockup--person .we-lockup__title [dir="rtl"] { display: block; text-align: center; } .we-lockup__title { display: flex; justify-content: flex-start; align-items: baseline; } .we-lockup__title.we-lockup__title--emphasized { font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup__title.we-lockup__title--emphasized:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup__title.we-lockup__title--emphasized:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup__title.we-lockup__title--emphasized:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup__title.we-lockup__title--emphasized:lang(zh) { letter-spacing: 0px; } .we-lockup__title.we-lockup__title--emphasized:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup__title.we-lockup__title--emphasized:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup__title.we-lockup__title--emphasized:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup__title.we-lockup__title--emphasized:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup__title.we-lockup__title--emphasized:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__details, .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__eyebrow, .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__subtitle { color: rgb(99, 99, 102); font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__details:lang(th), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__eyebrow:lang(th), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__subtitle:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__details:lang(ar), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__eyebrow:lang(ar), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__subtitle:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__details:lang(ja), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__eyebrow:lang(ja), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__subtitle:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__details:lang(ko), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__eyebrow:lang(ko), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__subtitle:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__details:lang(zh-CN), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__eyebrow:lang(zh-CN), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__subtitle:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__details:lang(zh-HK), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__eyebrow:lang(zh-HK), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__subtitle:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__details:lang(zh-MO), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__eyebrow:lang(zh-MO), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__subtitle:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__details:lang(zh-TW), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__eyebrow:lang(zh-TW), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__subtitle:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__details.we-lockup__subtitle--emphasized, .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__eyebrow.we-lockup__subtitle--emphasized, .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__subtitle.we-lockup__subtitle--emphasized { text-transform: uppercase; font-size: 12px; line-height: 1.33337; font-weight: 600; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__details.we-lockup__subtitle--emphasized:lang(th), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__eyebrow.we-lockup__subtitle--emphasized:lang(th), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__subtitle.we-lockup__subtitle--emphasized:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__details.we-lockup__subtitle--emphasized:lang(ar), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__eyebrow.we-lockup__subtitle--emphasized:lang(ar), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__subtitle.we-lockup__subtitle--emphasized:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__details.we-lockup__subtitle--emphasized:lang(ja), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__eyebrow.we-lockup__subtitle--emphasized:lang(ja), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__subtitle.we-lockup__subtitle--emphasized:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__details.we-lockup__subtitle--emphasized:lang(ko), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__eyebrow.we-lockup__subtitle--emphasized:lang(ko), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__subtitle.we-lockup__subtitle--emphasized:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__details.we-lockup__subtitle--emphasized:lang(zh-CN), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__eyebrow.we-lockup__subtitle--emphasized:lang(zh-CN), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__subtitle.we-lockup__subtitle--emphasized:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__details.we-lockup__subtitle--emphasized:lang(zh-HK), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__eyebrow.we-lockup__subtitle--emphasized:lang(zh-HK), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__subtitle.we-lockup__subtitle--emphasized:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__details.we-lockup__subtitle--emphasized:lang(zh-MO), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__eyebrow.we-lockup__subtitle--emphasized:lang(zh-MO), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__subtitle.we-lockup__subtitle--emphasized:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__details.we-lockup__subtitle--emphasized:lang(zh-TW), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__eyebrow.we-lockup__subtitle--emphasized:lang(zh-TW), .we-lockup:not(.we-lockup--in-app-event-module):not(.we-lockup--in-app-event-story-module) .we-lockup__subtitle.we-lockup__subtitle--emphasized:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup--arcade .we-lockup__eyebrow { color: rgb(0, 0, 0); font-size: 12px; line-height: 1.33337; font-weight: 600; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup--arcade .we-lockup__eyebrow:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup--arcade .we-lockup__eyebrow:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup--arcade .we-lockup__eyebrow:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup--arcade .we-lockup__eyebrow:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup--arcade .we-lockup__eyebrow:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup--arcade .we-lockup__eyebrow:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup--arcade .we-lockup__eyebrow:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup--arcade .we-lockup__eyebrow:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-truncate { position: relative; z-index: 1; } .we-truncate--single-line { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .we-truncate--single-line[dir="rtl"] { width: 100%; } @supports (-ms-ime-align:auto) { .we-truncate--truncated::before { content: ""; color: rgb(255, 255, 255); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0.8) 33%, rgb(255, 255, 255) 100%) no-repeat; display: block; position: absolute; bottom: 0px; height: calc(1em + 1px); width: 4em; opacity: 0.9; z-index: 1; right: 0px; } } .we-truncate__button { float: right; } @supports ((-webkit-mask: linear-gradient(white,black)) or (mask: linear-gradient(white,black))) { .we-truncate__button { position: absolute; bottom: 0px; float: initial; right: 0px; z-index: 1; } } @supports (-ms-ime-align:auto) { .we-truncate__button { position: absolute; bottom: -1px; float: initial; right: 0px; z-index: 2; } } .we-truncate__button--direction-reversed { float: left; } @supports ((-webkit-mask: linear-gradient(white,black)) or (mask: linear-gradient(white,black))) { .we-truncate__button--direction-reversed { position: absolute; bottom: 0px; float: initial; z-index: 1; } } .we-truncate__button--top-offset { position: static; float: right; } .we-selectable-item { cursor: auto; } .we-selectable-item:not(.is-available) .we-selectable-item__link-text, .we-selectable-item:not(.is-available) .we-selectable-item__link-text__headline { color: rgb(99, 99, 102); } .we-selectable-item:not(.is-available) .we-selectable-item__link-text--work-headline { color: rgb(51, 51, 51); } .we-selectable-item.is-deep-linked td, .we-selectable-item.is-now-playing td, .we-selectable-item.we-selectable-item--allows-interaction:focus td, .we-selectable-item.we-selectable-item--allows-interaction:hover td { border-top: 1px solid transparent; } .we-selectable-item--allows-interaction .we-selectable-item__link-text__link { color: inherit; } .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__badge-inline-start, .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__endcopy, .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text, .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__headline, .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__link, .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__star-rating, .we-selectable-item--allows-interaction:focus .we-selectable-item__badge-inline-start, .we-selectable-item--allows-interaction:focus .we-selectable-item__endcopy, .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text, .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__headline, .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__link, .we-selectable-item--allows-interaction:focus .we-selectable-item__star-rating, .we-selectable-item--allows-interaction:hover .we-selectable-item__badge-inline-start, .we-selectable-item--allows-interaction:hover .we-selectable-item__endcopy, .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text, .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__headline, .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__link, .we-selectable-item--allows-interaction:hover .we-selectable-item__star-rating { color: rgb(0, 112, 201); } .is-itunes-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__badge-inline-start, .is-itunes-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__endcopy, .is-itunes-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text, .is-itunes-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__headline, .is-itunes-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__link, .is-itunes-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__star-rating, .is-itunes-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__badge-inline-start, .is-itunes-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__endcopy, .is-itunes-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text, .is-itunes-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__headline, .is-itunes-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__link, .is-itunes-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__star-rating, .is-itunes-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__badge-inline-start, .is-itunes-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__endcopy, .is-itunes-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text, .is-itunes-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__headline, .is-itunes-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__link, .is-itunes-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__star-rating { color: rgb(0, 112, 201); } .is-tv-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__badge-inline-start, .is-tv-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__endcopy, .is-tv-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text, .is-tv-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__headline, .is-tv-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__link, .is-tv-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__star-rating, .is-tv-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__badge-inline-start, .is-tv-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__endcopy, .is-tv-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text, .is-tv-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__headline, .is-tv-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__link, .is-tv-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__star-rating, .is-tv-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__badge-inline-start, .is-tv-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__endcopy, .is-tv-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text, .is-tv-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__headline, .is-tv-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__link, .is-tv-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__star-rating { color: rgb(15, 110, 161); } .is-mac-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__badge-inline-start, .is-mac-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__endcopy, .is-mac-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text, .is-mac-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__headline, .is-mac-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__link, .is-mac-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__star-rating, .is-mac-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__badge-inline-start, .is-mac-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__endcopy, .is-mac-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text, .is-mac-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__headline, .is-mac-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__link, .is-mac-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__star-rating, .is-mac-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__badge-inline-start, .is-mac-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__endcopy, .is-mac-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text, .is-mac-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__headline, .is-mac-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__link, .is-mac-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__star-rating { color: rgb(0, 112, 201); } .is-podcasts-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__badge-inline-start, .is-podcasts-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__endcopy, .is-podcasts-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text, .is-podcasts-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__headline, .is-podcasts-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__link, .is-podcasts-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__star-rating, .is-podcasts-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__badge-inline-start, .is-podcasts-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__endcopy, .is-podcasts-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text, .is-podcasts-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__headline, .is-podcasts-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__link, .is-podcasts-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__star-rating, .is-podcasts-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__badge-inline-start, .is-podcasts-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__endcopy, .is-podcasts-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text, .is-podcasts-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__headline, .is-podcasts-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__link, .is-podcasts-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__star-rating { color: rgb(125, 80, 223); } .is-apps-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__badge-inline-start, .is-apps-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__endcopy, .is-apps-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text, .is-apps-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__headline, .is-apps-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__link, .is-apps-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__star-rating, .is-apps-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__badge-inline-start, .is-apps-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__endcopy, .is-apps-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text, .is-apps-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__headline, .is-apps-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__link, .is-apps-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__star-rating, .is-apps-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__badge-inline-start, .is-apps-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__endcopy, .is-apps-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text, .is-apps-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__headline, .is-apps-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__link, .is-apps-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__star-rating { color: rgb(0, 112, 201); } .is-itunes-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__subcopy, .is-itunes-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__subcopy, .is-itunes-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__subcopy { color: rgba(0, 112, 201, 0.8); } .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__link, .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__link, .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__link { text-decoration: underline; } .we-selectable-item--allows-interaction { cursor: pointer; } .ac-video-poster { height: 100% !important; background-color: rgb(255, 255, 255); } .ac-video-poster::before { width: 35px; height: 35px; display: block; content: ""; background-image: url("https://apps.apple.com/assets/images/loading-spinner-small-89b12d3c4bf034acf043c7e19e2a9ccd.svg"); background-position: center center; background-repeat: no-repeat; background-size: 20px 20px; transition: background-image linear; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } @media only screen and (min-width: 735px) { .ac-video-poster::before { background-image: url("https://apps.apple.com/assets/images/loading-spinner-large-2cbc4da7c3996a3a0178735cf08b63c1.svg"); background-size: 35px 35px; } } .ac-video-poster.ac-video-poster-hide::before { background-image: none; } .ac-video-controls .main-controls { box-sizing: content-box; } .ac-video-poster:not(.ac-video-poster-hide) + .ac-video-controls .center-button-container { position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; } .we-video-thumbnail { position: relative; z-index: 1; } .we-video-thumbnail--small-bottom-margin { margin-bottom: 4px; } .we-video-thumbnail__control { width: 100%; height: 100%; position: absolute; top: 0px; display: flex; justify-content: center; align-items: center; border-radius: 6px; background-color: rgba(0, 0, 0, 0.35); opacity: 0; transition: opacity 0.15s ease-in-out; z-index: 1; } .no-touch .we-video-thumbnail__control:active, .no-touch .we-video-thumbnail__control:focus, .no-touch .we-video-thumbnail__control:hover { opacity: 1; } .has-touch .we-video-thumbnail__control { opacity: 1; } @media only screen and (max-width: 734px) { .we-video-thumbnail__control--small-viewportwidth { width: 100vw; margin-left: -7.14286%; } } .we-video-thumbnail__control__icon { min-width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); border-radius: 22px; background-color: rgba(216, 216, 216, 0.3); cursor: pointer; z-index: 1; } .we-video-thumbnail__control__icon:hover { text-decoration: none; } .we-video-thumbnail__control__icon::before { width: 15px; height: 17px; display: inline-block; content: ""; margin-left: 3px; background-image: url("https://apps.apple.com/assets/images/icons/video-thumbnail-sm-c3cb41a10f2ac99ce149671c1d7c02d9.svg"); background-position: center center; background-repeat: no-repeat; background-size: 15px 17px; } @media only screen and (max-width: 734px) { .we-video-thumbnail__control__icon { max-width: 44px; padding: 0px; } .we-video-thumbnail__control__icon::before { margin-top: 1px; } } @media only screen and (min-width: 735px) { .we-video-thumbnail__control__icon { padding: 0px 12px; } .we-video-thumbnail__control__icon::before { background-size: 11px 12px; } html[dir="rtl"] .we-video-thumbnail__control__icon::before { margin-left: 1px; } } @media only screen and (min-width: 735px) { .we-video-thumbnail__control__icon.we-video-thumbnail__control__icon--no-text { padding: 0px; width: 54px; height: 54px; border-radius: 27px; } .we-video-thumbnail__control__icon.we-video-thumbnail__control__icon--no-text::before { width: 20px; height: 23px; margin-top: 1px; margin-left: 6px; background-image: url("https://apps.apple.com/assets/images/icons/video-thumbnail-lg-ba9e0ce51c10e57cf68c0a32aa421cee.svg"); background-size: 20px 23px; } } .we-video-thumbnail__control__text { padding-top: 2px; margin-left: 5px; font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail__control__text:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail__control__text:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail__control__text:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail__control__text:lang(zh) { letter-spacing: 0px; } .we-video-thumbnail__control__text:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail__control__text:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail__control__text:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail__control__text:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail__control__text:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 734px) { .we-lockup .we-video-thumbnail__control__text { display: none; } } @supports (-ms-ime-align:auto) { .we-video-thumbnail__control__text { padding-top: 0px; } } html[dir="rtl"] .we-video-thumbnail__control__text { padding-top: 1px; margin-right: 3px; } .we-video-thumbnail--hero .we-video-thumbnail__control__text { font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-left: 5px; } .we-video-thumbnail--hero .we-video-thumbnail__control__text:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail--hero .we-video-thumbnail__control__text:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail--hero .we-video-thumbnail__control__text:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail--hero .we-video-thumbnail__control__text:lang(zh) { letter-spacing: 0px; } .we-video-thumbnail--hero .we-video-thumbnail__control__text:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail--hero .we-video-thumbnail__control__text:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail--hero .we-video-thumbnail__control__text:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail--hero .we-video-thumbnail__control__text:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail--hero .we-video-thumbnail__control__text:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 1069px) { .we-video-thumbnail--hero .we-video-thumbnail__control__text { font-size: 17px; line-height: 1.47059; font-weight: 600; letter-spacing: -0.022em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail--hero .we-video-thumbnail__control__text:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail--hero .we-video-thumbnail__control__text:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail--hero .we-video-thumbnail__control__text:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail--hero .we-video-thumbnail__control__text:lang(zh) { letter-spacing: 0px; } .we-video-thumbnail--hero .we-video-thumbnail__control__text:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail--hero .we-video-thumbnail__control__text:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail--hero .we-video-thumbnail__control__text:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail--hero .we-video-thumbnail__control__text:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-video-thumbnail--hero .we-video-thumbnail__control__text:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } @supports (-ms-ime-align:auto) { .we-video-thumbnail--hero .we-video-thumbnail__control__text { padding-top: 1px; } } @media only screen and (min-width: 1069px) { .we-video-thumbnail--hero .we-video-thumbnail__control__text { padding-top: 1px; margin-left: 10px; margin-right: 4px; } @supports (-ms-ime-align:auto) { .we-video-thumbnail--hero .we-video-thumbnail__control__text { padding-top: 2px; } } } @media only screen and (max-width: 735px) { .we-about-artist-inline__desc { padding-bottom: 12px; } } @media only screen and (min-width: 735px) { .we-about-artist-inline__desc--detailed { padding-right: 20px; } } .we-about-artist-inline__artwork-link { display: block; line-height: 0; } .we-about-artist-inline__details-item { border: none; min-height: 0px; vertical-align: top; margin-bottom: 18px; } .we-about-artist-inline__details-label { transform: translateY(1px); color: rgb(99, 99, 102); font-size: 11px; line-height: 1.18182; font-weight: 600; letter-spacing: 0.006em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-about-artist-inline__details-label:lang(th) { line-height: 1.4005; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-about-artist-inline__details-label:lang(vi) { line-height: 1.78828; } .we-about-artist-inline__details-label:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-about-artist-inline__details-label:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-about-artist-inline__details-label:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-about-artist-inline__details-label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-about-artist-inline__details-label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-about-artist-inline__details-label:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-about-artist-inline__details-label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-about-artist-inline__details-info { font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-about-artist-inline__details-info:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-about-artist-inline__details-info:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-about-artist-inline__details-info:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-about-artist-inline__details-info:lang(zh) { letter-spacing: 0px; } .we-about-artist-inline__details-info:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-about-artist-inline__details-info:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-about-artist-inline__details-info:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-about-artist-inline__details-info:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-about-artist-inline__details-info:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-about-artist-inline__details-info, .we-about-artist-inline__details-label { line-height: 18px; } .information-list { display: table; width: 100%; border-collapse: collapse; } .information-list.information-list--app { display: block; width: auto; } .information-list.information-list--episode { padding-right: 36px; } .information-list__item { display: table-row; } .information-list--app .information-list__item { padding-bottom: 16px; display: inline-block; } .information-list__item__term { display: table-cell; text-align: right; vertical-align: initial; font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__term:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__term:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__term:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__term:lang(zh) { letter-spacing: 0px; } .information-list__item__term:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__term:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__term:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__term:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__term:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list:not(.information-list--app) :not(:first-of-type) > .information-list__item__term { padding-top: 16px; } .information-list--app .information-list__item__term { display: block; vertical-align: top; color: rgb(99, 99, 102); text-align: left; } .information-list__item__term:lang(ja), .information-list__item__term:lang(ko), .information-list__item__term:lang(th), .information-list__item__term:lang(zh) { white-space: nowrap; } @supports (-ms-ime-align:auto) { .information-list__item__term:lang(fr) { white-space: nowrap; } } .information-list__item__definition { display: table-cell; vertical-align: initial; padding-left: 20px; font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__definition:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__definition:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__definition:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__definition:lang(zh) { letter-spacing: 0px; } .information-list__item__definition:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__definition:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__definition:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__definition:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__definition:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } html[dir="rtl"] .information-list__item__definition p[dir="ltr"] { text-align: end; } .information-list--app .information-list__item__definition { display: block; padding-left: 0px; } .information-list__item__definition__item:not(:first-of-type) { padding-top: 16px; } .information-list__item__definition__korean-age-rating:not(:first-of-type).information-list__item__juvenile-text { padding-top: 16px; } .information-list__item__definition__item__term { color: rgb(0, 0, 0); font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__definition__item__term:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__definition__item__term:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__definition__item__term:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__definition__item__term:lang(zh) { letter-spacing: 0px; } .information-list__item__definition__item__term:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__definition__item__term:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__definition__item__term:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__definition__item__term:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__definition__item__term:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .information-list__item__definition--copyright:lang(ar), .information-list__item__definition--copyright:lang(iw-IL) { direction: ltr; } .information-list__item--seller .information-list__item__definition__item__term { padding-top: 16px; } .information-list__item--seller .information-list__item__definition__item__definition { white-space: pre; } .we-media-preview { width: 100%; min-width: 32px; height: 100%; box-sizing: border-box; line-height: 0; z-index: 2; } .we-media-preview--work { transform: translateX(-7px); } .we-star-rating { display: inline-block; } .we-star-rating-stars, .we-star-rating-stars-outlines { display: inline-block; height: 9.5px; background-image: url("https://apps.apple.com/assets/images/stars-lg-bc4f4bfdd931e007ab096dd1c209c689.svg"); background-size: 10px 19px; } .we-star-rating--large .we-star-rating-stars, .we-star-rating--large .we-star-rating-stars-outlines { height: 25px; background-size: 24px 50px; } .we-star-rating-stars-outlines { width: 50px; background-position: 0px 9.5px; line-height: 9.5px; z-index: 1; } .we-star-rating--large .we-star-rating-stars-outlines { width: 120px; background-position: 0px 25px; } .we-star-rating-stars { width: 0px; background-position-x: 0px; } .we-star-rating-stars.we-star-rating-stars-0 { width: 0px; } .we-star-rating--large .we-star-rating-stars.we-star-rating-stars-0 { width: 0px; } .we-star-rating-stars.we-star-rating-stars-0_5 { width: 5px; } .we-star-rating--large .we-star-rating-stars.we-star-rating-stars-0_5 { width: 12px; } .we-star-rating-stars.we-star-rating-stars-1 { width: 10px; } .we-star-rating--large .we-star-rating-stars.we-star-rating-stars-1 { width: 24px; } .we-star-rating-stars.we-star-rating-stars-1_5 { width: 15px; } .we-star-rating--large .we-star-rating-stars.we-star-rating-stars-1_5 { width: 36px; } .we-star-rating-stars.we-star-rating-stars-2 { width: 20px; } .we-star-rating--large .we-star-rating-stars.we-star-rating-stars-2 { width: 48px; } .we-star-rating-stars.we-star-rating-stars-2_5 { width: 25px; } .we-star-rating--large .we-star-rating-stars.we-star-rating-stars-2_5 { width: 60px; } .we-star-rating-stars.we-star-rating-stars-3 { width: 30px; } .we-star-rating--large .we-star-rating-stars.we-star-rating-stars-3 { width: 72px; } .we-star-rating-stars.we-star-rating-stars-3_5 { width: 35px; } .we-star-rating--large .we-star-rating-stars.we-star-rating-stars-3_5 { width: 84px; } .we-star-rating-stars.we-star-rating-stars-4 { width: 40px; } .we-star-rating--large .we-star-rating-stars.we-star-rating-stars-4 { width: 96px; } .we-star-rating-stars.we-star-rating-stars-4_5 { width: 45px; } .we-star-rating--large .we-star-rating-stars.we-star-rating-stars-4_5 { width: 108px; } .we-star-rating-stars.we-star-rating-stars-5 { width: 50px; } .we-star-rating--large .we-star-rating-stars.we-star-rating-stars-5 { width: 120px; } .we-rating-count { display: inline-block; } .we-customer-ratings { margin-bottom: 15px; } .we-customer-ratings__stats { display: inline-flex; vertical-align: bottom; justify-content: space-between; } .we-customer-ratings__count { letter-spacing: 0.04em; } .we-customer-ratings__averages { text-align: center; color: rgb(99, 99, 102); font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-ratings__averages:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-ratings__averages:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-ratings__averages:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-ratings__averages:lang(zh) { letter-spacing: 0px; } .we-customer-ratings__averages:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-ratings__averages:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-ratings__averages:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-ratings__averages:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-ratings__averages:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .we-customer-ratings__averages { text-align: left; } } .we-customer-ratings__count { margin-top: 8px; text-align: right; color: rgb(99, 99, 102); font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-ratings__count:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-ratings__count:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-ratings__count:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-ratings__count:lang(zh) { letter-spacing: 0px; } .we-customer-ratings__count:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-ratings__count:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-ratings__count:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-ratings__count:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-ratings__count:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .we-customer-ratings__count { margin-top: 0px; align-self: flex-end; } } .we-customer-ratings__averages__display { margin-bottom: 10px; display: block; line-height: 43px; font-size: 60px; font-weight: 700; letter-spacing: -0.07em; color: rgb(76, 76, 80); margin-right: 3px; } @media only screen and (min-width: 735px) { .we-customer-ratings__averages__display { margin-bottom: 0px; display: inline-block; } } .we-customer-review { height: 100%; padding: 13px 16px 16px; background-color: rgb(248, 248, 248); border-radius: 6px; align-self: start; } .we-modal__content__wrapper .we-customer-review { padding-left: 0px; padding-right: 0px; } .l-column--equal-height > .we-customer-review { min-height: 184px; } .we-customer-review__rating { margin-bottom: 3px; } .we-customer-review__header { display: flex; } .we-customer-review__separator { white-space: pre; } html[dir="rtl"] .we-customer-review__separator { margin-left: 0.25em; } .we-customer-review__title { font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__title:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__title:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__title:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__title:lang(zh) { letter-spacing: 0px; } .we-customer-review__title:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__body { font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__body:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__body:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__body:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__body:lang(zh) { letter-spacing: 0px; } .we-customer-review__body:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__body:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__body:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__body:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__body:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__header--user { margin-bottom: 15px; color: rgb(99, 99, 102); font-size: 12px; line-height: 1.33337; font-weight: 600; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__header--user:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__header--user:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__header--user:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__header--user:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__header--user:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__header--user:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__header--user:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__header--user:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__user[dir="rtl"] { width: initial; } .we-customer-review__date { flex-shrink: 0; white-space: nowrap; } .we-customer-review__date--response { font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__date--response:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__date--response:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__date--response:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__date--response:lang(zh) { letter-spacing: 0px; } .we-customer-review__date--response:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__date--response:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__date--response:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__date--response:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__date--response:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-customer-review__header--response { margin-top: 18px; } .we-trusted-review { height: 100%; padding: 13px 16px 16px; background-color: rgb(248, 248, 248); border-radius: 6px; align-self: start; } .we-modal__content__wrapper .we-trusted-review { padding-left: 0px; padding-right: 0px; } .l-column--equal-height > .we-trusted-review { min-height: 184px; } .we-trusted-review__header, .we-trusted-review__subhead { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .we-trusted-review__header { margin-bottom: 14px; } .we-trusted-review__header--critic { display: block; } .we-trusted-review__consensus-rating { line-height: 0; overflow: hidden; margin-left: 20px; } .we-trusted-review__consensus-rating:first-child { margin-left: 0px; } .we-trusted-review__subhead { margin-bottom: 18px; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .we-trusted-review__critic-source, .we-trusted-review__rating { display: block; font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: 0.023em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__critic-source:lang(zh), .we-trusted-review__rating:lang(zh) { font-weight: 600; } .we-trusted-review__critic-source:lang(zh-HK), .we-trusted-review__rating:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__critic-source:lang(zh-MO), .we-trusted-review__rating:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__critic-source:lang(zh-TW), .we-trusted-review__rating:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__critic-source:lang(zh-CH), .we-trusted-review__rating:lang(zh-CH) { font-weight: 600; } .we-trusted-review__critic-source:lang(th), .we-trusted-review__rating:lang(th) { line-height: 1.48125; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__critic-source:lang(hi), .we-trusted-review__rating:lang(hi) { line-height: 1.45; } .we-trusted-review__critic-source:lang(ar), .we-trusted-review__rating:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__critic-source:lang(ja), .we-trusted-review__rating:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__critic-source:lang(ko), .we-trusted-review__rating:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__critic-source:lang(zh-CN), .we-trusted-review__rating:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__critic-source::before, .we-trusted-review__rating::before { vertical-align: baseline; margin-right: 6px; } .we-trusted-review__rating { margin-top: 2px; } .we-trusted-review__rating-subcopy { display: block; color: rgb(99, 99, 102); font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__rating-subcopy:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__rating-subcopy:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__rating-subcopy:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__rating-subcopy:lang(zh) { letter-spacing: 0px; } .we-trusted-review__rating-subcopy:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__rating-subcopy:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__rating-subcopy:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__rating-subcopy:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__rating-subcopy:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__body-label, .we-trusted-review__breakdown-label { font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__body-label:lang(ar), .we-trusted-review__breakdown-label:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__body-label:lang(ja), .we-trusted-review__breakdown-label:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__body-label:lang(ko), .we-trusted-review__breakdown-label:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__body-label:lang(zh), .we-trusted-review__breakdown-label:lang(zh) { letter-spacing: 0px; } .we-trusted-review__body-label:lang(th), .we-trusted-review__breakdown-label:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__body-label:lang(zh-CN), .we-trusted-review__breakdown-label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__body-label:lang(zh-HK), .we-trusted-review__breakdown-label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__body-label:lang(zh-MO), .we-trusted-review__breakdown-label:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__body-label:lang(zh-TW), .we-trusted-review__breakdown-label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__summary-item { display: flex; justify-content: space-between; font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__summary-item:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__summary-item:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__summary-item:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__summary-item:lang(zh) { letter-spacing: 0px; } .we-trusted-review__summary-item:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__summary-item:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__summary-item:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__summary-item:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__summary-item:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__summary-value { font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__summary-value:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__summary-value:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__summary-value:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__summary-value:lang(zh) { letter-spacing: 0px; } .we-trusted-review__summary-value:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__summary-value:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__summary-value:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__summary-value:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-trusted-review__summary-value:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .has-modal--page-overlay { overflow: hidden; } .has-modal--full-viewport { position: fixed; width: 100%; height: 100%; overflow: hidden; z-index: 1; } .has-modal--full-viewport body { height: 100%; overflow: hidden; } .we-modal { position: fixed; inset: 48px 0px 0px; display: none; max-height: 100vh; z-index: 0; } @media only screen and (min-width: 735px) { .we-modal { top: 0px; } } @supports (-ms-ime-align:auto) { .we-modal { top: 0px; } } .we-modal.we-modal--apps-categories-filter { top: 0px; } .we-modal--page-overlay { padding: 0px; background: rgba(255, 255, 255, 0.9); } @media only screen and (min-width: 735px) { .we-modal--page-overlay { padding-top: 54px; padding-bottom: 54px; } } .we-modal__content { padding: 30px 5px 30px 20px; height: calc(-49px + 100vh); width: 100%; position: absolute; top: 50%; background: rgb(255, 255, 255); word-break: break-word; transform: translate(-50%, -50%); left: 50%; z-index: 1; border-top: 1px solid rgb(214, 214, 214); } @media only screen and (min-width: 735px) { .we-modal__content { height: auto; max-width: 600px; max-height: calc(-108px + 100vh); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.5) 0px 15px 20px; } } .we-modal--apps-categories-filter .we-modal__content { border-top: 0px; height: 100vh; padding-top: 20px; padding-right: 0px; } .we-modal__content--review { background-color: rgb(248, 248, 248); } .we-modal__content__wrapper { max-height: calc(-109px + 100vh); overflow: auto; padding-right: 15px; } @media only screen and (min-width: 735px) { .we-modal__content__wrapper { max-height: calc(-168px + 100vh); } } .we-modal--apps-categories-filter .we-modal__content__wrapper { overflow: visible; padding-right: 0px; } .we-modal--full-viewport { background: rgb(255, 255, 255); } .we-modal--open { display: block; z-index: 10001; } .we-modal__name { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); color: rgb(99, 99, 102); font-size: 19px; line-height: 2.31579; font-weight: 700; letter-spacing: 0px; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-modal__name:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-modal__name:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-modal__name:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-modal__name:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-modal__name:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-modal__name:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-modal__name:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-modal__name:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-modal__close { margin: 0px; padding: 0px 20px 0px 0px; width: 40px; height: 30px; box-sizing: border-box; border: 0px; position: absolute; top: 15px; overflow: hidden; transform: translateY(-50%); font-size: 12px; cursor: pointer; background: 0px 0px; color: rgb(99, 99, 102); text-align: right; left: 0px; z-index: 10001; } .we-modal__close::after, .we-modal__close::before { font-family: "SF Pro Icons", "Apple WebExp Icons Custom"; color: inherit; display: inline-block; font-style: normal; font-weight: inherit; font-size: inherit; line-height: 1; text-decoration: underline; position: relative; z-index: 1; } .we-modal__close::after, .we-modal__close::before { text-decoration: none; } .we-modal__close::before { display: none; } .we-modal__close::after, .we-modal__close::before { content: ""; } .we-modal--apps-categories-filter .we-modal__close { top: 45px; color: rgb(0, 0, 0); font-size: 21px; left: auto; right: 0px; } .we-modal__close--overlay { width: 100%; position: absolute; inset: 0px; cursor: default; z-index: 0; } @media only screen and (min-width: 735px) { .we-modal__show { margin-bottom: 17px; } } @media only screen and (min-width: 735px) { .we-star-bar-graph { margin-bottom: 4px; } } .we-star-bar-graph__row { display: flex; align-items: center; } .we-star-bar-graph__bar { width: calc(100% - 59px); height: 2px; position: relative; top: 1px; background-color: rgb(239, 239, 244); border-radius: 4px; margin-left: 10px; z-index: 1; } .we-star-bar-graph__bar__foreground-bar { max-width: 100%; height: 100%; position: absolute; top: 0px; background-color: rgb(99, 99, 102); border-radius: 4px; left: 0px; z-index: 1; } .we-star-bar-graph__stars { width: 10px; height: 9px; display: inline-block; background-image: url("https://apps.apple.com/assets/images/five-star-rating-gray-ec0707c56bc834adf5dd504c555d4982.svg"); background-size: 49px 9px; background-position: 100% center; background-repeat: no-repeat; margin-left: auto; } .we-star-bar-graph__stars--2 { width: 19.5px; } .we-star-bar-graph__stars--3 { width: 29.5px; } .we-star-bar-graph__stars--4 { width: 39.5px; } .we-star-bar-graph__stars--5 { width: 49px; } .we-screenshot-viewer + .we-screenshot-viewer { margin-top: 11px; } .we-screenshot-viewer__screenshots .we-screenshot-viewer__screenshot--labelled { padding-bottom: 28px; } @media only screen and (max-width: 734px) { .we-screenshot-viewer__screenshots { margin-top: 15px; } } @media only screen and (min-width: 735px) { .we-screenshot-viewer__screenshots { white-space: nowrap; overflow: auto hidden; } } @supports (-ms-ime-align:auto) { .we-screenshot-viewer__screenshots { } } .we-screenshot-viewer__screenshots-list { align-items: center; } .we-screenshot-viewer__screenshots__label { margin-top: -25px; color: rgb(99, 99, 102); } @supports (-ms-ime-align:auto) { .we-screenshot-viewer__screenshots__label { margin-top: -32px; } } .we-loading-spinner { min-width: 20px; height: 20px; background-image: url("https://apps.apple.com/assets/images/loading-spinner-small-89b12d3c4bf034acf043c7e19e2a9ccd.svg"); background-size: 20px; background-position: center center; background-repeat: no-repeat; } @media only screen and (min-width: 735px) { .we-loading-spinner { height: 35px; background-image: url("https://apps.apple.com/assets/images/loading-spinner-large-2cbc4da7c3996a3a0178735cf08b63c1.svg"); background-size: 35px; } } .we-loading-spinner--see-all { margin-top: 4px; margin-bottom: 22px; } .we-loading-spinner--small { min-width: 20px; height: 20px; background-size: 20px; } .supports-list__item { display: inline-flex; flex-direction: row; } .supports-list__item__artwork { margin-top: 2px; min-width: 46px; height: 46px; } .supports-list__item__copy { min-width: 0px; margin-left: 10px; } .supports-list__item__copy__heading { margin-bottom: 1px; } html[dir="rtl"] .supports-list__item__copy__heading[dir="ltr"] { text-align: end; } .supports-list__item__copy__description { color: rgb(99, 99, 102); font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .supports-list__item__copy__description:lang(th) { line-height: 1.55; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .supports-list__item__copy__description:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .supports-list__item__copy__description:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .supports-list__item__copy__description:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .supports-list__item__copy__description:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .supports-list__item__copy__description:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .supports-list__item__copy__description:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .supports-list__item__copy__description:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header > :first-child { margin-top: 0px; } .product-header > :last-child { margin-bottom: 0px; } .product-header__eyebrow { color: rgb(99, 99, 102); font-size: 11px; line-height: 1.18182; font-weight: 600; letter-spacing: 0.006em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__eyebrow:lang(th) { line-height: 1.4005; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__eyebrow:lang(vi) { line-height: 1.78828; } .product-header__eyebrow:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__eyebrow:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__eyebrow:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__eyebrow:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__eyebrow:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__eyebrow:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__eyebrow:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header--arcade .product-header__eyebrow { color: rgb(29, 29, 31); font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header--arcade .product-header__eyebrow:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header--arcade .product-header__eyebrow:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header--arcade .product-header__eyebrow:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header--arcade .product-header__eyebrow:lang(zh) { letter-spacing: 0px; } .app-header--arcade .product-header__eyebrow:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header--arcade .product-header__eyebrow:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header--arcade .product-header__eyebrow:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header--arcade .product-header__eyebrow:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header--arcade .product-header__eyebrow:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .app-header--arcade .product-header__eyebrow { font-size: 18px; line-height: 1.22226; font-weight: 600; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header--arcade .product-header__eyebrow:lang(th) { line-height: 1.44839; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header--arcade .product-header__eyebrow:lang(hi) { line-height: 1.41778; } .app-header--arcade .product-header__eyebrow:lang(ko) { line-height: 1.52381; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header--arcade .product-header__eyebrow:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header--arcade .product-header__eyebrow:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header--arcade .product-header__eyebrow:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header--arcade .product-header__eyebrow:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header--arcade .product-header__eyebrow:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header--arcade .product-header__eyebrow:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .product-header__title { display: block; font-size: 18px; line-height: 1.22226; font-weight: 600; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__title:lang(th) { line-height: 1.44839; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__title:lang(hi) { line-height: 1.41778; } .product-header__title:lang(ko) { line-height: 1.52381; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .product-header__title { font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: 0.023em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__title:lang(zh) { font-weight: 600; } .product-header__title:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__title:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__title:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__title:lang(zh-CH) { font-weight: 600; } .product-header__title:lang(th) { line-height: 1.48125; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__title:lang(hi) { line-height: 1.45; } .product-header__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .product-header__title.icon-explicit-large::after, .product-header__title.icon-explicit::after { font-weight: 400; font-size: 16px; vertical-align: middle; } .product-header__content-rating { display: inline-block; max-width: 100%; height: 13px; align-self: flex-start; vertical-align: middle; margin-bottom: 3px; } @media only screen and (min-width: 735px) { .product-header__content-rating { height: 16px; } } @media only screen and (min-width: 1069px) { .product-header__content-rating--australia { margin-bottom: 1.5px; } } .product-header__identity, .product-header__subtitle { display: block; font-size: 18px; line-height: 1.22226; font-weight: 400; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__identity:lang(th), .product-header__subtitle:lang(th) { line-height: 1.44839; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__identity:lang(hi), .product-header__subtitle:lang(hi) { line-height: 1.41778; } .product-header__identity:lang(ko), .product-header__subtitle:lang(ko) { line-height: 1.52381; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__identity:lang(ar), .product-header__subtitle:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__identity:lang(ja), .product-header__subtitle:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__identity:lang(zh-CN), .product-header__subtitle:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__identity:lang(zh-HK), .product-header__subtitle:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__identity:lang(zh-MO), .product-header__subtitle:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__identity:lang(zh-TW), .product-header__subtitle:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-header__subtitle { color: rgb(99, 99, 102); } @media only screen and (min-width: 735px) { .product-header--padded-start { padding-left: 10px; } } .product-header__list { color: rgb(99, 99, 102); } .product-header__list > :first-child { margin-top: 0px; } .product-header__list > :last-child { margin-bottom: 0px; } .product-header__list__item { display: flex; flex-wrap: wrap; align-items: center; } .product-header__routes { display: flex; align-items: flex-end; justify-content: space-between; min-height: 32px; position: relative; z-index: 1; } .product-header__routes.small-hide { display: none; } .product-header__routes.small-show { display: flex; } @media only screen and (min-width: 735px) { .product-header__routes.medium-hide { display: none; } .product-header__routes.medium-show { display: flex; } } @media only screen and (min-width: 1069px) { .product-header__routes.large-hide { display: none; } .product-header__routes.large-show { display: flex; } } .product-header__routes--wrap { margin-bottom: 16px; align-items: center; } .product-header__routes--desc { margin-top: 15px; margin-bottom: 32px; } .product-header__routes__cta { margin: 0px; flex-shrink: 0; } @media only screen and (min-width: 735px) { .product-header__routes__cta { margin: 0px 10px 0px 0px; } } .product-header__routes__cta--book-header { display: flex; flex-wrap: wrap; justify-content: center; } .product-header__routes__cta__open-cta { margin-right: 10px; } .product-header__routes__cta__listen-cta { display: flex; flex-direction: row-reverse; align-items: center; } .product-header__routes__cta__listen-cta::after { font-size: 1em; margin-right: 6px; } .product-header__preorder-disclaimer, .product-header__routes__client-not-detected { color: rgb(99, 99, 102); } .product-header__routes__badges { margin-left: 1em; } .product-artwork--bottom-separator { margin-bottom: 20px; } .product-artwork--captioned { margin-bottom: 12px; } @media only screen and (max-width: 734px) { .product-artwork--bottom-separator-button { margin-bottom: 16px; } } @media only screen and (max-width: 734px) { .product-artwork--bottom-separator-price { margin-bottom: 17px; } } .product-artwork__caption { padding-bottom: 10px; color: rgb(99, 99, 102); } @media only screen and (min-width: 735px) { .product-artwork__caption { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; } } .product-hero { z-index: 2; } @supports (-ms-ime-align:auto) { .localnav-sticking ~ html[dir="rtl"] .product-hero { margin-top: 52px; } } .product-hero__cta { margin-bottom: 32px; } .product-hero__nav { margin-top: 17px; } @media only screen and (min-width: 735px) { .product-hero__nav { margin-top: 27px; } } @media only screen and (min-width: 735px) { .product-hero__tracks, .product-hero__tracks-sosumi { padding-left: 10px; } } .product-hero__tracks--top-margin-small { margin-top: 20px; } .product-hero__tracks--top-margin-large { margin-top: 32px; } @media only screen and (min-width: 735px) { .product-hero__badges { max-height: 30px; position: absolute; right: 0px; z-index: 1; } } .product-hero__extras-badge { max-height: 30px; display: block; } .product-hero__extras-badge__image { height: auto; max-height: 30px; } .product-hero__controls { display: flex; align-items: baseline; justify-content: space-between; margin-top: 21px; color: rgb(99, 99, 102); border-top: 1px solid rgb(214, 214, 214); } .product-hero__controls.small-hide { display: none; } .product-hero__controls.small-show { display: flex; } @media only screen and (min-width: 735px) { .product-hero__controls.medium-hide { display: none; } .product-hero__controls.medium-show { display: flex; } } @media only screen and (min-width: 1069px) { .product-hero__controls.large-hide { display: none; } .product-hero__controls.large-show { display: flex; } } @media only screen and (max-width: 734px) { .product-hero-desc--small { padding-top: 17px; border-top: 1px solid rgb(214, 214, 214); } } .product-hero-desc--spacer-bottom { margin-bottom: 20px; } .product-hero-desc--spacer-bottom-large { margin-bottom: 32px; } .product-hero-desc--side-bar { padding-top: 17px; border-top: 1px solid rgb(214, 214, 214); } .product-hero-desc--side-bar-as-caption { padding-top: 5px; } .product-hero-desc__section::after { display: block; content: ""; clear: both; } .product-controls { display: flex; flex-wrap: wrap; flex-grow: 1; align-items: baseline; justify-content: flex-start; } @media only screen and (min-width: 735px) { .product-controls { justify-content: flex-end; } } .product-controls--hero, .product-controls--hero-with-table { flex-grow: 1; padding-top: 16px; padding-bottom: 16px; } .product-controls--hero .product-controls__button:not(:last-of-type), .product-controls--hero-with-table .product-controls__button:not(:last-of-type) { margin-right: 29px; } .product-controls--hero .product-controls__button::before, .product-controls--hero-with-table .product-controls__button::before { margin-left: 7px; margin-right: 9px; } .product-controls--hero .product-controls__button.icon-play::before, .product-controls--hero-with-table .product-controls__button.icon-play::before { margin-left: 10px; margin-right: 3px; } .product-controls--hero-with-table { padding-bottom: 15px; } .product-controls--hero-controls { padding-top: 14px; padding-bottom: 14px; } .product-controls--artwork { transition: opacity 0.15s ease-in-out, transform 0.2s ease-in-out; } .product-controls--artwork .product-controls__button:not(:last-of-type) { margin-right: 19px; } .product-controls--artwork .product-controls__button.icon-play::after { margin-left: 4px; } .product-controls__button.icon::after, .product-controls__button.icon::before { vertical-align: middle; } .product-controls__button.icon-play::after, .product-controls__button.icon-play::before { font-size: 15px; } @supports (-ms-ime-align:auto) { .product-controls__button.icon-play.icon-after::after { padding-left: 0.3em; top: -2px; } .product-controls__button.icon-play.icon-before::before { padding-right: 0.3em; display: inline-block; top: -2px; } .product-controls__button.icon-play.icon-before::after { display: none; } } .product-controls__button.icon-shuffle::after, .product-controls__button.icon-shuffle::before { font-size: 22px; } .album-header { margin-bottom: 16px; } @media only screen and (min-width: 735px) { .album-header { margin-top: 10px; margin-bottom: 26px; } } .album-header__identity { margin-bottom: 2px; color: rgb(99, 99, 102); } .album-header__routes { margin-top: 15px; } @media only screen and (min-width: 735px) { .app-header { margin-top: 9px; } } @media only screen and (min-width: 735px) { .app-header--arcade { margin-top: 0px; } } @media only screen and (max-width: 734px) { .app-header__title { margin-bottom: 2px; } } .app-header__identity, .app-header__subtitle { font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__identity:lang(ar), .app-header__subtitle:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__identity:lang(ja), .app-header__subtitle:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__identity:lang(ko), .app-header__subtitle:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__identity:lang(zh), .app-header__subtitle:lang(zh) { letter-spacing: 0px; } .app-header__identity:lang(th), .app-header__subtitle:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__identity:lang(zh-CN), .app-header__subtitle:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__identity:lang(zh-HK), .app-header__subtitle:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__identity:lang(zh-MO), .app-header__subtitle:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__identity:lang(zh-TW), .app-header__subtitle:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .app-header__identity, .app-header__subtitle { font-size: 18px; line-height: 1.22226; font-weight: 400; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__identity:lang(th), .app-header__subtitle:lang(th) { line-height: 1.44839; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__identity:lang(hi), .app-header__subtitle:lang(hi) { line-height: 1.41778; } .app-header__identity:lang(ko), .app-header__subtitle:lang(ko) { line-height: 1.52381; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__identity:lang(ar), .app-header__subtitle:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__identity:lang(ja), .app-header__subtitle:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__identity:lang(zh-CN), .app-header__subtitle:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__identity:lang(zh-HK), .app-header__subtitle:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__identity:lang(zh-MO), .app-header__subtitle:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__identity:lang(zh-TW), .app-header__subtitle:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .app-header__list { margin-top: 7px; } @media only screen and (min-width: 735px) { .app-header__list { margin-top: 9px; } } @media only screen and (max-width: 734px) { .app-header__list { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__list:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__list:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__list:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__list:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__list:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__list:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__list:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__list:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__list:last-of-type { margin-top: 14px; } } @media only screen and (min-width: 735px) { .app-header__list { margin-top: 11px; } .app-header__list:last-of-type { margin-top: 12px; } } .app-header__list__item--price { color: rgb(51, 51, 51); } .app-header__subtitle + .app-header__identity { margin-top: 2px; } .app-header__designed-for { margin-top: 2px; color: rgb(99, 99, 102); font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__designed-for:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__designed-for:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__designed-for:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__designed-for:lang(zh) { letter-spacing: 0px; } .app-header__designed-for:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__designed-for:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__designed-for:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__designed-for:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__designed-for:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-header__routes { margin-top: 6px; } @media only screen and (min-width: 735px) { .app-header__routes { margin-top: 5px; } } .app-header__list__item--arcade-release-date, .app-header__list__item--preorder { color: rgb(0, 112, 201); } @media only screen and (max-width: 734px) { :lang(el) .app-header__list__item--external-purchase, :lang(el) .app-header__list__item--in-app-purchase { flex-basis: 100%; white-space: normal; } :lang(el) .app-header__list__item--external-purchase::before, :lang(el) .app-header__list__item--in-app-purchase::before { content: normal; } } .page-header--a { padding-top: 42px; padding-bottom: 32px; } .page-header--b { padding-top: 8px; padding-bottom: 20px; display: flex; flex-direction: column; align-items: flex-start; } @media only screen and (max-width: 734px) { .page-header--b.page-header--artist.page-header--with-artwork { padding-top: 0px; align-items: center; } } @media only screen and (min-width: 735px) { .page-header--b { padding-bottom: 12px; max-width: 100%; align-items: center; flex-direction: row; justify-content: space-between; } .page-header--b:not(.page-header--with-artwork) { padding-top: 28px; } } .page-header--b2 { padding-top: 12px; padding-bottom: 32px; } @media only screen and (min-width: 735px) { .page-header--b2 { padding-top: 8px; } } .page-header--developer { padding-bottom: 32px; } @media only screen and (max-width: 734px) { .page-header--developer.page-header--with-artwork { align-items: flex-start; } } @media only screen and (max-width: 734px) { .page-header--author, .page-header--book-series { padding-top: 20px; padding-bottom: 32px; } } .page-header__title { font-size: 34px; line-height: 1.20596; font-weight: 700; letter-spacing: 0.018em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 734px) { .page-header__title { margin-bottom: 11px; } } .page-header--b .page-header__title:last-child { margin-bottom: 11px; } @media only screen and (min-width: 735px) { .page-header--a .page-header__title, .page-header--b2 .page-header__title { margin-bottom: 10px; } } .page-header__title:lang(zh) { font-weight: 600; } .page-header__title:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .page-header__title:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .page-header__title:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .page-header__title:lang(zh-CH) { font-weight: 600; } .page-header__title:lang(th) { line-height: 1.42899; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .page-header__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .page-header__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .page-header__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .page-header__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .page-header__description { margin-bottom: 16px; } .page-header__cta--hero-artist { flex-shrink: 0; } .podcast-header { margin-bottom: 20px; } @media only screen and (min-width: 735px) { .podcast-header { margin-top: 10px; margin-bottom: 32px; } } .podcast-header__identity { margin-bottom: 2px; } .podcast-header__list { margin-top: 12px; } .podcast-header__routes { margin-top: 15px; margin-bottom: 32px; } @media only screen and (min-width: 735px) { .podcast-header__routes { margin-bottom: 13px; } } .series-header { display: flex; justify-content: space-between; padding-top: 60px; padding-bottom: 40px; } @media only screen and (max-width: 734px) { .series-header { flex-direction: column; } } .series-header__text { padding-right: 20px; } .series-header__title { margin-bottom: 8px; font-size: 18px; line-height: 1.22226; font-weight: 600; letter-spacing: 0px; font-family: "New York Small", "SF Pro Icons", "Apple WebExp Icons Custom", Times, serif; } @media only screen and (min-width: 735px) { .series-header__title { font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: 0px; font-family: "New York Medium", "SF Pro Icons", "Apple WebExp Icons Custom", Times, serif; } .series-header__title:lang(zh) { font-weight: 600; } } .series-header__subtitle { margin-bottom: 4px; color: rgb(99, 99, 102); font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .series-header__subtitle:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .series-header__subtitle:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .series-header__subtitle:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .series-header__subtitle:lang(zh) { letter-spacing: 0px; } .series-header__subtitle:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .series-header__subtitle:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .series-header__subtitle:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .series-header__subtitle:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .series-header__subtitle:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .series-header__subtitle { font-size: 18px; line-height: 1.22226; font-weight: 400; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .series-header__subtitle:lang(th) { line-height: 1.44839; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .series-header__subtitle:lang(hi) { line-height: 1.41778; } .series-header__subtitle:lang(ko) { line-height: 1.52381; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .series-header__subtitle:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .series-header__subtitle:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .series-header__subtitle:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .series-header__subtitle:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .series-header__subtitle:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .series-header__subtitle:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } @media only screen and (max-width: 734px) { .series-header__cta { flex-direction: column; margin-top: 20px; } } @media only screen and (min-width: 735px) { .movie-header { margin-top: 7px; } } @media only screen and (min-width: 1069px) { .movie-header { padding-right: 60px; } } .movie-header__title { margin-bottom: 0px; } @media only screen and (min-width: 735px) { .movie-header__title { margin-bottom: 4px; } } .movie-header__list { margin-bottom: 13px; } @media only screen and (min-width: 735px) { .movie-header__list { margin-bottom: 12px; } } @media only screen and (max-width: 734px) { .movie-header__list:last-of-type { margin-bottom: 11px; } } .movie-header__list.movie-header__list--price { margin-top: 12px; margin-bottom: 5px; color: rgb(51, 51, 51); } @media only screen and (max-width: 734px) { .movie-header__list .movie-header__list__item--release-date { flex-basis: 100%; display: block; } .movie-header__list .movie-header__list__item--release-date::before { content: normal; } } @media only screen and (max-width: 1068px) { .movie-header__list .movie-header__list__item--expected-release-date { flex-basis: 100%; display: block; } .movie-header__list .movie-header__list__item--expected-release-date::before { content: normal; } } .movie-header__desc + .movie-header__routes { margin-top: 15px; } @media only screen and (min-width: 735px) { .video-header { margin-top: 0px; } } @media only screen and (min-width: 1069px) { .video-header { margin-top: 9px; } } @media only screen and (min-width: 735px) { .show-header { margin-top: 7px; } } .show-header__subtitle { margin-bottom: 6px; } .show-header__list { margin-bottom: 12px; } @media only screen and (max-width: 734px) { .show-header--itunes .show-header__list { margin-bottom: 5px; } } @media only screen and (max-width: 734px) { .show-header--tv .show-header__list { margin-bottom: 2px; } } .show-header__title + .show-header__list { margin-top: 1px; } @media only screen and (min-width: 735px) { .show-header__title + .show-header__list { margin-top: 4px; } } @media only screen and (max-width: 734px) { .show-header__list .show-header__list__item--release-date { margin-top: 1px; flex-basis: 100%; display: block; } .show-header__list .show-header__list__item--release-date::before { content: normal; } } .show-header__list--price { margin-top: 4px; margin-bottom: 5px; color: rgb(51, 51, 51); } .show-header__desc + .show-header__routes { margin-top: 7px; } @media only screen and (max-width: 734px) { .show-header__description { border-top: none; } } @media only screen and (min-width: 735px) { .book-header { margin-top: 6px; } } .book-header__title { font-size: 18px; line-height: 1.22226; font-weight: 600; letter-spacing: 0px; font-family: "New York Small", "SF Pro Icons", "Apple WebExp Icons Custom", Times, serif; } @media only screen and (min-width: 735px) { .book-header__title { font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: 0px; font-family: "New York Medium", "SF Pro Icons", "Apple WebExp Icons Custom", Times, serif; } .book-header__title:lang(zh) { font-weight: 600; } } .book-header__subtitle { color: rgb(99, 99, 102); font-size: 15px; line-height: 1.33338; font-weight: 600; letter-spacing: 0px; font-family: "New York Small", "SF Pro Icons", "Apple WebExp Icons Custom", Times, serif; } @media only screen and (min-width: 735px) { .book-header__subtitle { font-size: 18px; line-height: 1.22226; font-weight: 600; letter-spacing: 0px; font-family: "New York Small", "SF Pro Icons", "Apple WebExp Icons Custom", Times, serif; } } .book-header__author { margin-bottom: 11px; font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .book-header__author { margin-top: 8px; } } .book-header__author:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-header__author:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-header__author:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-header__author:lang(zh) { letter-spacing: 0px; } .book-header__author:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-header__author:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-header__author:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-header__author:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-header__author:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .book-header__author { font-size: 18px; line-height: 1.22226; font-weight: 400; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-header__author:lang(th) { line-height: 1.44839; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-header__author:lang(hi) { line-height: 1.41778; } .book-header__author:lang(ko) { line-height: 1.52381; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-header__author:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-header__author:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-header__author:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-header__author:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-header__author:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-header__author:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .book-header__list { margin-bottom: 13px; } @media only screen and (min-width: 735px) { .book-header__list { margin-bottom: 12px; } } .book-header__list.book-header__list--order { margin-top: 4px; } .book-header__list--order { margin-bottom: 5px; } .book-header__list__item--price { color: rgb(51, 51, 51); } .book-header__routes { margin-top: 6px; } @media only screen and (min-width: 735px) { .book-header__routes { margin-top: 5px; } } .linked-product-link { display: inline-block; margin-top: 16px; } .we-connecting { background: rgb(239, 239, 244); display: flex; flex-direction: column; min-height: 100vh; } .we-connecting::after { display: block; content: ""; } .we-connecting::after { flex-basis: 83px; } .we-connecting__content { flex-grow: 1; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; } .we-connecting__logo { flex-basis: 92px; } .we-connecting__logo-img { width: 75px; height: 75px; } .we-connecting__title { margin-bottom: 0.5em; display: inline-block; font-size: 40px; line-height: 1.05; font-weight: 300; letter-spacing: 0px; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-connecting__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-connecting__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-connecting__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-connecting__title:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-connecting__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-connecting__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-connecting__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-connecting__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 1069px) { .we-connecting__title { font-size: 54px; line-height: 1.07429; font-weight: 300; letter-spacing: 0px; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-connecting__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-connecting__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-connecting__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-connecting__title:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-connecting__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-connecting__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-connecting__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-connecting__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } @media only screen and (min-width: 735px) { .we-connecting__title { padding-left: 0.5em; } } .we-connecting__button { margin-right: auto; margin-bottom: 26px; margin-left: auto; } .we-connecting__instructions { max-width: 350px; padding: 0px 20px; margin: 0px auto; text-align: center; color: rgb(99, 99, 102); } .we-connecting__instructions--carrier { margin-bottom: 25px; color: rgb(0, 0, 0); } .we-connecting__launch-app { margin: 34px auto 0px; text-align: inherit; } .we-connecting__ellipses > span { animation-name: ellipses-opacity; animation-duration: 2.5s; animation-timing-function: linear; animation-fill-mode: both; animation-iteration-count: infinite; } .we-connecting__ellipses > :nth-child(1) { animation-delay: 0.20833s; } .we-connecting__ellipses > :nth-child(2) { animation-delay: 0.41667s; } .we-connecting__ellipses > :nth-child(3) { animation-delay: 625ms; } .we-connecting__ellipses > :nth-child(4) { animation-delay: 0.83333s; } .we-connecting__ellipses > :nth-child(5) { animation-delay: 1.04167s; } .we-connecting__ellipses > :nth-child(6) { animation-delay: 1.25s; } @keyframes ellipses-opacity { 0%, 100% { opacity: 0; } 9% { opacity: 0; } 10% { opacity: 1; } 59% { opacity: 1; } 60% { opacity: 0; } } .series__shelf { padding-top: 40px; } .series__shelf .we-lockup--in-book-shelf { padding-bottom: 20px; } .story { counter-reset: story-caption 0; } .story__section { margin-bottom: 32px; } .story__section--linkblock { margin-bottom: 20px; position: relative; display: block; align-self: stretch; background: rgb(239, 239, 244); border-radius: 6px; padding: 13px 32px 11.5px 16px; color: rgb(0, 0, 0); font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__section--linkblock:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__section--linkblock:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__section--linkblock:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__section--linkblock:lang(zh) { letter-spacing: 0px; } .story__section--linkblock:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__section--linkblock:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__section--linkblock:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__section--linkblock:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__section--linkblock:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__section--linkblock::after, .story__section--linkblock::before { font-family: "SF Pro Icons", "Apple WebExp Icons Custom"; color: inherit; display: inline-block; font-style: normal; font-weight: inherit; font-size: inherit; line-height: 1; text-decoration: underline; position: relative; z-index: 1; } .story__section--linkblock::after, .story__section--linkblock::before { text-decoration: none; } .story__section--linkblock::before { display: none; } .story__section--linkblock::after, .story__section--linkblock::before { content: ""; } .story__section--linkblock::after { padding-left: 0.3em; top: 50%; } .story__section--linkblock::after { position: absolute; color: rgb(99, 99, 102); transform: translateY(-50%); font-size: 18px; line-height: 1.22226; font-weight: 600; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; right: 16px; z-index: 1; } html[dir="rtl"] .story__section--linkblock::after { content: ""; } .story__section--linkblock .story__linkblock__description { color: rgb(99, 99, 102); font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__section--linkblock .story__linkblock__description:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__section--linkblock .story__linkblock__description:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__section--linkblock .story__linkblock__description:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__section--linkblock .story__linkblock__description:lang(zh) { letter-spacing: 0px; } .story__section--linkblock .story__linkblock__description:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__section--linkblock .story__linkblock__description:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__section--linkblock .story__linkblock__description:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__section--linkblock .story__linkblock__description:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__section--linkblock .story__linkblock__description:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__in-app-event-story-module { margin-bottom: 32px; } .story__thumbnail { margin-bottom: 10px; } @media only screen and (min-width: 735px) { .story__thumbnail { margin-bottom: 0px; } } .story__textblock { color: rgb(99, 99, 102); font-size: 18px; line-height: 1.22226; font-weight: 400; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textblock:lang(th) { line-height: 1.44839; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textblock:lang(hi) { line-height: 1.41778; } .story__textblock:lang(ko) { line-height: 1.52381; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textblock:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textblock:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textblock:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textblock:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textblock:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textblock:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textblock b { color: rgb(0, 0, 0); font-size: 18px; line-height: 1.22226; font-weight: 600; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textblock b:lang(th) { line-height: 1.44839; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textblock b:lang(hi) { line-height: 1.41778; } .story__textblock b:lang(ko) { line-height: 1.52381; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textblock b:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textblock b:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textblock b:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textblock b:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textblock b:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textblock b:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textlist { color: rgb(99, 99, 102); font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textlist:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textlist:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textlist:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textlist:lang(zh) { letter-spacing: 0px; } .story__textlist:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textlist:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textlist:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textlist:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__textlist:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__headline { font-size: 24px; line-height: 1.25; font-weight: 400; letter-spacing: 0.023em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__headline:lang(th) { line-height: 1.48125; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__headline:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__headline:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__headline:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__headline:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__headline:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__headline:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__article-media { margin-bottom: 20px; } .story__article-media--square { } .story__article-media--captioned { margin-bottom: 32px; } .story__article-media__image { border-radius: 6px; } .story__article-media__caption, .story__video__caption { display: flex; padding: 14.5px 20px 15.5px; color: rgb(99, 99, 102); background-color: rgb(239, 239, 244); font-size: 18px; line-height: 1.22226; font-weight: 400; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__article-media__caption:lang(th), .story__video__caption:lang(th) { line-height: 1.44839; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__article-media__caption:lang(hi), .story__video__caption:lang(hi) { line-height: 1.41778; } .story__article-media__caption:lang(ko), .story__video__caption:lang(ko) { line-height: 1.52381; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__article-media__caption:lang(ar), .story__video__caption:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__article-media__caption:lang(ja), .story__video__caption:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__article-media__caption:lang(zh-CN), .story__video__caption:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__article-media__caption:lang(zh-HK), .story__video__caption:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__article-media__caption:lang(zh-MO), .story__video__caption:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__article-media__caption:lang(zh-TW), .story__video__caption:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__article-media__caption--tipblock { padding-left: 0px; font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__article-media__caption--tipblock:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__article-media__caption--tipblock:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__article-media__caption--tipblock:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__article-media__caption--tipblock:lang(zh) { letter-spacing: 0px; } .story__article-media__caption--tipblock:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__article-media__caption--tipblock:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__article-media__caption--tipblock:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__article-media__caption--tipblock:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__article-media__caption--tipblock:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__article-media__caption--tipblock::before { display: block; content: attr(data-count); color: rgb(0, 0, 0); text-align: center; flex: 0 0 40px; font-size: 15px; line-height: 1.33338; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__article-media__caption--numbered::before { counter-increment: story-caption 1; content: counter(story-caption); } .story__label { color: rgb(99, 99, 102); font-size: 15px; line-height: 1.33338; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__label:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__label:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__label:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__label:lang(zh) { letter-spacing: 0px; } .story__label:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__label:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__pullquote { display: flex; padding-top: 2px; } .story__pullquote:lang(en) { quotes: "❝" "❞"; } .story__pullquote::before { width: 40px; content: "❝"; color: rgb(99, 99, 102); transform: translate(-3px, -4.5px); font-size: 45px; line-height: 1; font-weight: 700; letter-spacing: -0.0315em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__pullquote-quote { color: rgb(0, 0, 0); margin: 0px; font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: 0.023em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__pullquote-quote:lang(zh) { font-weight: 600; } .story__pullquote-quote:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__pullquote-quote:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__pullquote-quote:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__pullquote-quote:lang(zh-CH) { font-weight: 600; } .story__pullquote-quote:lang(th) { line-height: 1.48125; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__pullquote-quote:lang(hi) { line-height: 1.45; } .story__pullquote-quote:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__pullquote-quote:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__pullquote-quote:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__pullquote-quote:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__pullquote-quote::after { content: "❞"; color: rgb(99, 99, 102); } .story__pullquote-attribution { color: rgb(99, 99, 102); font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__pullquote-attribution:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__pullquote-attribution:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__pullquote-attribution:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__pullquote-attribution:lang(zh) { letter-spacing: 0px; } .story__pullquote-attribution:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__pullquote-attribution:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__pullquote-attribution:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__pullquote-attribution:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story__pullquote-attribution:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 734px) { .story__story-list { margin-top: 15px; } } @media only screen and (min-width: 735px) { .story__story-list { overflow: auto hidden; } } @supports (-ms-ime-align:auto) { .story__story-list { } } .story__story-list .story-card { min-width: auto; width: 206px; height: 304px; } @media only screen and (min-width: 735px) { .story__story-list .story-card { width: 280px; } } @media only screen and (min-width: 1069px) { .story__story-list .story-card { width: 320px; } } @media only screen and (min-width: 735px) { .story__story-list .story-card { height: 370px; } } @media only screen and (min-width: 1069px) { .story__story-list .story-card { height: 422px; } } .story__story-list__list { display: flex; align-items: flex-start; } .story__story-list__list--center { justify-content: center; } @media only screen and (min-width: 735px) { .story__appmedia { width: inherit; } } @media only screen and (min-width: 735px) { .story__appmedia .story__appmedia--screenshots { width: 100%; } } .story__video { contain: paint; margin: -10px; border: 10px solid rgb(255, 255, 255); border-radius: 20px; } .story__video.story__video--square-bottom { margin-bottom: 0px; border-bottom: 0px; border-radius: 20px 20px 0px 0px; } .story__video video { display: block; width: 100%; height: 100%; } .story__divider { margin: 32px 0px; color: var(--horizontal-rule-color,#d6d6d6); } .story__divider.story__divider--dashed { border-top: 1px dashed rgb(214, 214, 214); } .story__divider.story__divider--solid { border-top: 1px solid rgb(214, 214, 214); } .story__divider.story__divider--dotted { border-top: 1px dotted rgb(214, 214, 214); } @media only screen and (max-width: 734px) { .story__app-events { margin-top: 15px; } } @media only screen and (min-width: 735px) { .story__app-events { overflow: auto hidden; } } @supports (-ms-ime-align:auto) { .story__app-events { } } .story__app-events .we-lockup--in-app-event-module { width: 320px; } @media only screen and (min-width: 1069px) { .story__app-events .we-lockup--in-app-event-module { width: 420px; } } .story__app-events__list { display: flex; align-items: center; } .story__app-events__list--center { justify-content: center; } .story-card__river-chiclet--app-length-1 { padding-top: 25%; display: flex; align-self: center; } .story-card__river-chiclet--app-length-3 { padding-top: 15%; display: flex; align-self: center; gap: 16px; } .story-card__river-chiclet--app-length-2 { padding-top: 25%; display: flex; margin: auto; } .story-card__river-chiclet--app-length-2 img, .story-card__river-chiclet--app-length-2 picture { left: calc(14.2857%); bottom: 10px; } .story-card__river-chiclet--app-length-2 img:nth-child(2), .story-card__river-chiclet--app-length-2 picture:nth-child(2) { position: absolute; top: 10%; height: fit-content; } .story-card__river-chiclet--app-length-4, .story-card__river-chiclet--app-length-5, .story-card__river-chiclet--app-length-6, .story-card__river-chiclet--app-length-7 { padding-top: 10%; display: grid; grid-template-rows: auto auto; grid-auto-flow: column; align-self: center; gap: 16px; } .story-card__river-chiclet--app-length-4 .story-card__river-chiclet-app-icon:nth-child(2n+1), .story-card__river-chiclet--app-length-5 .story-card__river-chiclet-app-icon:nth-child(2n+1), .story-card__river-chiclet--app-length-6 .story-card__river-chiclet-app-icon:nth-child(2n+1), .story-card__river-chiclet--app-length-7 .story-card__river-chiclet-app-icon:nth-child(2n+1) { transform: translateX(calc(-25% - 8px)); } .story-card__river-chiclet--app-length-4 .story-card__river-chiclet-app-icon:nth-child(2n), .story-card__river-chiclet--app-length-5 .story-card__river-chiclet-app-icon:nth-child(2n), .story-card__river-chiclet--app-length-6 .story-card__river-chiclet-app-icon:nth-child(2n), .story-card__river-chiclet--app-length-7 .story-card__river-chiclet-app-icon:nth-child(2n) { transform: translateX(calc(25% + 8px)); } .story-card { height: 422px; } @media only screen and (min-width: 735px) { .story-card { height: 443px; } } @media only screen and (min-width: 1069px) { .story-card { height: 633px; } } .story-card__river-chiclet { contain: content; margin: 8px; } .story-card__river-chiclet.we-artwork--downloaded .we-artwork__image { background-color: rgba(0, 0, 0, 0.1); } @media screen and (prefers-reduced-motion: no-preference) { .story-card__river { animation: 22s linear 0s infinite normal none running marquee; } } .story-card__river-top { padding-top: 10%; align-items: center; display: flex; } .story-card__river-bottom { position: relative; align-items: center; display: flex; right: 12%; z-index: 1; } html[dir="rtl"] .story-card__river-bottom { right: -12%; } @keyframes marquee { 0% { transform: translateX(0px); } 100% { transform: translateX(var(--move-marquee)); } } .story-card__fallback { position: absolute; bottom: 0px; padding: 20px; } .story-card__fallback .story-card__short { color: rgb(255, 255, 255); } .story-card__fallback .story-card__label { color: rgb(255, 255, 255); } .story-card__fallback .story-card__name { color: rgb(255, 255, 255); } .story-card__artwork-fx { filter: blur(5px); position: absolute; z-index: 1; } .story-card__artwork-fx img { max-width: 100%; height: auto; } .story-card__background { background: var(--event-color); position: absolute; border-radius: 14px; filter: blur(5px) saturate(1.5); width: calc(100% + 20px); height: calc(100% + 20px); margin: -10px; z-index: -1; } .story-card__content-block { width: 100%; position: relative; bottom: 0px; padding: 20px; font-size: 11px; line-height: 1.45455; font-weight: 400; letter-spacing: -0.024em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(zh) { letter-spacing: 0px; } .story-card__content-block:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .story-card__content-block { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -0.024em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(zh) { letter-spacing: 0px; } .story-card__content-block:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } @media only screen and (min-width: 1069px) { .story-card__content-block { font-size: 17px; line-height: 1.29412; font-weight: 400; letter-spacing: -0.024em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(zh) { letter-spacing: 0px; } .story-card__content-block:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content-block:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .story-card { --card-height-small: 422px; --card-height-medium: 443px; --card-height-large: 633px; width: 100vw; min-width: 320px; display: flex; flex-direction: column; margin: 0px 0px 20px -20px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 10px 1px; } @media only screen and (min-width: 320px) { .story-card { margin-left: -6.25vw; } } @media only screen and (min-width: 366.714px) { .story-card { width: 320px; max-width: 100%; margin: 0px auto 20px; border-radius: 14px; } } @media only screen and (min-width: 735px) { .story-card { width: 480px; margin: 0px; } } .story-card--app-event { --card-gutter: 10px; --card-height: var(--card-height-small); --one-quarter-card-height: var(--card-height)/4; --one-tenth-of-one-quarter-card-height: var(--one-quarter-card-height)/10; --sixty-percent-of-one-quarter-card-height: var(--one-tenth-of-one-quarter-card-height) * 6; border-radius: 14px; position: relative; } @media only screen and (min-width: 735px) { .story-card--app-event { --card-height: var(--card-height-medium); } } @media only screen and (min-width: 1069px) { .story-card--app-event { --card-height: var(--card-height-large); --card-gutter: 20px; } } .story-card--app-event .story-card__content-block, .story-card--app-event .story-card__copy, .story-card--app-event .story-card__joe-color, .story-card--app-event .story-card__label, .story-card--app-event .story-card__material, .story-card--app-event .story-card__name, .story-card--app-event .story-card__protection-gradient, .story-card--app-event .story-card__short { z-index: 1; } .story-card--app-event .story-card__placard { z-index: 3; } .story-card--app-event .story-card__content { margin-top: 8px; width: 100%; height: calc(100% - 8px); position: absolute; left: 0px; } .story-card--app-event .story-card__copy { flex-grow: 1; padding-top: 0px; position: relative; padding-left: calc(var(--card-gutter) + 8px); padding-right: calc(var(--card-gutter) + 8px); } .story-card--app-event .story-card__short { margin-bottom: 0px; position: relative; } .story-card--app-event::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; box-sizing: border-box; border: 8px solid var(--event-color); border-radius: 14px; pointer-events: none; left: 0px; right: 0px; z-index: 3; } .story-card--branded, .story-card--content:not(.story-card--list):not(.story-card--app-event) { min-height: 409.26px; } .story-card--branded .story-card__artwork, .story-card--content:not(.story-card--list):not(.story-card--app-event) .story-card__artwork { border-radius: 0px; padding-bottom: 0px; margin-top: 0px; } @media only screen and (min-width: 735px) { .story-card--branded, .story-card--content:not(.story-card--list):not(.story-card--app-event) { min-height: 443px; } } @media only screen and (min-width: 1069px) { .story-card--branded, .story-card--content:not(.story-card--list):not(.story-card--app-event) { min-height: 633px; } } .story-card--branded, .story-card--hero, .story-card--shelf-card { position: relative; margin-bottom: 20px; } .story-card--branded .story-card__copy, .story-card--hero .story-card__copy, .story-card--shelf-card .story-card__copy { flex-grow: 1; } .story-card--branded .story-card__content, .story-card--hero .story-card__content, .story-card--shelf-card .story-card__content { position: absolute; width: 100%; min-height: 100%; z-index: 1; } .story-card--video { position: relative; } .story-card--video .story-card__copy { flex-grow: 1; } .story-card--video .story-card__content { position: absolute; width: 100%; min-height: 100%; z-index: 1; } .story-card--content:not(.story-card--app-event) { background: rgb(239, 239, 244); } .story-card--branded { height: 422px; } @media only screen and (min-width: 735px) { .story-card--branded { height: 443px; } } @media only screen and (min-width: 1069px) { .story-card--branded { height: 633px; } } .story-card--branded .story-card__content-block { padding: 12px 20px; } .story-card--branded .story-card__content { height: auto; } .story-card--branded .story-card__copy { justify-content: flex-end; padding: 0px 20px; } .story-card--branded .story-card__name { flex-grow: 0; margin: 0px; z-index: 2; } .story-card--branded .story-card__fallback-background { position: absolute; width: 100%; height: 100%; bottom: 0px; } .story-card--branded .story-card__artwork img { width: 100%; max-height: 100%; } .story-card--branded .story-card__name { font-size: 46px; line-height: 0.82609; font-weight: 800; letter-spacing: 0px; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--branded .story-card__name:lang(zh) { font-weight: 600; } .story-card--branded .story-card__name:lang(th) { line-height: 1.185; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--branded .story-card__name:lang(hi) { line-height: 1.18; } .story-card--branded .story-card__name:lang(vi) { line-height: 1.25; } .story-card--branded .story-card__name:lang(ru) { font-size: 38px; } .story-card--branded .story-card__name:lang(hu) { font-size: 38px; line-height: 1.10048; } .story-card--branded .story-card__name:lang(ko) { line-height: 1.1; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--branded .story-card__name:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--branded .story-card__name:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--branded .story-card__name:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--branded .story-card__name:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--branded .story-card__name:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--branded .story-card__name:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 1069px) { .story-card--branded .story-card__name { font-size: 60px; line-height: 0.81667; font-weight: 800; letter-spacing: 0px; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--branded .story-card__name:lang(zh) { font-weight: 600; } .story-card--branded .story-card__name:lang(th) { line-height: 1.17149; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--branded .story-card__name:lang(hi) { line-height: 1.16678; } .story-card--branded .story-card__name:lang(vi) { line-height: 1.23575; } .story-card--branded .story-card__name:lang(ru) { font-size: 49.57px; } .story-card--branded .story-card__name:lang(hu) { font-size: 49.57px; line-height: 1.08793; } .story-card--branded .story-card__name:lang(ko) { line-height: 1.08746; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--branded .story-card__name:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--branded .story-card__name:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--branded .story-card__name:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--branded .story-card__name:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--branded .story-card__name:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--branded .story-card__name:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .story-card--branded .story-card__name:lang(hi) { margin-bottom: 2px; } @media only screen and (min-width: 1069px) { .story-card--branded .story-card__name:lang(hi) { margin-bottom: 18px; } } .story-card--branded .story-card__name:lang(vi) { margin-bottom: 4px; } @media only screen and (min-width: 1069px) { .story-card--branded .story-card__name:lang(vi) { margin-bottom: 16px; } } .story-card--branded .story-card__name:lang(th) { margin-bottom: 3px; } @media only screen and (min-width: 1069px) { .story-card--branded .story-card__name:lang(th) { margin-bottom: 16px; } } .story-card--branded .story-card__name:lang(hu) { margin-bottom: 9px; } @media only screen and (min-width: 1069px) { .story-card--branded .story-card__name:lang(hu) { margin-bottom: 23px; } } .story-card--fallback-image { position: relative; bottom: 0px; border-radius: 14px; } .story-card--fallback-image { background: linear-gradient(45deg,var(--story-card-background-gradient) 0,rgba(0,0,0,0) 100%); } .story-card--branded .story-card__fallback-background, .story-card--content .story-card__fallback-background, .story-card--hero .story-card__fallback-background, .story-card--shelf-card .story-card__fallback-background, .story-card--video .story-card__fallback-background { background: linear-gradient(45deg,var(--story-card-fallback-gradient) 0,rgba(34,34,37,0) 70%,rgba(0,0,0,0) 100%); } .story-card--branded .story-card__content-block, .story-card--content .story-card__content-block, .story-card--hero .story-card__content-block, .story-card--shelf-card .story-card__content-block, .story-card--video .story-card__content-block { color: rgba(var(--story-card-label-color),.8); } .story-card--branded .story-card__label, .story-card--content .story-card__label, .story-card--hero .story-card__label, .story-card--shelf-card .story-card__label, .story-card--video .story-card__label { color: rgba(var(--story-card-label-color),.8); } .story-card--branded .story-card--branded .story-card__label, .story-card--content .story-card--branded .story-card__label, .story-card--hero .story-card--branded .story-card__label, .story-card--shelf-card .story-card--branded .story-card__label, .story-card--video .story-card--branded .story-card__label { color: rgba(var(--story-card-label-color),1); } .story-card--branded .story-card__name, .story-card--content .story-card__name, .story-card--hero .story-card__name, .story-card--shelf-card .story-card__name, .story-card--video .story-card__name { color: rgba(var(--story-card-label-color),1); } .story-card--branded .story-card__short, .story-card--content .story-card__short, .story-card--hero .story-card__short, .story-card--shelf-card .story-card__short, .story-card--video .story-card__short { color: rgba(var(--story-card-label-color),.8); } .story-card--four .story-card__copy { padding-bottom: 50px; } @media only screen and (min-width: 1069px) { .story-card--four .story-card__copy { padding-bottom: 35.5px; } } .story-card__time { padding: 5px 20px; min-height: 33px; max-width: calc(100% - (140px + 8px + var(--card-gutter))); position: absolute; top: 0px; display: inline-flex; align-items: center; background-color: var(--event-color); overflow: hidden; left: 0px; z-index: 3; } html[dir="ltr"] .story-card__time { border-top-left-radius: 14px; } html[dir="rtl"] .story-card__time { border-top-right-radius: 14px; } html[dir="ltr"] .story-card__time { border-bottom-right-radius: 14px; } html[dir="rtl"] .story-card__time { border-bottom-left-radius: 14px; } @media only screen and (min-width: 735px) { .story-card__time { padding: 8px 20px; min-height: 38px; top: var(--event-gutter); } } .story-card__time::after, .story-card__time::before { content: ""; width: 4px; height: 4px; position: absolute; background-color: var(--event-color); clip-path: path("M 4 0 H 0 V 4 C 0 1.79086 1.79086 0 4 0 Z"); z-index: 1; } html[dir="rtl"] .story-card__time::after, html[dir="rtl"] .story-card__time::before { transform: scaleX(-1); } .story-card__time::before { top: 100%; left: 8px; } .story-card__time::after { top: 8px; left: 100%; } .story-card__time-copy { width: 100%; position: relative; display: inline-flex; align-items: center; color: rgba(var(--story-card-label-color),.9); font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; z-index: 2; } .story-card__time-copy:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__time-copy:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__time-copy:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__time-copy:lang(zh) { letter-spacing: 0px; } .story-card__time-copy:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__time-copy:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__time-copy:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__time-copy:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__time-copy:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .is-live .story-card__time-copy::before { content: ""; width: 9px; height: 9px; display: block; position: relative; flex-shrink: 0; background-color: rgb(255, 45, 85); border-radius: 50%; margin-right: 5px; z-index: 2; } .story-card__time-copy-line-clamp { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 15px; line-height: 1.33338; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__time-copy-line-clamp:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__time-copy-line-clamp:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__time-copy-line-clamp:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__time-copy-line-clamp:lang(zh) { letter-spacing: 0px; } .story-card__time-copy-line-clamp:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__time-copy-line-clamp:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__time-copy-line-clamp:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__time-copy-line-clamp:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__time-copy-line-clamp:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__content { display: flex; flex-direction: column; } .story-card__copy { display: flex; flex-direction: column; padding: 34.5px 20px 0px; } @media only screen and (min-width: 1069px) { .story-card__copy { padding: 53.5px 40px 0px; } } .story-card__name { flex-grow: 1; margin-bottom: 4px; font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: 0.023em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 1069px) { .story-card__name { margin-bottom: 2px; } } .story-card__name:lang(zh) { font-weight: 600; } .story-card__name:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__name:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__name:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__name:lang(zh-CH) { font-weight: 600; } .story-card__name:lang(th) { line-height: 1.48125; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__name:lang(hi) { line-height: 1.45; } .story-card__name:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__name:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__name:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__name:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 1069px) { .story-card__name { font-size: 34px; line-height: 1.20596; font-weight: 700; letter-spacing: 0.018em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__name:lang(zh) { font-weight: 600; } .story-card__name:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__name:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__name:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__name:lang(zh-CH) { font-weight: 600; } .story-card__name:lang(th) { line-height: 1.42899; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__name:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__name:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__name:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__name:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .story-card__artwork { border-radius: 0px; z-index: -1; } .story-card__artwork img { max-width: 100%; height: auto; } .story-card__day-background { filter: blur(50px); z-index: -1; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; } .story-card__day-icon { position: absolute; bottom: 100%; left: 100%; transform: translate(calc(-50% - 80px), calc(50% + 80px)) rotate(-30deg); } @media only screen and (min-width: 735px) { .story-card__day-icon { transform: translate(calc(-50% - 80px), calc(50% + 80px)) rotate(-30deg); } } @media only screen and (min-width: 1069px) { .story-card__day-icon { transform: translate(calc(-50% - 108px), calc(50% + 134px)) rotate(-30deg); } } html[dir="rtl"] .story-card__day-icon { transform: translate(calc(50% + 80px), calc(50% + 80px)) rotate(30deg); } @media only screen and (min-width: 735px) { html[dir="rtl"] .story-card__day-icon { transform: translate(calc(50% + 80px), calc(50% + 80px)) rotate(30deg); } } @media only screen and (min-width: 1069px) { html[dir="rtl"] .story-card__day-icon { transform: translate(calc(50% + 108px), calc(50% + 134px)) rotate(30deg); } } .story-card__protection-gradient { position: absolute; bottom: 0px; width: 100%; } .story-card__label { color: rgb(99, 99, 102); margin-bottom: 2px; font-size: 15px; line-height: 1.33338; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 1069px) { .story-card__label { margin-bottom: 4px; } } .story-card__label:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__label:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__label:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__label:lang(zh) { letter-spacing: 0px; } .story-card__label:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__label:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__short { color: rgb(99, 99, 102); font-size: 18px; line-height: 1.22226; font-weight: 400; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__short:lang(th) { line-height: 1.44839; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__short:lang(hi) { line-height: 1.41778; } .story-card__short:lang(ko) { line-height: 1.52381; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__short:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__short:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__short:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__short:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__short:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__short:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card__video { contain: paint; border-radius: 14px; height: 422px; } @media only screen and (min-width: 735px) { .story-card__video { height: 443px; } } @media only screen and (min-width: 1069px) { .story-card__video { height: 633px; } } .story-card__video video { display: block; width: 100%; height: 100%; } .story-card__collection { margin: 20px 0px; flex-grow: 1; display: flex; align-items: center; } .story-card__iap-app { position: absolute; background-color: rgb(239, 239, 244); padding: 5px; inset: auto auto 0px -16px; transform: none; } .story-card__iap-purchase::before { background: url("https://apps.apple.com/assets/images/iap-overlay-158-392b6a4999f137137e18536b8d60a5b2.svg") no-repeat; } @media only screen and (min-width: 1069px) { .story-card__iap-purchase::before { background: url("https://apps.apple.com/assets/images/iap-overlay-262-e2079545c44d09715c518a1a9052a9ce.svg") no-repeat; } } .story-card__name-highlight { color: rgb(0, 112, 201); } .is-itunes-theme .story-card__name-highlight { color: rgb(0, 112, 201); } .is-tv-theme .story-card__name-highlight { color: rgb(15, 110, 161); } .is-mac-theme .story-card__name-highlight { color: rgb(0, 112, 201); } .is-podcasts-theme .story-card__name-highlight { color: rgb(125, 80, 223); } .is-apps-theme .story-card__name-highlight { color: rgb(0, 112, 201); } .story-card__iap-footer { padding: 0px 20px; } @media only screen and (min-width: 1069px) { .story-card__iap-footer { padding: 0px 40px; } } .story-card__protection-gradient { filter: var(--story-card-filter-values); color: rgba(var(--story-card-label-color),.8); background: linear-gradient(rgba(223,224,228,0),var(--story-card-bg-color)); height: var(--story-card-gradient-height); } .story-card__protection-gradient--editorial-lockup { --story-card-gradient-height: 60%; --story-card-filter-values: saturate(1.5) brightness(0.8); z-index: 1; } .story-card__video { mask-image: linear-gradient(to top,transparent 0,transparent var(--story-card-mask-value),#000 50%,#000 100%); } .story-card__artwork-fx { mask-image: linear-gradient(to top,#000 0,#000 calc(var(--story-card-mask-value) + 10%),rgba(0,0,0,0) calc(var(--story-card-mask-value) + 30%),rgba(0,0,0,0) 100%); } .story-card--shelf-card { width: 100%; height: auto; min-width: 0px; aspect-ratio: 320 / 422; } .story-card--shelf-card:has(.story-card__shelf-link:focus-visible) { outline: rgba(0, 125, 250, 0.6) solid 4px; outline-offset: 1px; } .story-card--shelf-card:has(.story-card__shelf-link:focus-visible)[data-focus-method="mouse"]:not(input):not(textarea):not(select), .story-card--shelf-card:has(.story-card__shelf-link:focus-visible)[data-focus-method="touch"]:not(input):not(textarea):not(select) { outline: 0px; } .story-card--shelf-card .story-card__artwork { z-index: 1; } .story-card--shelf-card .story-card__label { font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__label:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__label:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__label:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__label:lang(zh) { letter-spacing: 0px; } .story-card--shelf-card .story-card__label:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__label:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__name { font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: 0.023em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__name:lang(zh) { font-weight: 600; } .story-card--shelf-card .story-card__name:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__name:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__name:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__name:lang(zh-CH) { font-weight: 600; } .story-card--shelf-card .story-card__name:lang(th) { line-height: 1.48125; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__name:lang(hi) { line-height: 1.45; } .story-card--shelf-card .story-card__name:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__name:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__name:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__name:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__short { font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__short:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__short:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__short:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__short:lang(zh) { letter-spacing: 0px; } .story-card--shelf-card .story-card__short:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__short:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__short:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__short:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .story-card__short:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .app-placard.app-placard--inside { height: unset; min-height: 89px; padding: 10px 20px; pointer-events: none; position: relative; z-index: 3; } .story-card--shelf-card .app-placard .app-placard__image { margin-right: 12px; } .story-card--shelf-card .app-placard .app-placard__title { text-overflow: initial; white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .app-placard .app-placard__title:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .app-placard .app-placard__title:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .app-placard .app-placard__title:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .app-placard .app-placard__title:lang(zh) { letter-spacing: 0px; } .story-card--shelf-card .app-placard .app-placard__title:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .app-placard .app-placard__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .app-placard .app-placard__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .app-placard .app-placard__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .app-placard .app-placard__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .app-placard .app-placard__subtitle { color: rgba(255, 255, 255, 0.8); font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .app-placard .app-placard__subtitle:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .app-placard .app-placard__subtitle:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .app-placard .app-placard__subtitle:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .app-placard .app-placard__subtitle:lang(zh) { letter-spacing: 0px; } .story-card--shelf-card .app-placard .app-placard__subtitle:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .app-placard .app-placard__subtitle:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .app-placard .app-placard__subtitle:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .app-placard .app-placard__subtitle:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .app-placard .app-placard__subtitle:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .story-card--shelf-card .app-placard__cta { pointer-events: all; z-index: 4; } .story-card__shelf-link { position: absolute; inset: 0px; z-index: 2; } .whats-new__content::after, .whats-new__content::before { content: " "; display: table; } .whats-new__content::after { clear: both; } .whats-new__headline { font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: 0.024em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .whats-new__headline:lang(zh) { font-weight: 600; } .whats-new__headline:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .whats-new__headline:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .whats-new__headline:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .whats-new__headline:lang(zh-CH) { font-weight: 600; } .whats-new__headline:lang(th) { line-height: 1.422; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .whats-new__headline:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .whats-new__headline:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .whats-new__headline:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .whats-new__headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 734px) { .whats-new__latest { margin-bottom: 16px; padding-top: 2px; } } @media only screen and (min-width: 735px) { .whats-new__latest { float: right; } } .whats-new__latest__date, .whats-new__latest__version { color: rgb(99, 99, 102); } .whats-new__latest__date { text-align: right; } @media only screen and (max-width: 734px) { .whats-new__latest__date { float: right; } } @media only screen and (min-width: 735px) { .whats-new__latest__version { text-align: right; } } .version-history__headline { margin-top: 17px; margin-bottom: 17px; font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: 0.024em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__headline:lang(zh) { font-weight: 600; } .version-history__headline:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__headline:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__headline:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__headline:lang(zh-CH) { font-weight: 600; } .version-history__headline:lang(th) { line-height: 1.422; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__headline:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__headline:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__headline:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item { padding-top: 11px; padding-bottom: 12px; border-top: 1px solid rgb(214, 214, 214); } .version-history__item__version-number { margin-bottom: 10px; float: left; font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__version-number:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__version-number:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__version-number:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__version-number:lang(zh) { letter-spacing: 0px; } .version-history__item__version-number:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__version-number:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__version-number:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__version-number:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__version-number:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__release-date { float: right; margin-bottom: 10px; color: rgb(99, 99, 102); font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__release-date:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__release-date:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__release-date:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__release-date:lang(zh) { letter-spacing: 0px; } .version-history__item__release-date:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__release-date:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__release-date:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__release-date:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__release-date:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__release-notes { margin-bottom: 21px; clear: both; font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__release-notes:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__release-notes:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__release-notes:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__release-notes:lang(zh) { letter-spacing: 0px; } .version-history__item__release-notes:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__release-notes:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__release-notes:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__release-notes:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .version-history__item__release-notes:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album { display: block; font-size: 0px; } @media only screen and (min-width: 1069px) { .featured-album { margin-top: 3px; } } .featured-album__artwork { margin-bottom: 0px; width: 104px; display: inline-block; vertical-align: middle; } @media only screen and (min-width: 735px) { .featured-album__artwork { width: 47.1098%; } } @media only screen and (min-width: 1069px) { .featured-album__artwork { width: auto; } } .featured-album__text { display: inline-block; vertical-align: middle; max-width: calc(100% - 104px); padding-left: 10px; } @media only screen and (min-width: 735px) { .featured-album__text { max-width: 52.8902%; padding-left: 16px; } } .featured-album__text__eyebrow, .featured-album__text__headline, .featured-album__text__subcopy { display: block; } .featured-album__text__eyebrow { margin-top: 4px; text-transform: uppercase; font-size: 11px; line-height: 1.18182; font-weight: 600; letter-spacing: 0.006em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(0, 112, 201); } .featured-album__text__eyebrow:lang(th) { line-height: 1.4005; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__eyebrow:lang(vi) { line-height: 1.78828; } .featured-album__text__eyebrow:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__eyebrow:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__eyebrow:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__eyebrow:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__eyebrow:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__eyebrow:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__eyebrow:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .is-itunes-theme .featured-album__text__eyebrow { color: rgb(0, 112, 201); } .is-tv-theme .featured-album__text__eyebrow { color: rgb(15, 110, 161); } .is-mac-theme .featured-album__text__eyebrow { color: rgb(0, 112, 201); } .is-podcasts-theme .featured-album__text__eyebrow { color: rgb(125, 80, 223); } .is-apps-theme .featured-album__text__eyebrow { color: rgb(0, 112, 201); } .featured-album__text__headline { color: rgb(51, 51, 51); font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__headline:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__headline:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__headline:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__headline:lang(zh) { letter-spacing: 0px; } .featured-album__text__headline:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__headline:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__headline:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__headline:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__headline:not(:first-child) { margin-top: 2px; } .featured-album__text__subcopy { margin-top: 3px; color: rgb(99, 99, 102); font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__subcopy:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__subcopy:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__subcopy:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__subcopy:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__subcopy:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__subcopy:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__subcopy:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-album__text__subcopy:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .list-button { margin-bottom: 0px; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid rgb(214, 214, 214); font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .list-button:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .list-button:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .list-button:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .list-button:lang(zh) { letter-spacing: 0px; } .list-button:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .list-button:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .list-button:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .list-button:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .list-button:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .list-button:first-of-type { border-top: 1px solid rgb(214, 214, 214); } .list-button:last-of-type { border-bottom: none; } .tracklist-footer { margin-bottom: 3px; padding-top: 15px; padding-bottom: 7px; color: rgb(99, 99, 102); border-top: 1px solid rgb(214, 214, 214); } .tracklist-footer__item { margin-bottom: 0px; font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__item:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__item:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__item:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__item:lang(zh) { letter-spacing: 0px; } .tracklist-footer__item:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__item:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__item:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__item:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__item:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__item:last-child { margin-bottom: 2px; } .tracklist-footer--link { margin-top: 10px; } .tracklist-footer__item--released { font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__item--released:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__item--released:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__item--released:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__item--released:lang(zh) { letter-spacing: 0px; } .tracklist-footer__item--released:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__item--released:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__item--released:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__item--released:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__item--released:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__date { font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__date:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__date:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__date:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__date:lang(zh) { letter-spacing: 0px; } .tracklist-footer__date:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__date:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__date:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__date:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .tracklist-footer__date:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .books-featured-review { padding: 26px 0px; } .books-featured-review > :first-child { margin-top: 0px; } .books-featured-review > :last-child { margin-bottom: 0px; } .books-featured-review__headline { margin-bottom: 9px; border-bottom: 2px solid rgb(99, 99, 102); padding-bottom: 1px; display: inline-block; text-decoration: none; font-size: 12px; line-height: 1.33337; font-weight: 600; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .books-featured-review__headline:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .books-featured-review__headline:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .books-featured-review__headline:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .books-featured-review__headline:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .books-featured-review__headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .books-featured-review__headline:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .books-featured-review__headline:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .books-featured-review__headline:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .books-featured-review__date { color: rgb(99, 99, 102); } .books-featured-review__copy { position: relative; color: rgb(51, 51, 51); padding-left: 50px; z-index: 1; font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .books-featured-review__copy:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .books-featured-review__copy:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .books-featured-review__copy:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .books-featured-review__copy:lang(zh) { letter-spacing: 0px; } .books-featured-review__copy:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .books-featured-review__copy:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .books-featured-review__copy:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .books-featured-review__copy:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .books-featured-review__copy:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .books-featured-review__copy::before { padding-right: 0.3em; display: inline-block; top: 3px; } .books-featured-review__copy::after { display: none; } .books-featured-review__copy::before { position: absolute; font-size: 40px; color: rgb(99, 99, 102); left: 0px; z-index: 1; } .app-placard { display: flex; align-items: center; width: 320px; max-width: 100%; margin: 20px auto 0px; height: 52px; } @media only screen and (min-width: 735px) { .app-placard { height: 80px; } } @media only screen and (min-width: 1069px) { .app-placard { height: 120px; } } @media only screen and (max-width: 734px) { .app-placard { margin-bottom: 20px; } } @media only screen and (min-width: 365.714px) { .app-placard { border-radius: 14px; } } @media only screen and (min-width: 735px) { .app-placard { width: 100%; padding: 0px 10px; background: rgb(239, 239, 244); } } @media only screen and (min-width: 1069px) { .app-placard { padding: 0px 20px; } } .app-placard--iae-detail, .app-placard--inside { width: 100%; margin-top: 0px; margin-bottom: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; background: 0px 0px; } .app-placard--inside { padding: 0px 20px; height: 80px; } @media only screen and (min-width: 1069px) { .app-placard--inside { padding: 0px 40px; } } @media only screen and (min-width: 735px) { .app-placard--inside { height: 80px; } } @media only screen and (min-width: 1069px) { .app-placard--inside { height: 120px; } } .app-placard--iae-detail { height: auto; padding-left: 0px; padding-right: 0px; } .app-placard--iae-detail .app-placard__eyebrow, .app-placard--iae-detail .app-placard__subtitle, .app-placard--iae-detail .app-placard__title { color: rgb(255, 255, 255); position: relative; z-index: 1; } .app-placard--iae-detail { padding-top: 20px; padding-bottom: 20px; } .app-placard--otd { background: rgba(0, 0, 0, 0.25); color: rgb(255, 255, 255); backdrop-filter: blur(30px); padding: 0px 20px; border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); } @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .app-placard--otd { background: rgba(0, 0, 0, 0.6); } } .app-placard--otd .app-placard__eyebrow, .app-placard--otd .app-placard__subtitle { color: rgb(255, 255, 255); } .app-placard__app-link { display: flex; align-items: center; flex-grow: 1; color: rgb(255, 255, 255); gap: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } @media only screen and (min-width: 735px) { .app-placard__app-link { gap: 18px; } } .app-placard--otd .app-placard__image { margin-right: 12px; } @media only screen and (min-width: 735px) { .app-placard--otd .app-placard__image { margin-right: 18px; } } .app-placard__copy { flex-grow: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .app-placard__eyebrow { color: rgb(99, 99, 102); text-transform: uppercase; font-size: 11px; line-height: 1.18182; font-weight: 600; letter-spacing: 0.006em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__eyebrow:lang(th) { line-height: 1.4005; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__eyebrow:lang(vi) { line-height: 1.78828; } .app-placard__eyebrow:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__eyebrow:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__eyebrow:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__eyebrow:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__eyebrow:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__eyebrow:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__eyebrow:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__title { flex-shrink: 1; font-size: 15px; line-height: 1.33338; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__title:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__title:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__title:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__title:lang(zh) { letter-spacing: 0px; } .app-placard__title:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 1069px) { .app-placard__title { font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: 0.024em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__title:lang(zh) { font-weight: 600; } .app-placard__title:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__title:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__title:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__title:lang(zh-CH) { font-weight: 600; } .app-placard__title:lang(th) { line-height: 1.422; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .app-placard--iae-detail .app-placard__title { font-size: 18px; line-height: 1.22226; font-weight: 400; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail .app-placard__title:lang(th) { line-height: 1.44839; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail .app-placard__title:lang(hi) { line-height: 1.41778; } .app-placard--iae-detail .app-placard__title:lang(ko) { line-height: 1.52381; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail .app-placard__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail .app-placard__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail .app-placard__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail .app-placard__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail .app-placard__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail .app-placard__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__subtitle { color: rgb(99, 99, 102); flex-shrink: 1; font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__subtitle:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__subtitle:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__subtitle:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__subtitle:lang(zh) { letter-spacing: 0px; } .app-placard__subtitle:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__subtitle:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__subtitle:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__subtitle:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__subtitle:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 1069px) { .app-placard__subtitle { font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__subtitle:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__subtitle:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__subtitle:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__subtitle:lang(zh) { letter-spacing: 0px; } .app-placard__subtitle:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__subtitle:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__subtitle:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__subtitle:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__subtitle:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .app-placard--iae-detail:not(.is-installable) .app-placard__subtitle { margin-top: 4px; font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail:not(.is-installable) .app-placard__subtitle:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail:not(.is-installable) .app-placard__subtitle:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail:not(.is-installable) .app-placard__subtitle:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail:not(.is-installable) .app-placard__subtitle:lang(zh) { letter-spacing: 0px; } .app-placard--iae-detail:not(.is-installable) .app-placard__subtitle:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail:not(.is-installable) .app-placard__subtitle:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail:not(.is-installable) .app-placard__subtitle:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail:not(.is-installable) .app-placard__subtitle:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail:not(.is-installable) .app-placard__subtitle:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail.is-installable .app-placard__subtitle { margin-bottom: 2px; color: rgba(255, 255, 255, 0.55); font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail.is-installable .app-placard__subtitle:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail.is-installable .app-placard__subtitle:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail.is-installable .app-placard__subtitle:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail.is-installable .app-placard__subtitle:lang(zh) { letter-spacing: 0px; } .app-placard--iae-detail.is-installable .app-placard__subtitle:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail.is-installable .app-placard__subtitle:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail.is-installable .app-placard__subtitle:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail.is-installable .app-placard__subtitle:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iae-detail.is-installable .app-placard__subtitle:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard__cta { flex-shrink: 0; margin-left: 10px; } @media only screen and (min-width: 1069px) { .app-placard__cta { margin-left: 20px; } } .app-placard--iae-detail .app-placard__cta { margin-left: 16px; } .app-placard--iap { height: auto; margin-top: 2px; margin-bottom: 15px; padding: 0px; } @media only screen and (min-width: 1069px) { .app-placard--iap { margin-top: 3px; margin-bottom: 35px; } } .app-placard--iap .app-placard__copy { white-space: inherit; color: rgb(99, 99, 102); font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iap .app-placard__copy:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iap .app-placard__copy:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iap .app-placard__copy:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iap .app-placard__copy:lang(zh) { letter-spacing: 0px; } .app-placard--iap .app-placard__copy:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iap .app-placard__copy:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iap .app-placard__copy:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iap .app-placard__copy:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .app-placard--iap .app-placard__copy:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 1069px) { .app-placard--iap .app-placard__cta { margin-left: 16px; } } .app-placard--hero { align-items: center; backdrop-filter: blur(30px); border-radius: 15px; display: inline-flex; padding: 20px; } @media only screen and (max-width: 734px) { .app-placard--hero { width: 100%; padding-top: 35px; padding-bottom: 35px; } } .app-placard--hero .app-placard__copy { margin-right: 40px; } .app-placard--hero .app-placard__image { margin-right: 12px; } .app-placard--hero .app-placard__eyebrow { color: inherit; } .app-placard--hero .app-placard__cta { margin-top: 0px; } @media only screen and (max-width: 734px) { .app-placard--hero .app-placard__cta { margin-bottom: 0px; } } .product-grid { min-width: 100%; overflow: hidden; } .product-grid--river, .product-grid--tiles { height: 284px; flex-grow: 0; } @media only screen and (min-width: 1069px) { .product-grid--river, .product-grid--tiles { height: 404px; } } .product-grid__area { position: relative; height: 100%; display: flex; flex-wrap: wrap; } .product-grid--tiles .product-grid__area { transform-origin: 160px 142px; } @media only screen and (min-width: 735px) { .product-grid--tiles .product-grid__area { transform-origin: 168px 142px; } } @media only screen and (min-width: 1069px) { .product-grid--tiles .product-grid__area { transform-origin: 240px 202px; } } @supports not (display:grid) { .product-grid--large .product-grid__area { width: 618px; } @media only screen and (min-width: 1069px) { .product-grid--large .product-grid__area { width: 858px; } } .product-grid--river .product-grid__area { width: 490px; } @media only screen and (min-width: 1069px) { .product-grid--river .product-grid__area { width: 690px; } } .product-grid--mixed .product-grid__area, .product-grid--small .product-grid__area { width: 515px; } @media only screen and (min-width: 1069px) { .product-grid--mixed .product-grid__area, .product-grid--small .product-grid__area { width: 715px; } } } .product-grid--river .product-grid__area { transform: translate(-79px, -5px); } @media only screen and (min-width: 1069px) { .product-grid--river .product-grid__area { transform: translate(-113px, -5px); } } @supports not (display:grid) { .product-grid--river .product-grid__area .product-grid__item:nth-child(10n+10), .product-grid--river .product-grid__area .product-grid__item:nth-child(10n+6), .product-grid--river .product-grid__area .product-grid__item:nth-child(10n+7), .product-grid--river .product-grid__area .product-grid__item:nth-child(10n+8), .product-grid--river .product-grid__area .product-grid__item:nth-child(10n+9) { transform: translate(-44px, 0px); } @media only screen and (min-width: 1069px) { .product-grid--river .product-grid__area .product-grid__item:nth-child(10n+10), .product-grid--river .product-grid__area .product-grid__item:nth-child(10n+6), .product-grid--river .product-grid__area .product-grid__item:nth-child(10n+7), .product-grid--river .product-grid__area .product-grid__item:nth-child(10n+8), .product-grid--river .product-grid__area .product-grid__item:nth-child(10n+9) { transform: translate(-60px, 0px); } } } .product-grid--small .product-grid__area { transform: rotate(-30deg) translate(-189px, -227px); } @supports not (display:grid) { .product-grid--small .product-grid__area .product-grid__item:nth-child(10n+10), .product-grid--small .product-grid__area .product-grid__item:nth-child(10n+6), .product-grid--small .product-grid__area .product-grid__item:nth-child(10n+7), .product-grid--small .product-grid__area .product-grid__item:nth-child(10n+8), .product-grid--small .product-grid__area .product-grid__item:nth-child(10n+9) { transform: translate(-60px, 0px); } @media only screen and (min-width: 1069px) { .product-grid--small .product-grid__area .product-grid__item:nth-child(10n+10), .product-grid--small .product-grid__area .product-grid__item:nth-child(10n+6), .product-grid--small .product-grid__area .product-grid__item:nth-child(10n+7), .product-grid--small .product-grid__area .product-grid__item:nth-child(10n+8), .product-grid--small .product-grid__area .product-grid__item:nth-child(10n+9) { transform: translate(-44px, 0px); } } } .product-grid--one .product-grid__area { min-height: 160px; } @media only screen and (min-width: 1069px) { .product-grid--one .product-grid__area { min-height: 250px; } } .product-grid--two .product-grid__area { min-height: 200px; } @media only screen and (min-width: 1069px) { .product-grid--two .product-grid__area { min-height: 326px; } } .product-grid--three .product-grid__area { min-height: 140px; } @media only screen and (min-width: 735px) { .product-grid--three .product-grid__area { min-height: 168px; } } @media only screen and (min-width: 1069px) { .product-grid--three .product-grid__area { min-height: 240px; } } .product-grid--four { align-self: flex-start; margin-top: 18.5px; } @media only screen and (min-width: 1069px) { .product-grid--four { margin-top: 45.5px; } } .product-grid--four .product-grid__area { min-height: 208px; } @media only screen and (min-width: 1069px) { .product-grid--four .product-grid__area { min-height: 311px; } } .product-grid--iap { align-self: flex-start; margin-top: 29px; } @media only screen and (min-width: 1069px) { .product-grid--iap { margin-top: 24px; } } .product-grid--iap .product-grid__area { justify-content: center; } .product-grid--iap .product-grid__item { position: relative; margin: 0px; padding-bottom: 16px; } .product-grid__item { margin: 5px; max-width: 100%; height: auto; width: auto; align-self: center; } .product-grid--tiles .product-grid__item { margin: 7.5px; } @supports not (display:grid) { .product-grid--mixed .product-grid__item:nth-child(1) { position: absolute; top: 103px; left: 103px; } @media only screen and (min-width: 1069px) { .product-grid--mixed .product-grid__item:nth-child(1) { top: 143px; left: 143px; } } .product-grid--mixed .product-grid__item:nth-child(10), .product-grid--mixed .product-grid__item:nth-child(7) { margin-right: 213.5px; } @media only screen and (min-width: 1069px) { .product-grid--mixed .product-grid__item:nth-child(10), .product-grid--mixed .product-grid__item:nth-child(7) { margin-right: 293.5px; } } } .product-grid--four .product-grid__item, .product-grid--one .product-grid__item, .product-grid--three .product-grid__item, .product-grid--two .product-grid__item { position: absolute; margin: 0px; } .product-grid--one .product-grid__item:nth-child(1) { top: 50%; transform: translate(-50%, -50%); left: 50%; } .product-grid--two .product-grid__item:nth-child(1) { top: 0px; left: 60px; } @media screen and (max-width: 366.714px) and (min-width: 320px) { .product-grid--two .product-grid__item:nth-child(1) { left: calc(-100px + 50vw); } } @media only screen and (min-width: 735px) { .product-grid--two .product-grid__item:nth-child(1) { left: 68px; } } @media only screen and (min-width: 1069px) { .product-grid--two .product-grid__item:nth-child(1) { left: 80px; } } .product-grid--two .product-grid__item:nth-child(2) { bottom: 0px; right: 60px; } @media screen and (max-width: 366.714px) and (min-width: 320px) { .product-grid--two .product-grid__item:nth-child(2) { right: calc(-100px + 50vw); } } @media only screen and (min-width: 735px) { .product-grid--two .product-grid__item:nth-child(2) { right: 68px; } } @media only screen and (min-width: 1069px) { .product-grid--two .product-grid__item:nth-child(2) { right: 80px; } } .product-grid--three .product-grid__item { top: 50%; margin: 0px; } .product-grid--three .product-grid__item:nth-child(1) { transform: translate(0px, -50%); right: calc(50% + 90px); } @media only screen and (min-width: 735px) { .product-grid--three .product-grid__item:nth-child(1) { right: calc(50% + 104px); } } @media only screen and (min-width: 1069px) { .product-grid--three .product-grid__item:nth-child(1) { right: calc(50% + 160px); } } .product-grid--three .product-grid__item:nth-child(2) { transform: translate(-50%, -50%); left: 50%; } .product-grid--three .product-grid__item:nth-child(3) { transform: translate(0px, -50%); left: calc(50% + 90px); } @media only screen and (min-width: 735px) { .product-grid--three .product-grid__item:nth-child(3) { left: calc(50% + 104px); } } @media only screen and (min-width: 1069px) { .product-grid--three .product-grid__item:nth-child(3) { left: calc(50% + 160px); } } .product-grid--four .product-grid__item { margin: 0px; } .product-grid--four .product-grid__item:nth-child(1), .product-grid--four .product-grid__item:nth-child(3) { top: 0px; } .product-grid--four .product-grid__item:nth-child(2), .product-grid--four .product-grid__item:nth-child(4) { top: 30px; z-index: 2; } @media only screen and (min-width: 1069px) { .product-grid--four .product-grid__item:nth-child(2), .product-grid--four .product-grid__item:nth-child(4) { top: 40px; } } .product-grid--four .product-grid__item:nth-child(1) { right: 234px; } @media only screen and (min-width: 735px) { .product-grid--four .product-grid__item:nth-child(1) { right: 262px; } } @media only screen and (min-width: 1069px) { .product-grid--four .product-grid__item:nth-child(1) { right: 343px; } } .product-grid--four .product-grid__item:nth-child(2) { left: 16px; } @media only screen and (min-width: 735px) { .product-grid--four .product-grid__item:nth-child(2) { left: 44px; } } @media only screen and (min-width: 1069px) { .product-grid--four .product-grid__item:nth-child(2) { left: 32px; } } .product-grid--four .product-grid__item:nth-child(3) { right: 16px; } @media only screen and (min-width: 735px) { .product-grid--four .product-grid__item:nth-child(3) { right: 44px; } } @media only screen and (min-width: 1069px) { .product-grid--four .product-grid__item:nth-child(3) { right: 32px; } } .product-grid--four .product-grid__item:nth-child(4) { left: 234px; } @media only screen and (min-width: 735px) { .product-grid--four .product-grid__item:nth-child(4) { left: 262px; } } @media only screen and (min-width: 1069px) { .product-grid--four .product-grid__item:nth-child(4) { left: 343px; } } @supports (display:grid) { .product-grid--river .product-grid__area, .product-grid--tiles .product-grid__area { display: grid; width: auto; } .product-grid--mixed .product-grid__area { grid-template: "g10 g11 g12 g13 g14" 103px "g9 g1 g1 g2 g15" 103px "g8 g1 g1 g3 g16" 103px "g7 g6 g5 g4 g17" 103px "g22 g21 g20 g19 g18" 103px / 103px 103px 103px 103px 103px 103px; } @media only screen and (min-width: 1069px) { .product-grid--mixed .product-grid__area { grid-template: "g10 g11 g12 g13 g14" 143px "g9 g1 g1 g2 g15" 143px "g8 g1 g1 g3 g16" 143px "g7 g6 g5 g4 g17" 143px "g22 g21 g20 g19 g18" 143px / 143px 143px 143px 143px 143px 143px; } } .product-grid--large .product-grid__area { grid-template: "g7 g8 g9" 206px "g6 g1 g2" 206px "g5 g4 g3" 206px / 206px 206px 206px; } @media only screen and (min-width: 1069px) { .product-grid--large .product-grid__area { grid-template: "g7 g8 g9" 286px "g6 g1 g2" 286px "g5 g4 g3" 286px / 286px 286px 286px; } } .product-grid--small .product-grid__area { grid-template: "g21 g22 g23 g24 g25 g26" 103px "g20 g7 g8 g9 g10 g27" 103px "g19 g6 g1 g2 g11 g28" 103px "g18 g5 g4 g3 g12 g29" 103px "g17 g16 g15 g14 g13 g30" 103px / 103px 103px 103px 103px 103px 103px; } @media only screen and (min-width: 1069px) { .product-grid--small .product-grid__area { grid-template: "g21 g22 g23 g24 g25 g26" 143px "g20 g7 g8 g9 g10 g27" 143px "g19 g6 g1 g2 g11 g28" 143px "g18 g5 g4 g3 g12 g29" 143px "g17 g16 g15 g14 g13 g30" 143px / 143px 143px 143px 143px 143px; } } .product-grid--small .product-grid__item:nth-child(30n+10), .product-grid--small .product-grid__item:nth-child(30n+12), .product-grid--small .product-grid__item:nth-child(30n+18), .product-grid--small .product-grid__item:nth-child(30n+20), .product-grid--small .product-grid__item:nth-child(30n+27), .product-grid--small .product-grid__item:nth-child(30n+29), .product-grid--small .product-grid__item:nth-child(30n+3), .product-grid--small .product-grid__item:nth-child(30n+4), .product-grid--small .product-grid__item:nth-child(30n+5), .product-grid--small .product-grid__item:nth-child(30n+7), .product-grid--small .product-grid__item:nth-child(30n+8), .product-grid--small .product-grid__item:nth-child(30n+9) { transform: translate(-60px, 0px); } @media only screen and (min-width: 1069px) { .product-grid--small .product-grid__item:nth-child(30n+10), .product-grid--small .product-grid__item:nth-child(30n+12), .product-grid--small .product-grid__item:nth-child(30n+18), .product-grid--small .product-grid__item:nth-child(30n+20), .product-grid--small .product-grid__item:nth-child(30n+27), .product-grid--small .product-grid__item:nth-child(30n+29), .product-grid--small .product-grid__item:nth-child(30n+3), .product-grid--small .product-grid__item:nth-child(30n+4), .product-grid--small .product-grid__item:nth-child(30n+5), .product-grid--small .product-grid__item:nth-child(30n+7), .product-grid--small .product-grid__item:nth-child(30n+8), .product-grid--small .product-grid__item:nth-child(30n+9) { transform: translate(-44px, 0px); } } .product-grid--river .product-grid__area { grid-template: "g15 g7 g8 g9 g10" 98px "g14 g6 g1 g2 g11" 98px "g13 g5 g4 g3 g12" 98px / 98px 98px 98px 98px 98px; } @media only screen and (min-width: 1069px) { .product-grid--river .product-grid__area { grid-template: "g15 g7 g8 g9 g10" 138px "g14 g6 g1 g2 g11" 138px "g13 g5 g4 g3 g12" 138px / 138px 138px 138px 138px 138px; } } .product-grid--river .product-grid__item:nth-child(15n+10), .product-grid--river .product-grid__item:nth-child(15n+12), .product-grid--river .product-grid__item:nth-child(15n+13), .product-grid--river .product-grid__item:nth-child(15n+15), .product-grid--river .product-grid__item:nth-child(15n+3), .product-grid--river .product-grid__item:nth-child(15n+4), .product-grid--river .product-grid__item:nth-child(15n+5), .product-grid--river .product-grid__item:nth-child(15n+7), .product-grid--river .product-grid__item:nth-child(15n+8), .product-grid--river .product-grid__item:nth-child(15n+9) { transform: translate(-54px, 0px); } @media only screen and (min-width: 1069px) { .product-grid--river .product-grid__item:nth-child(15n+10), .product-grid--river .product-grid__item:nth-child(15n+12), .product-grid--river .product-grid__item:nth-child(15n+13), .product-grid--river .product-grid__item:nth-child(15n+15), .product-grid--river .product-grid__item:nth-child(15n+3), .product-grid--river .product-grid__item:nth-child(15n+4), .product-grid--river .product-grid__item:nth-child(15n+5), .product-grid--river .product-grid__item:nth-child(15n+7), .product-grid--river .product-grid__item:nth-child(15n+8), .product-grid--river .product-grid__item:nth-child(15n+9) { transform: translate(-78px, 0px); } } .product-grid--mixed .product-grid__area { transform: rotate(-30deg) translate(-46px, -64px); } @media only screen and (min-width: 735px) { .product-grid--mixed .product-grid__area { transform: rotate(-30deg) translate(-38px, -64px); } } @media only screen and (min-width: 1069px) { .product-grid--mixed .product-grid__area { transform: rotate(-30deg) translate(-46px, -84px); } } .product-grid--large .product-grid__area { transform: translate(37px, 1px) rotate(-30deg) translate(-149px, -167px); } @media only screen and (min-width: 735px) { .product-grid--large .product-grid__area { transform: translate(9px, 1px) rotate(-30deg) translate(-141px, -167px); } } @media only screen and (min-width: 1069px) { .product-grid--large .product-grid__area { transform: translate(29px, 11px) rotate(-30deg) translate(-189px, -227px); } } .product-grid--small .product-grid__area { transform: translate(-32px, 24px) rotate(-30deg) translate(-85px, -103px); } @media only screen and (min-width: 735px) { .product-grid--small .product-grid__area { transform: translate(-60px, 24px) rotate(-30deg) translate(-77px, -103px); } } @media only screen and (min-width: 1069px) { .product-grid--small .product-grid__area { transform: translate(17px, -11px) rotate(-30deg) translate(-105px, -143px); } } .product-grid__item:nth-child(1) { grid-area: g1; } .product-grid__item:nth-child(2) { grid-area: g2; } .product-grid__item:nth-child(3) { grid-area: g3; } .product-grid__item:nth-child(4) { grid-area: g4; } .product-grid__item:nth-child(5) { grid-area: g5; } .product-grid__item:nth-child(6) { grid-area: g6; } .product-grid__item:nth-child(7) { grid-area: g7; } .product-grid__item:nth-child(8) { grid-area: g8; } .product-grid__item:nth-child(9) { grid-area: g9; } .product-grid__item:nth-child(10) { grid-area: g10; } .product-grid__item:nth-child(11) { grid-area: g11; } .product-grid__item:nth-child(12) { grid-area: g12; } .product-grid__item:nth-child(13) { grid-area: g13; } .product-grid__item:nth-child(14) { grid-area: g14; } .product-grid__item:nth-child(15) { grid-area: g15; } .product-grid__item:nth-child(16) { grid-area: g16; } .product-grid__item:nth-child(17) { grid-area: g17; } .product-grid__item:nth-child(18) { grid-area: g18; } .product-grid__item:nth-child(19) { grid-area: g19; } .product-grid__item:nth-child(20) { grid-area: g20; } .product-grid__item:nth-child(21) { grid-area: g21; } .product-grid__item:nth-child(22) { grid-area: g22; } .product-grid__item:nth-child(23) { grid-area: g23; } .product-grid__item:nth-child(24) { grid-area: g24; } .product-grid__item:nth-child(25) { grid-area: g25; } .product-grid__item:nth-child(26) { grid-area: g26; } .product-grid__item:nth-child(27) { grid-area: g27; } .product-grid__item:nth-child(28) { grid-area: g28; } .product-grid__item:nth-child(29) { grid-area: g29; } .product-grid__item:nth-child(30) { grid-area: g30; } .product-grid__item:nth-child(31) { grid-area: g31; } .product-grid__item:nth-child(32) { grid-area: g32; } .product-grid__item:nth-child(33) { grid-area: g33; } } .we-artist-header { padding-top: 1px; position: relative; z-index: 1; } .we-artist-header__foreground { margin-top: 32px; margin-bottom: 14px; pointer-events: none; } @media only screen and (min-width: 735px) { .we-artist-header__foreground { margin-bottom: 36px; } } .we-artist-header__background { position: absolute; top: 32px; transform: translate(-50%, 10px); opacity: 0.4; filter: blur(40px) saturate(200%); pointer-events: none; left: 50%; z-index: 1; } .we-callout { border-radius: 6px; background-color: rgb(248, 248, 248); margin: 30px auto; padding: 30px 25.5px; } .we-callout > :first-child { margin-top: 0px; } .we-callout > :last-child { margin-bottom: 0px; } .we-callout__headline { font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-callout__headline:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-callout__headline:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-callout__headline:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-callout__headline:lang(zh) { letter-spacing: 0px; } .we-callout__headline:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-callout__headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-callout__headline:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-callout__headline:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-callout__headline:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-callout__copy { font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-callout__copy:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-callout__copy:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-callout__copy:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-callout__copy:lang(zh) { letter-spacing: 0px; } .we-callout__copy:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-callout__copy:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-callout__copy:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-callout__copy:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-callout__copy:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout { margin: 19px auto 0px; padding: 16px; position: relative; border-radius: 6px; background-color: rgb(248, 248, 248); z-index: 3; } .we-banner-callout > :first-child { margin-top: 0px; } .we-banner-callout > :last-child { margin-bottom: 0px; } @media only screen and (min-width: 735px) { .we-banner-callout { margin: 32px auto 13px; padding: 32px; } } .we-banner-callout__headline { margin-bottom: 3px; font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__headline:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__headline:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__headline:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__headline:lang(zh) { letter-spacing: 0px; } .we-banner-callout__headline:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__headline:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__headline:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__headline:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .we-banner-callout__headline { font-size: 20px; line-height: 1.2; font-weight: 400; letter-spacing: 0.024em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__headline:lang(th) { line-height: 1.422; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__headline:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__headline:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__headline:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__headline:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__headline:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__headline:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } @media only screen and (max-width: 734px) { .we-banner-callout__headline--itunes-image-spacer { margin-right: 68px; } } .we-banner-callout__copy { color: rgb(51, 51, 51); font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__copy:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__copy:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__copy:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__copy:lang(zh) { letter-spacing: 0px; } .we-banner-callout__copy:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__copy:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__copy:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__copy:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__copy:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__more-link { font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__more-link:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__more-link:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__more-link:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__more-link:lang(zh) { letter-spacing: 0px; } .we-banner-callout__more-link:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__more-link:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__more-link:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__more-link:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__more-link:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .we-banner-callout__more-link { font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__more-link:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__more-link:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__more-link:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__more-link:lang(zh) { letter-spacing: 0px; } .we-banner-callout__more-link:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__more-link:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__more-link:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__more-link:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-callout__more-link:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .we-banner-callout__itunes-icon { width: 58px; height: 58px; float: right; } @media only screen and (min-width: 735px) { .we-banner-callout__itunes-icon { margin-right: 30px; } } @media only screen and (min-width: 735px) { .we-banner-callout__itunes-icon { width: 88px; height: 88px; float: left; } } .we-banner-callout__AM-logo { width: 82px; height: auto; } @media only screen and (min-width: 735px) { .we-banner-callout__AM-logo { width: 125px; float: right; } } .we-banner-callout__download-button { margin-top: 9px; } .we-banner { margin: 19px auto 0px; padding: 8px 16px; position: relative; border-radius: 6px; background-color: rgb(242, 248, 252); z-index: 3; } .we-banner > :first-child { margin-top: 0px; } .we-banner > :last-child { margin-bottom: 0px; } @media only screen and (min-width: 735px) { .we-banner--story { margin-bottom: 19px; } } .we-banner__copy { color: rgb(51, 51, 51); text-align: center; font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner__copy:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner__copy:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner__copy:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner__copy:lang(zh) { letter-spacing: 0px; } .we-banner__copy:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner__copy:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner__copy:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner__copy:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner__copy:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner__copy__title { font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner__copy__title:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner__copy__title:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner__copy__title:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner__copy__title:lang(zh) { letter-spacing: 0px; } .we-banner__copy__title:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner__copy__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner__copy__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner__copy__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner__copy__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 734px) { .we-banner__copy__title { display: block; } } @media only screen and (min-width: 735px) { .we-banner__copy__description { margin-left: 8px; } } .we-banner-arcade { background-color: rgb(0, 0, 0); position: relative; overflow: hidden; color: rgb(255, 255, 255); margin: 20px auto; height: 152px; } @media only screen and (min-width: 735px) { .we-banner-arcade { margin-left: auto; margin-right: auto; width: 87.5%; border-radius: 8px; margin-top: 20px; } } @media only screen and (min-width: 735px) and (min-width: 735px) { .we-banner-arcade { margin-left: auto; margin-right: auto; width: 692px; } } @media only screen and (min-width: 735px) and (min-width: 1069px) { .we-banner-arcade { margin-left: auto; margin-right: auto; width: 980px; } } .we-banner-arcade__wrapper { padding: 0px 20px 8px; position: relative; display: flex; flex-direction: column; justify-content: center; height: 100%; z-index: 2; width: 70%; } @media only screen and (min-width: 735px) { .we-banner-arcade__wrapper { width: 78%; padding-bottom: 2px; } } @media only screen and (min-width: 1069px) { .we-banner-arcade__wrapper { width: 45%; } } .we-banner-arcade__logo { display: block; max-width: 100%; margin-bottom: 11px; height: 10px; align-self: flex-start; } @media only screen and (min-width: 735px) { .we-banner-arcade__logo { height: 13px; margin-bottom: 9px; } } .we-banner-arcade__title { font-size: 15px; line-height: 1.33338; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 6px; } .we-banner-arcade__title:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__title:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__title:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__title:lang(zh) { letter-spacing: 0px; } .we-banner-arcade__title:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .we-banner-arcade__title { font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: 0.023em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__title:lang(zh) { font-weight: 600; } .we-banner-arcade__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__title:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } @media only screen and (min-width: 735px) { .we-banner-arcade__title { margin-bottom: 8px; } } .we-banner-arcade__text { display: block; white-space: normal; } @media only screen and (min-width: 735px) { .we-banner-arcade__text { font-size: 80%; } } @media only screen and (min-width: 1069px) { .we-banner-arcade__text { font-size: 80%; } } .we-banner-arcade__text:lang(ar) { font-family: Helvetica, Arial, sans-serif; } .we-banner-arcade__cta { font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; color: inherit; } .we-banner-arcade__cta:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__cta:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__cta:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__cta:lang(zh) { letter-spacing: 0px; } .we-banner-arcade__cta:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__cta:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__cta:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__cta:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__cta:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .we-banner-arcade__cta { font-size: 15px; line-height: 1.33338; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__cta:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__cta:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__cta:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__cta:lang(zh) { letter-spacing: 0px; } .we-banner-arcade__cta:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__cta:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__cta:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__cta:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-banner-arcade__cta:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .we-banner-arcade__artwork { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; } .we-banner-arcade__image { width: 100%; height: 100%; object-fit: contain; object-position: right center; } html[dir="rtl"] .we-banner-arcade__image { object-position: left center; } .we-footer-arcade { background-color: rgb(0, 0, 0); position: relative; overflow: hidden; color: rgb(255, 255, 255); border-radius: 8px; margin: 0px auto 20px; max-width: 338px; } @media only screen and (min-width: 735px) { .we-footer-arcade { max-width: 980px; } } .we-footer-arcade__wrapper { z-index: 2; height: 384px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding-bottom: 41px; position: relative; margin-top: 80px; padding-left: 20px; padding-right: 20px; } @media only screen and (min-width: 735px) { .we-footer-arcade__wrapper { margin-top: 0px; padding: 0px 38px 8px; width: 60%; align-items: flex-start; justify-content: center; } } .we-footer-arcade__logo { display: block; flex-shrink: 0; max-width: 100%; margin: 0px 0px 16px; height: 13px; } @media only screen and (min-width: 735px) { .we-footer-arcade__logo { height: 15px; margin-bottom: 20px; } } .we-footer-arcade__title { font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: 0.024em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; color: inherit; margin-bottom: 10px; } .we-footer-arcade__title:lang(zh) { font-weight: 600; } .we-footer-arcade__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .we-footer-arcade__title { font-size: 30px; line-height: 1.46667; font-weight: 700; letter-spacing: 0px; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(zh) { font-weight: 600; } .we-footer-arcade__title:lang(fi) { font-size: 20px; line-height: 1.2; } .we-footer-arcade__title:lang(vi) { font-size: 34px; line-height: 1.20596; } .we-footer-arcade__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } @media only screen and (min-width: 1069px) { .we-footer-arcade__title { font-size: 30px; line-height: 1.46667; font-weight: 700; letter-spacing: 0px; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(zh) { font-weight: 600; } .we-footer-arcade__title:lang(vi) { font-size: 30px; line-height: 1.46667; } .we-footer-arcade__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } @media only screen and (min-width: 735px) { .we-footer-arcade__title { text-align: left; margin-bottom: 12px; } } .we-footer-arcade__text { display: block; } @media only screen and (min-width: 735px) { .we-footer-arcade__text { margin-top: 6px; } .we-footer-arcade__text:lang(hr), .we-footer-arcade__text:lang(ja) { font-size: 90%; } } .we-footer-arcade__text:lang(ar) { font-family: Helvetica, Arial, sans-serif; } .we-footer-arcade__cta { font-size: 13px; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 8px; color: inherit; display: inline-block; line-height: 1; } .we-footer-arcade__cta:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__cta:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__cta:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__cta:lang(zh) { letter-spacing: 0px; } .we-footer-arcade__cta:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__cta:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__cta:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__cta:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__cta:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__cta::after { font-weight: 400; } @media only screen and (min-width: 735px) { .we-footer-arcade__cta { font-size: 15px; line-height: 1.33338; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__cta:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__cta:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__cta:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__cta:lang(zh) { letter-spacing: 0px; } .we-footer-arcade__cta:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__cta:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__cta:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__cta:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-arcade__cta:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .we-footer-arcade__artwork { z-index: 1; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; } .we-footer-arcade__image { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center top; } @media only screen and (min-width: 735px) { .we-footer-arcade__image { padding-bottom: 0px; } } .we-footer-disclaimer { background-color: rgb(245, 245, 247); padding-top: 29px; padding-bottom: 29px; } .we-footer-disclaimer__text { font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(134, 134, 139); } .we-footer-disclaimer__text:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-disclaimer__text:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-disclaimer__text:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-disclaimer__text:lang(zh) { letter-spacing: 0px; } .we-footer-disclaimer__text:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-disclaimer__text:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-disclaimer__text:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-disclaimer__text:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-footer-disclaimer__text:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection { display: flex; flex-direction: column; } .we-product-collection__item { padding-top: 12px; padding-bottom: 12px; width: 100%; min-height: 72px; display: flex; align-items: center; } .we-product-collection__item:not(:last-of-type) { border-bottom: 1px solid rgb(214, 214, 214); } @media only screen and (min-width: 735px) { .we-product-collection--columned .we-product-collection__item { width: calc(50% - 10px); } .we-product-collection--columned .we-product-collection__item:nth-of-type(2n) { margin-left: 20px; } .we-product-collection--columned .we-product-collection__item:nth-of-type(-n+2) { border-top: 1px solid rgb(214, 214, 214); } } .we-product-collection--columned { flex-direction: column; } @media only screen and (min-width: 735px) { .we-product-collection--columned { flex-flow: wrap; } } .we-product-collection__item__headings { overflow: auto; margin-left: 16px; padding-right: 1em; } .we-product-collection__item__button { align-self: center; margin-right: 1px; margin-left: auto; } .we-product-collection__item__category { color: rgb(99, 99, 102); } .we-lockup-small .we-product-collection__item__category { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup-small .we-product-collection__item__category:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup-small .we-product-collection__item__category:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup-small .we-product-collection__item__category:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup-small .we-product-collection__item__category:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup-small .we-product-collection__item__category:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup-small .we-product-collection__item__category:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup-small .we-product-collection__item__category:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-lockup-small .we-product-collection__item__category:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__subtext { margin-top: 1px; color: rgb(99, 99, 102); font-size: 11px; line-height: 1.18182; font-weight: 400; letter-spacing: 0.006em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__subtext:lang(th) { line-height: 1.4005; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__subtext:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__subtext:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__subtext:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__subtext:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__subtext:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__subtext:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__subtext:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__subtext svg { fill: currentcolor; } .we-product-collection__item__eyebrow { color: rgb(99, 99, 102); text-transform: uppercase; font-size: 11px; line-height: 1.18182; font-weight: 600; letter-spacing: 0.006em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__eyebrow:lang(th) { line-height: 1.4005; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__eyebrow:lang(vi) { line-height: 1.78828; } .we-product-collection__item__eyebrow:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__eyebrow:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__eyebrow:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__eyebrow:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__eyebrow:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__eyebrow:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__eyebrow:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__product-name { font-size: 15px; line-height: 1.33338; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__product-name:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__product-name:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__product-name:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__product-name:lang(zh) { letter-spacing: 0px; } .we-product-collection__item__product-name:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__product-name:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__product-name:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__product-name:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__product-name:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-product-collection__item__artwork, .we-product-collection__item__button { flex-shrink: 0; } .we-editor-notes { height: 100%; padding: 9px 16px 13px; align-self: start; background-color: rgb(248, 248, 248); border-radius: 6px; } .l-column--equal-height > .we-editor-notes { min-height: 184px; } .we-editor-notes__editor { margin-bottom: 11px; display: block; } .we-editor-notes__editor__editor-notes { margin-top: 3px; text-align: left; font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: 0.024em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editor-notes__editor__editor-notes:lang(zh) { font-weight: 600; } .we-editor-notes__editor__editor-notes:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editor-notes__editor__editor-notes:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editor-notes__editor__editor-notes:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editor-notes__editor__editor-notes:lang(zh-CH) { font-weight: 600; } .we-editor-notes__editor__editor-notes:lang(th) { line-height: 1.422; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editor-notes__editor__editor-notes:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editor-notes__editor__editor-notes:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editor-notes__editor__editor-notes:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editor-notes__editor__editor-notes:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editor-notes--editor-choice { display: block; text-align: center; } .we-editor-notes__editor__editor-choice { margin: 12px 32px 9px; display: inline-block; position: relative; color: rgb(99, 99, 102); z-index: 1; font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: 0.024em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editor-notes__editor__editor-choice:lang(zh) { font-weight: 600; } .we-editor-notes__editor__editor-choice:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editor-notes__editor__editor-choice:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editor-notes__editor__editor-choice:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editor-notes__editor__editor-choice:lang(zh-CH) { font-weight: 600; } .we-editor-notes__editor__editor-choice:lang(th) { line-height: 1.422; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editor-notes__editor__editor-choice:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editor-notes__editor__editor-choice:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editor-notes__editor__editor-choice:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editor-notes__editor__editor-choice:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editor-notes__editor__editor-choice::after, .we-editor-notes__editor__editor-choice::before { content: ""; width: 22px; height: 44px; position: absolute; top: 50%; transform: translateY(1px) translateY(-50%); background-repeat: no-repeat; background-image: url("https://apps.apple.com/assets/images/laurel-left-3c4464a8dbb88e0a7039a15a7008a6ac.svg"); z-index: 1; } .we-editor-notes__editor__editor-choice::before { left: -32px; } .we-editor-notes__editor__editor-choice::after { right: -32px; transform: translateY(1px) translateY(-50%) scaleX(-1); } .we-editorial-quote { border-bottom: 1px solid rgb(214, 214, 214); background-color: rgb(248, 248, 248); margin-bottom: -1px; padding: 27px 0px; } .we-editorial-quote__wrapper { padding-left: 16px; padding-right: 16px; } @media only screen and (min-width: 735px) { .we-editorial-quote__author, .we-editorial-quote__text { text-align: center; } } .we-editorial-quote__text { font-size: 15px; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: calc(1.46667); } .we-editorial-quote__text:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editorial-quote__text:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editorial-quote__text:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editorial-quote__text:lang(zh) { letter-spacing: 0px; } .we-editorial-quote__text:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editorial-quote__text:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editorial-quote__text:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editorial-quote__text:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editorial-quote__text:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editorial-quote__author { font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; display: block; color: rgb(99, 99, 102); font-style: normal; margin-top: 15px; } .we-editorial-quote__author:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editorial-quote__author:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editorial-quote__author:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editorial-quote__author:lang(zh) { letter-spacing: 0px; } .we-editorial-quote__author:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editorial-quote__author:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editorial-quote__author:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editorial-quote__author:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-editorial-quote__author:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-clamp { display: block; overflow: hidden; mask-size: 100% 100%; mask-position: right bottom; word-break: break-word; } @supports (-ms-ime-align:auto) { .we-clamp { mask-image: none !important; } } html[dir="rtl"] .we-clamp[dir="ltr"] { text-align: end; } .we-clamp--visual { --clamp-lines: 0; display: -webkit-box; -webkit-line-clamp: var(--clamp-lines); -webkit-box-orient: vertical; overflow: hidden; } .we-clamp.icon { display: flex; align-items: baseline; } .we-share { height: 49px; display: flex; z-index: 1; color: rgb(0, 112, 201); } .is-itunes-theme .we-share { color: rgb(0, 112, 201); } .is-tv-theme .we-share { color: rgb(15, 110, 161); } .is-mac-theme .we-share { color: rgb(0, 112, 201); } .is-podcasts-theme .we-share { color: rgb(125, 80, 223); } .is-apps-theme .we-share { color: rgb(0, 112, 201); } .we-share .we-share__list-item { animation-name: fade-in; animation-duration: 50ms; animation-timing-function: cubic-bezier(0.21, 0.11, 0.18, 1); animation-fill-mode: forwards; opacity: 0; } .we-share.we-share--closing .we-share__list-item { animation-name: fade-out; animation-duration: 50ms; animation-timing-function: cubic-bezier(0.21, 0.11, 0.18, 1); animation-fill-mode: forwards; opacity: 1; } .we-share .we-share__list-item:nth-child(1) { animation-delay: 0.15s; } .we-share.we-share--closing .we-share__list-item:nth-child(4) { animation-delay: 0.15s; } .we-share .we-share__list-item:nth-child(2) { animation-delay: 0.1s; } .we-share.we-share--closing .we-share__list-item:nth-child(3) { animation-delay: 0.1s; } .we-share .we-share__list-item:nth-child(3) { animation-delay: 50ms; } .we-share.we-share--closing .we-share__list-item:nth-child(2) { animation-delay: 50ms; } .we-share .we-share__list-item:nth-child(4) { animation-delay: 0s; } .we-share.we-share--closing .we-share__list-item:nth-child(1) { animation-delay: 0s; } .is-itunes-theme .we-share .we-share__list-item { animation-name: fade-in; animation-duration: 0.06667s; animation-timing-function: cubic-bezier(0.21, 0.11, 0.18, 1); animation-fill-mode: forwards; opacity: 0; } .is-itunes-theme .we-share.we-share--closing .we-share__list-item { animation-name: fade-out; animation-duration: 0.06667s; animation-timing-function: cubic-bezier(0.21, 0.11, 0.18, 1); animation-fill-mode: forwards; opacity: 1; } .is-itunes-theme .we-share .we-share__list-item:nth-child(1) { animation-delay: 0.13333s; } .is-itunes-theme .we-share.we-share--closing .we-share__list-item:nth-child(3) { animation-delay: 0.13333s; } .is-itunes-theme .we-share .we-share__list-item:nth-child(2) { animation-delay: 0.06667s; } .is-itunes-theme .we-share.we-share--closing .we-share__list-item:nth-child(2) { animation-delay: 0.06667s; } .is-itunes-theme .we-share .we-share__list-item:nth-child(3) { animation-delay: 0s; } .is-itunes-theme .we-share.we-share--closing .we-share__list-item:nth-child(1) { animation-delay: 0s; } .we-share .we-share__menu-content { flex-shrink: 0; z-index: 2; } .we-share.we-share--message { max-width: calc(-40px + 87.5vw); } @media only screen and (min-width: 735px) { .we-share.we-share--message { max-width: 363.67px; } } @media only screen and (min-width: 1069px) { .we-share.we-share--message { max-width: 613.33px; } } .we-share.we-share--message .we-share__menu-content { flex-shrink: 1; overflow: hidden; transform: translateX(4px); white-space: nowrap; animation-name: fade-out; animation-fill-mode: forwards; animation-delay: 1.8s; animation-duration: 0.2s; } .we-share.we-share--message.we-share--errored .we-share__menu-content { animation: auto ease 0s 1 normal none running none; } .we-share__list-button, .we-share__trigger { flex-shrink: 0; } .we-share__menu-content { display: flex; } .we-share--open .we-share__menu-content { animation-name: grow-50px-3, fade-in; animation-duration: 0.13333s; animation-timing-function: linear; animation-fill-mode: forwards; } @keyframes grow-50px-3 { 0% { width: 82px; } 100% { width: 182px; } } .we-share--open .we-share__menu-content:lang(zh-CN) { animation-name: grow-50px-2, fade-in; animation-duration: 0.1s; animation-timing-function: linear; animation-fill-mode: forwards; } @keyframes grow-50px-2 { 0% { width: 82px; } 100% { width: 132px; } } .we-share--open.we-share--allows-embed .we-share__menu-content { animation-name: grow-50px-4, fade-in; animation-duration: 0.15s; animation-timing-function: linear; animation-fill-mode: forwards; } @keyframes grow-50px-4 { 0% { width: 82px; } 100% { width: 232px; } } .we-share--open.we-share--allows-embed .we-share__menu-content:lang(zh-CN) { animation-name: grow-50px-3, fade-in; animation-duration: 0.13333s; animation-timing-function: linear; animation-fill-mode: forwards; } @keyframes grow-50px-3 { 0% { width: 82px; } 100% { width: 182px; } } .we-share--closing .we-share__menu-content { animation-name: shrink-50px-3, fade-out; animation-timing-function: linear; animation-fill-mode: forwards; animation-delay: 0.1s; animation-duration: 0.1s; } @keyframes shrink-50px-3 { 0% { width: 182px; } 100% { width: 82px; } } .we-share--closing .we-share__menu-content:lang(zh-CN) { animation-name: shrink-50px-2, fade-out; animation-timing-function: linear; animation-fill-mode: forwards; animation-delay: 0.2s; animation-duration: 0s; } @keyframes shrink-50px-2 { 0% { width: 132px; } 100% { width: 82px; } } .we-share--closing.we-share--allows-embed .we-share__menu-content { animation-name: shrink-50px-4, fade-out; animation-timing-function: linear; animation-fill-mode: forwards; animation-delay: 0.06667s; animation-duration: 0.13333s; } @keyframes shrink-50px-4 { 0% { width: 232px; } 100% { width: 82px; } } .we-share--closing.we-share--allows-embed .we-share__menu-content:lang(zh-CN) { animation-name: shrink-50px-3, fade-out; animation-timing-function: linear; animation-fill-mode: forwards; animation-delay: 0.1s; animation-duration: 0.1s; } @keyframes shrink-50px-3 { 0% { width: 182px; } 100% { width: 82px; } } .we-share__list { display: flex; align-items: stretch; justify-content: flex-end; } .we-share--closing .we-share__list, .we-share--opening .we-share__list { overflow: hidden; } .we-share__list-button, .we-share__trigger { display: flex; justify-content: center; align-items: center; } .we-share__trigger { order: 1; position: relative; transition: color 0.2s; z-index: 1; } .we-share__trigger::after { padding-left: 0px; top: -1px; } .we-share__trigger::after { display: block; font-size: 15.5px; } .we-share--message .we-share__trigger, .we-share--open .we-share__trigger { color: rgba(0, 112, 201, 0.5); } .is-itunes-theme .we-share--message .we-share__trigger, .is-itunes-theme .we-share--open .we-share__trigger { color: rgba(0, 112, 201, 0.5); } .is-tv-theme .we-share--message .we-share__trigger, .is-tv-theme .we-share--open .we-share__trigger { color: rgba(15, 110, 161, 0.5); } .is-mac-theme .we-share--message .we-share__trigger, .is-mac-theme .we-share--open .we-share__trigger { color: rgba(0, 112, 201, 0.5); } .is-podcasts-theme .we-share--message .we-share__trigger, .is-podcasts-theme .we-share--open .we-share__trigger { color: rgba(125, 80, 223, 0.5); } .is-apps-theme .we-share--message .we-share__trigger, .is-apps-theme .we-share--open .we-share__trigger { color: rgba(0, 112, 201, 0.5); } .we-share--closing .we-share__trigger { color: rgb(0, 112, 201); } .is-itunes-theme .we-share--closing .we-share__trigger { color: rgb(0, 112, 201); } .is-tv-theme .we-share--closing .we-share__trigger { color: rgb(15, 110, 161); } .is-mac-theme .we-share--closing .we-share__trigger { color: rgb(0, 112, 201); } .is-podcasts-theme .we-share--closing .we-share__trigger { color: rgb(125, 80, 223); } .is-apps-theme .we-share--closing .we-share__trigger { color: rgb(0, 112, 201); } .we-share__close:active, .we-share__list-button:active { background: rgba(0, 0, 0, 0.1); } .we-share__close { display: none; text-align: center; } .we-share__close::after { padding-left: 2px; top: 0px; } .we-share__close::after { color: rgb(99, 99, 102); font-size: 13px; } .we-share--open .we-share__close { display: block; } .we-share__list-button { height: 100%; width: 50px; } .we-share__message { display: flex; overflow: hidden; flex-grow: 1; justify-content: flex-start; align-items: center; color: rgba(0, 0, 0, 0.5); animation-name: fade-in; animation-duration: 0.2s; animation-fill-mode: forwards; font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-share__message:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-share__message:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-share__message:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-share__message:lang(zh) { letter-spacing: 0px; } .we-share__message:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-share__message:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-share__message:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-share__message:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-share__message:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-share__message-text { overflow: hidden; text-overflow: ellipsis; } .has-touch .we-share--header { height: 50px; position: absolute; top: 50%; transform: translateY(-50%); right: -19px; z-index: 1; } .has-touch .we-share--header .we-share__close { width: 50px; } .has-touch .we-share--header .we-share__list-button--copylink::after { padding-left: 1px; top: 0px; } .has-touch .we-share--header .we-share__list-button--copylink::after { font-size: 19px; } .has-touch .we-share--header .we-share__list-button--link::after { padding-left: 3px; top: -1px; } .has-touch .we-share--header .we-share__list-button--link::after { font-size: 14px; } .has-touch .we-share--header .we-share__list-button--twitter::after { padding-left: 2px; top: -1px; } .has-touch .we-share--header .we-share__list-button--twitter::after { font-size: 14px; } .has-touch .we-share--header .we-share__list-button--facebook::after { padding-left: 3px; top: -1px; } .has-touch .we-share--header .we-share__list-button--facebook::after { font-size: 13px; } .has-touch .we-share--header .we-share__list-button--weibo::after { font-size: 17px; } .has-touch .we-share--header.we-share--open .we-share__menu-content { animation-name: grow-50px-4, fade-in; animation-duration: 0.15s; animation-timing-function: linear; animation-fill-mode: forwards; } @keyframes grow-50px-4 { 0% { width: 82px; } 100% { width: 232px; } } .has-touch .we-share--header.we-share--open .we-share__menu-content:lang(zh-CN) { animation-name: grow-50px-3, fade-in; animation-duration: 0.13333s; animation-timing-function: linear; animation-fill-mode: forwards; } @keyframes grow-50px-3 { 0% { width: 82px; } 100% { width: 182px; } } .has-touch .we-share--header.we-share--open.we-share--allows-embed .we-share__menu-content { animation-name: grow-50px-5, fade-in; animation-duration: 0.16s; animation-timing-function: linear; animation-fill-mode: forwards; } @keyframes grow-50px-5 { 0% { width: 82px; } 100% { width: 282px; } } .has-touch .we-share--header.we-share--open.we-share--allows-embed .we-share__menu-content:lang(zh-CN) { animation-name: grow-50px-4, fade-in; animation-duration: 0.15s; animation-timing-function: linear; animation-fill-mode: forwards; } @keyframes grow-50px-4 { 0% { width: 82px; } 100% { width: 232px; } } .has-touch .we-share--header.we-share--closing .we-share__menu-content { animation-name: shrink-50px-4, fade-out; animation-timing-function: linear; animation-fill-mode: forwards; animation-delay: 0.06667s; animation-duration: 0.13333s; } @keyframes shrink-50px-4 { 0% { width: 232px; } 100% { width: 82px; } } .has-touch .we-share--header.we-share--closing .we-share__menu-content:lang(zh-CN) { animation-name: shrink-50px-3, fade-out; animation-timing-function: linear; animation-fill-mode: forwards; animation-delay: 0.1s; animation-duration: 0.1s; } @keyframes shrink-50px-3 { 0% { width: 182px; } 100% { width: 82px; } } .has-touch .we-share--header.we-share--closing.we-share--allows-embed .we-share__menu-content { animation-name: shrink-50px-5, fade-out; animation-timing-function: linear; animation-fill-mode: forwards; animation-delay: 50ms; animation-duration: 0.15s; } @keyframes shrink-50px-5 { 0% { width: 282px; } 100% { width: 82px; } } .has-touch .we-share--header.we-share--closing.we-share--allows-embed .we-share__menu-content:lang(zh-CN) { animation-name: shrink-50px-4, fade-out; animation-timing-function: linear; animation-fill-mode: forwards; animation-delay: 0.06667s; animation-duration: 0.13333s; } @keyframes shrink-50px-4 { 0% { width: 232px; } 100% { width: 82px; } } .has-touch .we-share--header .we-share__trigger { width: 50px; } .has-touch .we-share--header .we-share__menu-content { transform: translateX(50px); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 32px); padding-left: 32px; } html[dir="rtl"] .has-touch .we-share--header .we-share__menu-content { background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 32px); } .has-touch .we-share--header.we-share--message .we-share__menu-content { transform: none; } .has-touch .we-share--header .we-share__message { transform: translate(1px, 0px); } .no-touch .we-share--header { height: 32px; display: inline-flex; position: absolute; top: 50%; transform: translateY(-50%); right: -27px; padding-left: 4px; z-index: 1; } .no-touch .we-share--header .we-share__trigger { margin: 0px 16px 0px 0px; width: 50px; height: 50px; transform: translate(9px, -9px); padding-left: 0px; } .no-touch .we-share--header .we-share__menu-content { transform: translateX(66px); } .no-touch .we-share--header.we-share--message .we-share__menu-content { transform: translateX(9px); } .no-touch .we-share--header.we-share--open .we-share__menu-content { animation-name: grow-32px-3, fade-in; animation-duration: 0.13333s; animation-timing-function: linear; animation-fill-mode: forwards; } @keyframes grow-32px-3 { 0% { width: 64px; } 100% { width: 128px; } } .no-touch .we-share--header.we-share--open .we-share__menu-content:lang(zh-CN) { animation-name: grow-32px-2, fade-in; animation-duration: 0.1s; animation-timing-function: linear; animation-fill-mode: forwards; } @keyframes grow-32px-2 { 0% { width: 64px; } 100% { width: 96px; } } .no-touch .we-share--header.we-share--open.we-share--allows-embed .we-share__menu-content { animation-name: grow-32px-4, fade-in; animation-duration: 0.15s; animation-timing-function: linear; animation-fill-mode: forwards; } @keyframes grow-32px-4 { 0% { width: 64px; } 100% { width: 160px; } } .no-touch .we-share--header.we-share--open.we-share--allows-embed .we-share__menu-content:lang(zh-CN) { animation-name: grow-32px-3, fade-in; animation-duration: 0.13333s; animation-timing-function: linear; animation-fill-mode: forwards; } @keyframes grow-32px-3 { 0% { width: 64px; } 100% { width: 128px; } } .no-touch .we-share--header.we-share--closing .we-share__menu-content { animation-name: shrink-32px-3, fade-out; animation-timing-function: linear; animation-fill-mode: forwards; animation-delay: 0.1s; animation-duration: 0.1s; } @keyframes shrink-32px-3 { 0% { width: 128px; } 100% { width: 64px; } } .no-touch .we-share--header.we-share--closing .we-share__menu-content:lang(zh-CN) { animation-name: shrink-32px-2, fade-out; animation-timing-function: linear; animation-fill-mode: forwards; animation-delay: 0.2s; animation-duration: 0s; } @keyframes shrink-32px-2 { 0% { width: 96px; } 100% { width: 64px; } } .no-touch .we-share--header.we-share--closing.we-share--allows-embed .we-share__menu-content { animation-name: shrink-32px-4, fade-out; animation-timing-function: linear; animation-fill-mode: forwards; animation-delay: 0.06667s; animation-duration: 0.13333s; } @keyframes shrink-32px-4 { 0% { width: 160px; } 100% { width: 64px; } } .no-touch .we-share--header.we-share--closing.we-share--allows-embed .we-share__menu-content:lang(zh-CN) { animation-name: shrink-32px-3, fade-out; animation-timing-function: linear; animation-fill-mode: forwards; animation-delay: 0.1s; animation-duration: 0.1s; } @keyframes shrink-32px-3 { 0% { width: 128px; } 100% { width: 64px; } } .no-touch .we-share--header .we-share__list { padding: 0px 16px; border-radius: 16px; background-color: rgb(248, 248, 248); } .no-touch .we-share--header .we-share__list-button { width: 32px; } .no-touch .we-share--header .we-share__list-button:focus, .no-touch .we-share--header .we-share__list-button:hover { background: rgba(0, 0, 0, 0.1); } .no-touch .we-share--header .we-share__close { display: none; } .no-touch .we-share--header .we-share__message { height: 50px; transform: translateY(-9px); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 32px); padding-left: 32px; } html[dir="rtl"] .no-touch .we-share--header .we-share__message { background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 32px); } .no-touch .we-share--header .we-share__list-button--copylink::after { padding-left: 1px; top: 1px; } .no-touch .we-share--header .we-share__list-button--copylink::after { font-size: 19px; } .no-touch .we-share--header .we-share__list-button--link::after { padding-left: 0px; top: 0px; } .no-touch .we-share--header .we-share__list-button--link::after { font-size: 14px; } .no-touch .we-share--header .we-share__list-button--twitter::after { padding-left: 0px; top: 0px; } .no-touch .we-share--header .we-share__list-button--twitter::after { font-size: 14px; } .no-touch .we-share--header .we-share__list-button--facebook::after { padding-left: 0px; top: 0px; } .no-touch .we-share--header .we-share__list-button--facebook::after { font-size: 13px; } .no-touch .we-share--header .we-share__list-button--weibo::after { font-size: 17px; } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } .we-audio-controls { display: flex; flex: 0 1 100%; align-items: center; opacity: 0; animation: 0.4s ease-in-out 0s 1 normal both paused showAudioControls; } .we-audio-controls.is-visible { animation-play-state: running; opacity: 1; } .we-audio-controls--small-player { flex: 0 0 auto; animation-name: showAudioControlsSmall; } .we-audio-controls__playback { display: flex; position: relative; margin-right: 12px; } html[dir="rtl"] .we-audio-controls__playback { direction: rtl; } .we-audio-controls__button { width: 46px; display: inline-block; font-size: 0px; color: rgb(125, 80, 223); text-align: center; } .we-audio-controls__button::after { font-size: 22px; transform: translateX(-4px); } .we-audio-controls__loading { opacity: 0; } .we-audio-controls__loading.is-spinning { margin-top: -1px; animation-delay: 20ms; opacity: 1; } .we-audio-controls__button--skip { width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat; background-size: contain; } .we-audio-controls__button--playback.is-loading { opacity: 0; outline: red solid 1px; } @supports (-ms-ime-align:auto) { .we-audio-controls__button--playback { margin-top: -2px; } } .we-audio-controls__icon { display: block; width: 20px; height: 20px; fill: currentcolor; } html[dir="rtl"] .we-audio-controls__icon:not(.icon--rtl) { display: none; } html[dir="rtl"] .we-audio-controls__icon.icon--rtl { display: block; } .we-audio-controls__icon.icon--rtl { display: none; } .we-audio-controls__progress-label { position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; } .we-audio-controls__progress-wrapper { display: flex; flex: 0 1 100%; } .we-audio-controls__progress { appearance: none; margin: 0px 10px 2px; padding: 0px; width: 100%; height: 100%; display: block; overflow: visible; background-color: transparent; border: 0px; cursor: pointer; color: inherit; position: relative; } @supports (-ms-ime-align:auto) { } .we-audio-controls__progress::-webkit-slider-thumb { margin-top: 2px; appearance: none; width: 8px; height: 8px; border-radius: 50%; border: 0px; outline: transparent solid 1px; background-color: rgb(165, 170, 178); background-position: center center; transform: translateY(calc(-1px)); transition: transform 0.2s; cursor: pointer; } .we-audio-controls__progress::-webkit-slider-thumb:active, .we-audio-controls__progress::-webkit-slider-thumb:focus, .we-audio-controls__progress::-webkit-slider-thumb:hover { outline: 0px; } .we-audio-controls__progress-wrapper:active .we-audio-controls__progress::-webkit-slider-thumb, .we-audio-controls__progress-wrapper:focus .we-audio-controls__progress::-webkit-slider-thumb, .we-audio-controls__progress-wrapper:hover .we-audio-controls__progress::-webkit-slider-thumb { outline-color: transparent; background-color: rgb(125, 80, 223); transform: translateY(calc(-1px)) scale(1.7); } @supports (-ms-ime-align:auto) { .we-audio-controls__progress-wrapper:active .we-audio-controls__progress::-webkit-slider-thumb, .we-audio-controls__progress-wrapper:focus .we-audio-controls__progress::-webkit-slider-thumb, .we-audio-controls__progress-wrapper:hover .we-audio-controls__progress::-webkit-slider-thumb { transform: translateY(calc(-1px)) scale(1.25); } } @supports (-ms-ime-align:auto) { } .we-audio-controls__progress::-webkit-slider-runnable-track { appearance: none; display: block; overflow: visible; color: transparent; border-radius: 8px; border-color: transparent; background-color: transparent; background-image: linear-gradient(90deg,#a5aab2 var(--progress),#e1e1e6 var(--progress)); background-position: center center; background-repeat: no-repeat; background-size: 100% 2px; cursor: pointer; font-size: inherit; } html[dir="rtl"] .we-audio-controls__progress::-webkit-slider-runnable-track { background-image: linear-gradient(-90deg,#a5aab2 var(--progress),#e1e1e6 var(--progress)); } .we-audio-controls__progress::-webkit-slider-runnable-track:active, .we-audio-controls__progress::-webkit-slider-runnable-track:focus, .we-audio-controls__progress::-webkit-slider-runnable-track:hover { outline: 0px; } .we-audio-controls__progress-wrapper:active .we-audio-controls__progress::-webkit-slider-runnable-track, .we-audio-controls__progress-wrapper:focus .we-audio-controls__progress::-webkit-slider-runnable-track, .we-audio-controls__progress-wrapper:hover .we-audio-controls__progress::-webkit-slider-runnable-track { background-image: linear-gradient(90deg,#7d50df var(--progress),#e1e1e6 var(--progress)); } html[dir="rtl"] .we-audio-controls__progress-wrapper:active .we-audio-controls__progress::-webkit-slider-runnable-track, html[dir="rtl"] .we-audio-controls__progress-wrapper:focus .we-audio-controls__progress::-webkit-slider-runnable-track, html[dir="rtl"] .we-audio-controls__progress-wrapper:hover .we-audio-controls__progress::-webkit-slider-runnable-track { background-image: linear-gradient(-90deg,#7d50df var(--progress),#e1e1e6 var(--progress)); } @supports (-ms-ime-align:auto) { .we-audio-controls__progress { height: 13.6px; font-size: 0px; padding-left: 3px; padding-right: 3px; } } .we-audio-controls__progress:active, .we-audio-controls__progress:focus, .we-audio-controls__progress:hover { outline-color: rgb(255, 255, 255); } .we-audio-controls__progress[data-focus-method="key"] { outline: rgba(0, 125, 250, 0.6) solid 4px; outline-offset: 1px; } .we-audio-controls__progress[data-focus-method="key"][data-focus-method="mouse"]:not(input):not(textarea):not(select), .we-audio-controls__progress[data-focus-method="key"][data-focus-method="touch"]:not(input):not(textarea):not(select) { outline: 0px; } .we-audio-controls__time { flex-shrink: 0; color: rgb(99, 99, 102); font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-audio-controls__time:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-audio-controls__time:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-audio-controls__time:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-audio-controls__time:lang(zh) { letter-spacing: 0px; } .we-audio-controls__time:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-audio-controls__time:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-audio-controls__time:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-audio-controls__time:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-audio-controls__time:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @keyframes showAudioControls { 0% { opacity: 0; transform: translateY(2px); } 70% { transform: none; } 100%, 90% { opacity: 1; transform: none; } } @keyframes showAudioControlsSmall { 0% { opacity: 0; } 100% { opacity: 1; } } .sosumi { color: rgb(99, 99, 102); font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sosumi:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sosumi:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sosumi:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sosumi:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sosumi:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sosumi:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sosumi:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sosumi:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sosumi .sosumi__link { color: rgb(51, 51, 51); } .sosumi--subscribe { padding-top: 28px; background-color: rgb(245, 245, 247); font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sosumi--subscribe:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sosumi--subscribe:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sosumi--subscribe:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sosumi--subscribe:lang(zh) { letter-spacing: 0px; } .sosumi--subscribe:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sosumi--subscribe:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sosumi--subscribe:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sosumi--subscribe:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sosumi--subscribe:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sosumi__upsell-copy { padding-bottom: 37px; border-bottom: 1px solid rgb(214, 214, 214); } .book-badge { flex: 1 1 0%; text-align: center; min-width: 107.04px; padding: 0px 10px; border-right: 1px solid rgb(214, 214, 214); } @media only screen and (min-width: 735px) { .book-badge { min-width: 0px; padding: 0px 8px; } } @media only screen and (min-width: 1069px) { .book-badge { padding: 0px 16px; } } .book-badge:last-child { border: none; } .book-badge__value { white-space: nowrap; font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: 0.024em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 9px; margin-bottom: 1px; } .book-badge__value:lang(zh) { font-weight: 600; } .book-badge__value:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__value:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__value:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__value:lang(zh-CH) { font-weight: 600; } .book-badge__value:lang(th) { line-height: 1.422; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__value:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__value:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__value:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__value:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .book-badge__value { font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: 0.023em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__value:lang(zh) { font-weight: 600; } .book-badge__value:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__value:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__value:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__value:lang(zh-CH) { font-weight: 600; } .book-badge__value:lang(th) { line-height: 1.48125; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__value:lang(hi) { line-height: 1.45; } .book-badge__value:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__value:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__value:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__value:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } @media only screen and (min-width: 735px) { .book-badge__value { margin-top: 4px; margin-bottom: 0px; } } .book-badge__eyebrow { color: rgb(99, 99, 102); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 12px; line-height: 1.33337; font-weight: 600; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__eyebrow:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__eyebrow:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__eyebrow:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__eyebrow:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__eyebrow:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__eyebrow:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__eyebrow:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__eyebrow:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 1069px) { .book-badge__eyebrow { font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__eyebrow:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__eyebrow:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__eyebrow:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__eyebrow:lang(zh) { letter-spacing: 0px; } .book-badge__eyebrow:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__eyebrow:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__eyebrow:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__eyebrow:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__eyebrow:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .book-badge__eyebrow + .book-badge__caption { margin-top: 2px; } .book-badge__artwork { margin-top: 5px; margin-bottom: 5px; } @media only screen and (min-width: 735px) { .book-badge__artwork { margin-bottom: 6px; } } @media only screen and (min-width: 1069px) { .book-badge__artwork { margin-top: 4px; } } .book-badge__caption { text-overflow: ellipsis; overflow: hidden; white-space: normal; font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__caption:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__caption:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__caption:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__caption:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__caption:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__caption:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__caption:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__caption:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__caption--duration { display: flex; justify-content: center; } .book-badge__caption__hours, .book-badge__caption__minutes { padding: 0px 0.125em; min-width: 2.29167em; } @media only screen and (min-width: 735px) { .book-badge__caption__hours, .book-badge__caption__minutes { min-width: 2.75em; } } .book-badge__caption--subcopy { color: rgb(99, 99, 102); } .book-badge .we-modal__show { margin-bottom: 0px; } .book-badge__modal { color: rgb(0, 0, 0); } .book-badge__modal h3 { margin-top: 32px; font-size: 19px; line-height: 1.26316; font-weight: 600; letter-spacing: 0px; font-family: "New York Medium", "SF Pro Icons", "Apple WebExp Icons Custom", Times, serif; } .book-badge__modal p { white-space: initial; } .book-badge__modal dl { margin-top: 20px; } .book-badge__modal dt { font-size: 14px; line-height: 1.28577; font-weight: 600; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__modal dt:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__modal dt:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__modal dt:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__modal dt:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__modal dt:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__modal dt:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__modal dt:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__modal dt:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__modal dd { white-space: pre; } .book-badge__modal dd, .book-badge__modal p { font-size: 14px; line-height: 1.28577; font-weight: 400; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__modal dd:lang(ar), .book-badge__modal p:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__modal dd:lang(ja), .book-badge__modal p:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__modal dd:lang(ko), .book-badge__modal p:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__modal dd:lang(th), .book-badge__modal p:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__modal dd:lang(zh-CN), .book-badge__modal p:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__modal dd:lang(zh-HK), .book-badge__modal p:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__modal dd:lang(zh-MO), .book-badge__modal p:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__modal dd:lang(zh-TW), .book-badge__modal p:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .book-badge__modal .we-modal__content { padding-left: 32px; padding-right: 32px; } @media only screen and (min-width: 735px) { .book-badge__modal .we-modal__content { max-width: 800px; } } .book-badge__modal .we-modal__close { font-size: 19px; top: 21px; left: 6px; } .book-badge--seller .book-badge__eyebrow { white-space: inherit; text-align: center; } .book-badge--seller button { text-align: center; } .license__title { font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: 0.023em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 20px; } .license__title:lang(zh) { font-weight: 600; } .license__title:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .license__title:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .license__title:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .license__title:lang(zh-CH) { font-weight: 600; } .license__title:lang(th) { line-height: 1.48125; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .license__title:lang(hi) { line-height: 1.45; } .license__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .license__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .license__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .license__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .license__copy p { margin-bottom: 20px; } .shelf-grid { padding: 0px; } .shelf-grid__list { box-sizing: border-box; } @media only screen and (min-width: 735px) { .shelf-grid__list { margin: -10px; padding: 10px; scroll-padding-inline-start: 10px; } } .shelf-grid__body { overflow: initial; } @media only screen and (max-width: 734px) { .shelf-grid__body { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } } .shelf-grid-nav { display: none; } @media only screen and (min-width: 772px) { .shelf-grid-nav { display: block; } } .shelf-grid-nav__arrow::after { background-image: url("https://apps.apple.com/us/app/assets/shelf/paddle-default-c982e76e4d16230b8424bb5e3618038e.svg"); } .brick-compositing { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 7px; display: block; overflow: hidden; position: relative; width: 100%; } .brick-compositing:hover { text-decoration: none; } .brick-compositing:hover .brick-compositing__title { text-decoration: underline; } .brick-compositing:visited { color: unset; } .brick-compositing .we-artwork::before { display: none; } .brick-compositing .we-artwork__image { border-radius: 0px; } .brick-compositing__foreground { display: flex; flex-direction: column; position: absolute; inset: 0px; z-index: 2; } .brick-compositing__title { font-size: 18px; line-height: 1.22226; font-weight: 600; letter-spacing: -0.026em; font-family: "New York Small", "SF Pro Icons", "Apple WebExp Icons Custom", Times, serif; color: inherit; margin-left: 16px; margin-top: 12px; max-width: calc(60% - 16px); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .brick-compositing__title:lang(ar) { letter-spacing: 0px; } .brick-compositing__title:lang(ja) { letter-spacing: 0px; } .brick-compositing__title:lang(ko) { letter-spacing: 0px; } .brick-compositing__title:lang(zh) { letter-spacing: 0px; } .brick-compositing__subtitle { margin-bottom: 16px; margin-left: 16px; max-width: calc(60% - 16px); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: auto; } .brick-row { margin-left: auto; margin-right: auto; width: 87.5%; } @media only screen and (min-width: 735px) { .brick-row { margin-left: auto; margin-right: auto; width: 692px; } } @media only screen and (min-width: 1069px) { .brick-row { margin-left: auto; margin-right: auto; width: 980px; } } .brick-row__headline { font-size: 20px; line-height: 1.4; font-weight: 700; letter-spacing: -0.0275em; font-family: "New York Medium", "SF Pro Icons", "Apple WebExp Icons Custom", Times, serif; } .brick-row__headline:lang(ar) { letter-spacing: 0px; } .brick-row__headline:lang(ja) { letter-spacing: 0px; } .brick-row__headline:lang(ko) { letter-spacing: 0px; } .brick-row__headline:lang(zh) { font-weight: 600; letter-spacing: 0px; } .single-book-widget { background: linear-gradient(rgba(4, 4, 15, 0), rgba(4, 4, 15, 0.06)); background-blend-mode: multiply, normal; padding: 40px 20px 36px; } .single-book-widget::after { clear: both; content: ""; display: block; } @media only screen and (min-width: 735px) { .single-book-widget { padding: 40px 0px; } } @media only screen and (min-width: 735px) { .single-book-widget__content-wrapper { width: 692px; margin: 0px auto; } } @media only screen and (min-width: 1069px) { .single-book-widget__content-wrapper { width: 980px; } } .single-book-widget__wrapper { display: grid; grid-template-areas: "cover details" "review review"; column-gap: 16px; } @media only screen and (min-width: 735px) { .single-book-widget__wrapper { grid-template-areas: "cover details" "cover review"; grid-template-columns: auto 1fr; column-gap: 30px; } } @media only screen and (min-width: 1069px) { .single-book-widget__wrapper { flex-basis: 83.3333%; max-width: 83.3333%; } } .single-book-widget__cover { display: block; grid-area: cover; align-self: start; } @media only screen and (min-width: 735px) { .single-book-widget__cover { width: auto; } } .single-book-widget__details { grid-area: details; } .single-book-widget__design-badge { color: rgba(60, 60, 67, 0.6); font-size: 12px; line-height: 1.33337; font-weight: 600; letter-spacing: 0.075em; font-family: "SF Pro Rounded", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__design-badge:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Rounded", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__design-badge:lang(ja) { font-family: "SF Pro JP", "SF Pro Rounded", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__design-badge:lang(ko) { font-family: "SF Pro KR", "SF Pro Rounded", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__design-badge:lang(th) { font-family: "SF Pro TH", "SF Pro Rounded", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__design-badge:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Rounded", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__design-badge:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Rounded", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__design-badge:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Rounded", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__design-badge:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Rounded", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .single-book-widget__design-badge { margin-top: 5px; } } .single-book-widget__title-link { color: rgb(0, 0, 0); display: block; margin-top: 5px; } @media only screen and (min-width: 735px) { .single-book-widget__title-link { margin-top: 4px; } } .single-book-widget__title { color: rgb(0, 0, 0); font-size: 18px; line-height: 1.27778; font-weight: 600; letter-spacing: -0.00167em; font-family: "New York Small", "SF Pro Icons", "Apple WebExp Icons Custom", Times, serif; } .single-book-widget__title:lang(ar) { letter-spacing: 0px; } .single-book-widget__title:lang(ja) { letter-spacing: 0px; } .single-book-widget__title:lang(ko) { letter-spacing: 0px; } .single-book-widget__title:lang(zh) { letter-spacing: 0px; } @media only screen and (min-width: 735px) { .single-book-widget__title { font-size: 20px; line-height: 1.3; font-weight: 600; letter-spacing: 0px; font-family: "New York Medium", "SF Pro Icons", "Apple WebExp Icons Custom", Times, serif; } } .single-book-widget__author, .single-book-widget__author-link { color: rgb(0, 0, 0); } .single-book-widget__author { font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 1px; } .single-book-widget__author:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__author:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__author:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__author:lang(zh) { letter-spacing: 0px; } .single-book-widget__author:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__author:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__author:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__author:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__author:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .single-book-widget__author { font-size: 17px; line-height: 1.29412; font-weight: 400; letter-spacing: -0.024em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__author:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__author:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__author:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__author:lang(zh) { letter-spacing: 0px; } .single-book-widget__author:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__author:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__author:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__author:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__author:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } @media only screen and (min-width: 735px) { .single-book-widget__author { margin-top: 2px; } } .single-book-widget__rating { margin-top: 9px; } @media only screen and (min-width: 735px) { .single-book-widget__rating { margin-top: 11px; } } .single-book-widget__cta-button { border-color: rgb(0, 119, 204); color: rgb(0, 119, 204); margin-top: 20px; } .single-book-widget__cta-button-price { font-weight: 500; } .single-book-widget__cta-button-subline { font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: 0.006em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgba(60, 60, 67, 0.6); margin-top: 5px; } .single-book-widget__cta-button-subline:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__cta-button-subline:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__cta-button-subline:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__cta-button-subline:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__cta-button-subline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__cta-button-subline:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__cta-button-subline:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__cta-button-subline:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__cta-price { font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); margin-top: 7px; } .single-book-widget__cta-price:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__cta-price:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__cta-price:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__cta-price:lang(zh) { letter-spacing: 0px; } .single-book-widget__cta-price:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__cta-price:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__cta-price:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__cta-price:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__cta-price:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__review { display: grid; grid-area: review; grid-template-areas: "icon" "text" "title"; margin-top: 13px; text-align: center; } @media only screen and (min-width: 735px) { .single-book-widget__review { border-top: 1px solid rgba(60, 60, 67, 0.29); column-gap: 10px; grid-template-areas: "icon text" "icon title"; grid-template-rows: auto 1fr; margin-top: 20px; padding-top: 25px; text-align: start; } } .single-book-widget__review-icon-container { align-items: center; column-gap: 10px; color: rgba(60, 60, 67, 0.6); display: flex; grid-area: icon; text-align: inherit; } .single-book-widget__review-icon-container::after, .single-book-widget__review-icon-container::before { border-top: 1px solid rgba(60, 60, 67, 0.29); content: ""; display: block; flex-grow: 1; } @media only screen and (min-width: 735px) { .single-book-widget__review-icon-container { align-items: start; } .single-book-widget__review-icon-container::after, .single-book-widget__review-icon-container::before { display: none; } } .single-book-widget__review-icon { display: flex; font-size: 40px; } .single-book-widget__review-icon::before { padding-right: 0px; } .single-book-widget__review-text { color: rgba(60, 60, 67, 0.6); grid-area: text; margin-top: 4px; font-size: 14px; line-height: 1.42859; font-weight: 400; letter-spacing: 0.00333em; font-family: "New York Small", "SF Pro Icons", "Apple WebExp Icons Custom", Times, serif; } @media only screen and (min-width: 735px) { .single-book-widget__review-text { font-size: 16px; line-height: 1.375; font-weight: 400; letter-spacing: -0.00176em; font-family: "New York Small", "SF Pro Icons", "Apple WebExp Icons Custom", Times, serif; } .single-book-widget__review-text:lang(ar) { letter-spacing: 0px; } .single-book-widget__review-text:lang(ja) { letter-spacing: 0px; } .single-book-widget__review-text:lang(ko) { letter-spacing: 0px; } .single-book-widget__review-text:lang(zh) { letter-spacing: 0px; } } @media only screen and (min-width: 735px) { .single-book-widget__review-text { margin-top: 0px; } } .single-book-widget__review-title { color: rgba(60, 60, 67, 0.6); grid-area: title; margin-top: 24px; font-size: 12px; line-height: 1.33337; font-weight: 600; letter-spacing: 0.075em; font-family: "SF Pro Rounded", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__review-title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Rounded", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__review-title:lang(ja) { font-family: "SF Pro JP", "SF Pro Rounded", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__review-title:lang(ko) { font-family: "SF Pro KR", "SF Pro Rounded", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__review-title:lang(th) { font-family: "SF Pro TH", "SF Pro Rounded", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__review-title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Rounded", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__review-title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Rounded", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__review-title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Rounded", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .single-book-widget__review-title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Rounded", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .star-rating { display: flex; align-items: center; column-gap: 6px; } .star-rating__fill, .star-rating__outline { background-repeat: repeat-x; background-size: 14px 11px; background-position: -1.5px 0px; height: 11px; line-height: 11px; width: 67px; } .star-rating__outline { background-image: url("https://apps.apple.com/assets/images/star-rating/star-4f92dff733f80e79a4c1c1b2ab4789f3.svg"); } .star-rating__fill { background-image: url("https://apps.apple.com/assets/images/star-rating/star-filled-57a194695bb7a69d1ef02c6db698541c.svg"); width: 0px; } html[dir="rtl"] .star-rating__fill { transform: scaleX(-1); } .star-rating__count { color: rgba(60, 60, 67, 0.6); font-size: 10px; line-height: 1.1; font-weight: 400; letter-spacing: 0.006em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .star-rating__count:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .star-rating__count:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .star-rating__count:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .star-rating__count:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .star-rating__count:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .star-rating__count:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .star-rating__count:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .star-rating__count:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .books-swoosh { margin-left: auto; margin-right: auto; width: 87.5%; } @media only screen and (min-width: 735px) { .books-swoosh { margin-left: auto; margin-right: auto; width: 692px; } } @media only screen and (min-width: 1069px) { .books-swoosh { margin-left: auto; margin-right: auto; width: 980px; } } .books-swoosh__header { align-items: flex-end; display: flex; justify-content: space-between; margin-bottom: 17px; } .books-swoosh__headline { font-size: 20px; line-height: 1.4; font-weight: 700; letter-spacing: -0.0275em; font-family: "New York Medium", "SF Pro Icons", "Apple WebExp Icons Custom", Times, serif; flex-shrink: 1; } .books-swoosh__headline:lang(ar) { letter-spacing: 0px; } .books-swoosh__headline:lang(ja) { letter-spacing: 0px; } .books-swoosh__headline:lang(ko) { letter-spacing: 0px; } .books-swoosh__headline:lang(zh) { font-weight: 600; letter-spacing: 0px; } .books-swoosh__see-all { margin-bottom: 2px; } .grouping-page-header { height: 425px; position: relative; } @media only screen and (min-width: 735px) { .grouping-page-header { height: 385px; } } .grouping-page-header--on-light { color: rgb(0, 0, 0); } .grouping-page-header--on-dark { color: rgb(255, 255, 255); } .grouping-page-header__foreground { bottom: 0px; left: 0px; padding: 0px 20px 40px; position: absolute; right: 0px; } @media only screen and (min-width: 735px) { .grouping-page-header__foreground { display: flex; padding: 0px 0px 40px; width: 692px; margin: 0px auto; } } @media only screen and (min-width: 1069px) { .grouping-page-header__foreground { width: 980px; } } @media only screen and (min-width: 735px) { .grouping-page-header__headings { max-width: 385px; } } @media only screen and (min-width: 1069px) { .grouping-page-header__headings { max-width: 50%; } } .grouping-page-header__title { font-size: 34px; line-height: 1.20596; font-weight: 700; letter-spacing: -0.00706em; font-family: "New York Medium", "SF Pro Icons", "Apple WebExp Icons Custom", Times, serif; margin-bottom: 11px; } .grouping-page-header__title:lang(ar) { letter-spacing: 0px; } .grouping-page-header__title:lang(ja) { letter-spacing: 0px; } .grouping-page-header__title:lang(ko) { letter-spacing: 0px; } .grouping-page-header__title:lang(zh) { font-weight: 600; letter-spacing: 0px; } @media only screen and (min-width: 735px) { .grouping-page-header__title { font-size: 38px; line-height: 1.21053; font-weight: 700; letter-spacing: -0.00132em; font-family: "New York Medium", "SF Pro Icons", "Apple WebExp Icons Custom", Times, serif; } .grouping-page-header__title:lang(ar) { letter-spacing: 0px; } .grouping-page-header__title:lang(ja) { letter-spacing: 0px; } .grouping-page-header__title:lang(ko) { letter-spacing: 0px; } .grouping-page-header__title:lang(zh) { font-weight: 600; letter-spacing: 0px; } } .grouping-page-header__subtitle { font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .grouping-page-header__subtitle:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .grouping-page-header__subtitle:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .grouping-page-header__subtitle:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .grouping-page-header__subtitle:lang(zh) { letter-spacing: 0px; } .grouping-page-header__subtitle:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .grouping-page-header__subtitle:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .grouping-page-header__subtitle:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .grouping-page-header__subtitle:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .grouping-page-header__subtitle:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .grouping-page-header__action { margin-top: 24px; } @media only screen and (min-width: 735px) { .grouping-page-header__action { margin: auto 0px 0px auto; padding-left: 45px; } } .grouping-page-header--on-light .grouping-page-header__action-button { border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); background: 0px 0px; color: rgb(0, 0, 0); } .grouping-page-header--on-light .grouping-page-header__action-button:hover { border-color: rgb(8, 8, 8); background: 0px 0px; color: rgb(8, 8, 8); } .grouping-page-header--on-light .grouping-page-header__action-button.is-active, .grouping-page-header--on-light .grouping-page-header__action-button:active { border-color: rgb(20, 20, 20); background: 0px 0px; color: rgb(20, 20, 20); } .grouping-page-header--on-light .grouping-page-header__action-button.disabled, .grouping-page-header--on-light .grouping-page-header__action-button:disabled { border-color: rgb(0, 0, 0); background: 0px 0px; color: rgb(0, 0, 0); opacity: 0.3; } .grouping-page-header--on-dark .grouping-page-header__action-button { border-width: 1px; border-style: solid; border-color: rgb(255, 255, 255); background: 0px 0px; color: rgb(255, 255, 255); } .grouping-page-header--on-dark .grouping-page-header__action-button:hover { border-color: rgb(255, 255, 255); background: 0px 0px; color: rgb(255, 255, 255); } .grouping-page-header--on-dark .grouping-page-header__action-button.is-active, .grouping-page-header--on-dark .grouping-page-header__action-button:active { border-color: rgb(255, 255, 255); background: 0px 0px; color: rgb(255, 255, 255); } .grouping-page-header--on-dark .grouping-page-header__action-button.disabled, .grouping-page-header--on-dark .grouping-page-header__action-button:disabled { border-color: rgb(255, 255, 255); background: 0px 0px; color: rgb(255, 255, 255); opacity: 0.3; } .grouping-page-header__background { inset: 0px; overflow: hidden; position: absolute; } .grouping-page-header__background-image { position: relative; } .grouping-page-header__background-image > img { display: block; height: auto; max-height: none; width: 100%; } @media only screen and (min-width: 735px) { .grouping-page-header__background-image > img { max-height: 100%; margin: 0px auto; width: auto; } } .grouping-page-header__background-image::after { content: ""; display: block; height: 135px; position: relative; top: -135px; width: 100%; } .grouping-row--bordered + .grouping-row--bordered { border-top: 1px solid rgb(214, 214, 214); } .room__headline--books { font-size: 20px; line-height: 1.25; font-weight: 600; letter-spacing: 0px; font-family: "New York Medium", "SF Pro Icons", "Apple WebExp Icons Custom", Times, serif; } .charts-header__title { margin-top: 10px; margin-bottom: 10px; font-size: 34px; line-height: 1.20596; font-weight: 700; letter-spacing: 0.018em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .charts-header__title:lang(ar) { letter-spacing: 0px; } .charts-header__title:lang(ja) { letter-spacing: 0px; } .charts-header__title:lang(ko) { letter-spacing: 0px; } .charts-header__title:lang(zh) { font-weight: 600; letter-spacing: 0px; } .charts-header__title:lang(zh) { font-weight: 600; } .charts-header__title:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .charts-header__title:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .charts-header__title:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .charts-header__title:lang(zh-CH) { font-weight: 600; } .charts-header__title:lang(th) { line-height: 1.42899; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .charts-header__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .charts-header__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .charts-header__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .charts-header__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .charts-header__native-cta { text-align: right; } .charts-header-container { padding-bottom: 14px; } .charts-content-container { padding-top: 0px; } .charts-section .chart { counter-reset: section 0; } .charts-section .chart .we-lockup__copy { display: flex; gap: 4px; } html[dir="rtl"] .charts-section .chart .we-lockup__copy { flex-direction: row-reverse; } html[dir="rtl"] .charts-section .chart .we-lockup__copy div[dir="ltr"] { text-align: left; } .charts-section .chart .we-lockup__copy .we-lockup__rank { display: inline-block; font-weight: 600; } .charts-section .chart .we-lockup--in-book-shelf .we-lockup__copy .we-lockup__rank { padding-right: 8px; font-size: 19px; line-height: 1.15798; font-weight: 600; letter-spacing: -0.026em; font-family: "New York Small", "SF Pro Icons", "Apple WebExp Icons Custom", Times, serif; } .charts-section .chart .we-lockup--in-book-shelf .we-lockup__copy .we-lockup__rank:lang(ar) { letter-spacing: 0px; } .charts-section .chart .we-lockup--in-book-shelf .we-lockup__copy .we-lockup__rank:lang(ja) { letter-spacing: 0px; } .charts-section .chart .we-lockup--in-book-shelf .we-lockup__copy .we-lockup__rank:lang(ko) { letter-spacing: 0px; } .charts-section .chart .we-lockup--in-book-shelf .we-lockup__copy .we-lockup__rank:lang(zh) { letter-spacing: 0px; } .charts-section .chart .we-lockup__copy .we-lockup__text { overflow: hidden; } .charts-section-custom-config .we-lockup__copy { margin-bottom: 20px; } @media only screen and (max-width: 734px) { .charts-header .we-button--external { margin-top: 15px; margin-bottom: 2px; } } @media only screen and (min-width: 735px) { .charts-header .we-button--external { display: inline-block; } } @media screen and (max-width: 734px) { .charts-section, .we-genre-filter__categories-list { width: 100%; padding-left: 16px; padding-right: 16px; } } .charts-section .section { padding-top: 17px; padding-bottom: 28px; } @media only screen and (min-width: 735px) { .chart .section > .l-row { flex-wrap: wrap; } } .charts-header__nav { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; } .has-overlay-open { overflow: hidden; } .we-genre-filter a { color: inherit; } .we-genre-filter a:hover { text-decoration: none; } .we-genre-filter__popular-list { display: flex; padding-top: 14px; padding-bottom: 14px; } .we-genre-filter__popular-list a { margin-right: 10px; } @media only screen and (max-width: 734px) { .we-genre-filter__popular-list a { display: none; } } .we-genre-filter__popular-list a.hidden { display: none; } .we-genre-filter__popular-list a.active { pointer-events: none; } .we-genre-filter__popular-list .active .we-genre-filter__pill { font-weight: 600; } .we-genre-filter__pill { height: 24px; display: inline-flex; align-items: center; border-radius: 12px; background-color: rgb(242, 242, 242); user-select: none; cursor: pointer; white-space: nowrap; padding-left: 16px; padding-right: 16px; font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__pill:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__pill:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__pill:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__pill:lang(zh) { letter-spacing: 0px; } .we-genre-filter__pill:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__pill:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__pill:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__pill:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__pill:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__pill:hover { background-color: rgba(242, 242, 242, 0.8); } .we-genre-filter__trigger::after, .we-genre-filter__trigger::before { font-family: "SF Pro Icons", "Apple WebExp Icons Custom"; color: inherit; display: inline-block; font-style: normal; font-weight: inherit; font-size: inherit; line-height: 1; text-decoration: underline; position: relative; z-index: 1; } .we-genre-filter__trigger::after, .we-genre-filter__trigger::before { text-decoration: none; } .we-genre-filter__trigger::before { display: none; } .we-genre-filter__trigger::after, .we-genre-filter__trigger::before { content: ""; } .we-genre-filter__trigger::after { padding-left: 0.3em; top: 0px; } .we-genre-filter__trigger::after { font-size: 20px; font-weight: 100; z-index: 1; } .we-genre-filter__trigger--up { font-weight: 600; } .we-genre-filter__trigger--up::after, .we-genre-filter__trigger--up::before { font-family: "SF Pro Icons", "Apple WebExp Icons Custom"; color: inherit; display: inline-block; font-style: normal; font-weight: inherit; font-size: inherit; line-height: 1; text-decoration: underline; position: relative; z-index: 1; } .we-genre-filter__trigger--up::after, .we-genre-filter__trigger--up::before { text-decoration: none; } .we-genre-filter__trigger--up::before { display: none; } .we-genre-filter__trigger--up::after, .we-genre-filter__trigger--up::before { content: ""; } .we-genre-filter__trigger--up::after { padding-left: 0.3em; top: 0px; } .we-genre-filter__trigger--up::after { font-size: 20px; font-weight: 100; } .we-genre-filter__name { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .we-modal--apps-categories-filter .we-genre-filter__name { font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-modal--apps-categories-filter .we-genre-filter__name:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-modal--apps-categories-filter .we-genre-filter__name:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-modal--apps-categories-filter .we-genre-filter__name:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-modal--apps-categories-filter .we-genre-filter__name:lang(zh) { letter-spacing: 0px; } .we-modal--apps-categories-filter .we-genre-filter__name:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-modal--apps-categories-filter .we-genre-filter__name:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-modal--apps-categories-filter .we-genre-filter__name:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-modal--apps-categories-filter .we-genre-filter__name:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-modal--apps-categories-filter .we-genre-filter__name:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__artwork { margin-right: 10px; } .we-genre-filter__item { padding-top: 14px; padding-bottom: 14px; height: 22px; display: flex; align-items: center; box-sizing: content-box; font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__item:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__item:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__item:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__item:lang(zh) { letter-spacing: 0px; } .we-genre-filter__item:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__item:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__item:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__item:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__item:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .we-genre-filter__item { font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__item:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__item:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__item:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__item:lang(zh) { letter-spacing: 0px; } .we-genre-filter__item:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__item:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__item:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__item:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-genre-filter__item:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .we-genre-filter--apps .we-genre-filter__item { padding-top: 12px; padding-bottom: 12px; } .we-modal--apps-categories-filter .we-genre-filter__item { padding-top: 13px; padding-bottom: 13px; } .we-genre-filter__categories-list { column-count: 1; column-gap: 12px; } @media only screen and (min-width: 735px) { .we-genre-filter__categories-list { column-count: 3; } } @media only screen and (min-width: 1069px) { .we-genre-filter__categories-list { column-count: 4; } } .we-modal--apps-categories-filter .we-genre-filter__categories-list { padding-left: 0px; padding-right: 0px; } .we-genre-filter__categories-list a { color: inherit; break-inside: avoid; } .we-genre-filter__categories-list a:hover { text-decoration: none; } .we-genre-filter__categories-list a.active { pointer-events: none; } .we-genre-filter__dropdown { padding-top: 6px; padding-bottom: 26px; width: 100%; max-height: 0px; position: absolute; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 1px; overflow: hidden; visibility: hidden; transition: max-height 0.5s ease-out; left: 0px; z-index: 3; } .we-genre-filter--apps .we-genre-filter__dropdown { margin-top: 27px; padding-top: 19px; padding-bottom: 38px; } @media only screen and (min-width: 735px) { .we-genre-filter--apps .we-genre-filter__dropdown { margin-top: 23px; } } .we-genre-filter__dropdown--expanded { max-height: 1060px; visibility: visible; } @media only screen and (min-width: 735px) { .we-genre-filter__dropdown--expanded { max-height: 1060px; } } @media only screen and (min-width: 1069px) { .we-genre-filter__dropdown--expanded { max-height: 396px; } } .we-genre-filter__curtain { width: 100%; display: none; position: fixed; top: 366px; bottom: 0px; background-color: rgba(0, 0, 0, 0.4); left: 0px; z-index: 2; } @media only screen and (min-width: 735px) { .we-genre-filter__curtain { top: 260px; } } .we-genre-filter__curtain--expanded { display: block; } .we-genre-filter__triggers-list { display: flex; flex-wrap: wrap; } .we-genre-filter__trigger:not(:last-of-type) { margin-right: 10px; } .we-genre-filter__dropdown-container { flex-basis: 100%; } .has-modal--app-categories-filter { width: 100%; height: 100%; position: fixed; overflow: hidden; z-index: 1; } .has-modal--app-categories-filter body { height: 100%; overflow: hidden; } .we-genre-filter__header { padding-top: 13px; padding-bottom: 13px; display: flex; justify-content: space-between; word-break: break-word; margin-right: 20px; border-bottom: 1px solid rgb(214, 214, 214); } .we-genre-filter__header .we-tabs__tab.is-active { border-bottom: 3px solid rgb(0, 112, 201); } .we-genre-filter__content { padding-top: 8px; padding-bottom: 8px; flex: 1 1 0%; overflow: auto; height: calc(-80px + 100vh); } .we-page-error { min-height: calc(-180px + 100vh); height: 100%; } .we-page-error__message { width: 330px; margin: 10px; font-size: 32px; line-height: 1.125; font-weight: 600; letter-spacing: 0px; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .we-page-error__message { font-size: 40px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } @media only screen and (min-width: 1069px) { .we-page-error__message { font-size: 48px; line-height: 1.08349; font-weight: 600; letter-spacing: 0px; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-page-error__message:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } } @media only screen and (min-width: 735px) { .we-page-error__message { width: 420px; } } @media only screen and (min-width: 1069px) { .we-page-error__message { width: 502px; } } .privacy-type__icon { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; } .privacy-type__icon svg { height: auto; width: 100%; fill: rgb(0, 112, 201); } .privacy-type--modal .privacy-type__icon { margin-left: unset; margin-right: unset; } .privacy-type__heading { margin-top: 9px; color: rgb(17, 17, 17); text-align: center; font-size: 15px; line-height: 1.33338; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__heading:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__heading:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__heading:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__heading:lang(zh) { letter-spacing: 0px; } .privacy-type__heading:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__heading:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__heading:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__heading:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__heading:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type--modal .privacy-type__heading { text-align: left; font-size: 18px; line-height: 1.22226; font-weight: 600; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type--modal .privacy-type__heading:lang(th) { line-height: 1.44839; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type--modal .privacy-type__heading:lang(hi) { line-height: 1.41778; } .privacy-type--modal .privacy-type__heading:lang(ko) { line-height: 1.52381; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type--modal .privacy-type__heading:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type--modal .privacy-type__heading:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type--modal .privacy-type__heading:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type--modal .privacy-type__heading:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type--modal .privacy-type__heading:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type--modal .privacy-type__heading:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__purpose-heading { margin-top: 22px; padding-top: 9px; border-top: 1px solid rgb(214, 214, 214); font-size: 15px; line-height: 1.33338; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__purpose-heading:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__purpose-heading:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__purpose-heading:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__purpose-heading:lang(zh) { letter-spacing: 0px; } .privacy-type__purpose-heading:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__purpose-heading:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__purpose-heading:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__purpose-heading:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__purpose-heading:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__purpose-heading + .privacy-type__grid { margin-top: 13px; } .privacy-type__data-category-heading { padding-top: 7px; padding-bottom: 5px; color: rgb(17, 17, 17); font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__data-category-heading:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__data-category-heading:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__data-category-heading:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__data-category-heading:lang(zh) { letter-spacing: 0px; } .privacy-type__data-category-heading:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__data-category-heading:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__data-category-heading:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__data-category-heading:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__data-category-heading:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type--modal .privacy-type__data-category-heading { padding-top: 2px; padding-bottom: unset; font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type--modal .privacy-type__data-category-heading:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type--modal .privacy-type__data-category-heading:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type--modal .privacy-type__data-category-heading:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type--modal .privacy-type__data-category-heading:lang(zh) { letter-spacing: 0px; } .privacy-type--modal .privacy-type__data-category-heading:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type--modal .privacy-type__data-category-heading:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type--modal .privacy-type__data-category-heading:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type--modal .privacy-type__data-category-heading:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type--modal .privacy-type__data-category-heading:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__category-items { margin-top: 4px; color: rgb(102, 102, 102); } .privacy-type__description { margin-top: 6px; color: rgb(102, 102, 102); text-align: center; font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__description:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__description:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__description:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__description:lang(zh) { letter-spacing: 0px; } .privacy-type__description:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__description:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__description:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__description:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type__description:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .privacy-type--modal .privacy-type__description { margin-bottom: 22px; text-align: left; } .privacy-type__grid { display: inline-grid; gap: 10px; grid-template-columns: auto 1fr; grid-template-areas: "icon content"; align-items: center; } .privacy-type--modal .privacy-type__grid { display: grid; align-items: unset; min-height: unset; max-height: unset; } .privacy-type--modal .privacy-type__grid + .privacy-type__grid { margin-top: 13px; } .privacy-type__grid-icon { grid-area: icon; height: 22px; width: 22px; display: flex; align-items: center; justify-content: center; } .privacy-type__glyph { height: 19px; width: 100%; fill: currentcolor; } .privacy-type__glyph--financial-info { height: 20px; } .privacy-type__glyph--location { height: 18px; } .privacy-type__glyph--user-content { height: 22px; } .privacy-type__glyph--identifiers { height: 21px; } .privacy-type__glyph--sensitive-info { height: 22px; } .privacy-type__grid-content { grid-area: content; } .privacy-type__items { margin-top: 11px; display: grid; grid-template-columns: 1fr 1fr; column-gap: 10px; } .privacy-type--modal .privacy-type__items { display: block; } .privacy-type__items--single-item { grid-template-columns: 1fr; text-align: center; } .privacy-type__item { break-inside: avoid; } .podcast-channel { display: grid; height: calc(-100px + 100vh); grid-template-columns: auto; grid-template-rows: 238px auto; } @media only screen and (min-width: 735px) { .podcast-channel { grid-template-columns: min-content minmax(auto, 385px); grid-template-rows: auto; column-gap: 40px; place-content: center; } } .podcast-channel__logo { display: grid; place-content: center; background-image: linear-gradient(white, rgb(238, 238, 238)); } @media only screen and (min-width: 735px) { .podcast-channel__logo { display: block; background-image: none; } } .podcast-channel__logo-artwork { border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px 0px, rgba(0, 0, 0, 0.11) 0px 10px 13px 0px; position: relative; z-index: 1002; } .podcast-channel__logo-artwork::after { box-shadow: none; } .podcast-channel__body { padding-top: 16px; overflow: hidden; padding-left: 16px; padding-right: 16px; } @media only screen and (min-width: 735px) { .podcast-channel__body { padding-top: 0px; margin-bottom: 0px; text-align: left; justify-self: left; display: grid; align-content: center; padding-left: 0px; padding-right: 0px; } } .podcast-channel__title { font-size: 24px; line-height: 1.25; font-weight: 600; letter-spacing: 0.023em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__title:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__subheader { color: rgb(134, 134, 139); font-size: 24px; line-height: 1.25; font-weight: 400; letter-spacing: 0.023em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .podcast-channel__subheader:lang(th) { line-height: 1.48125; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__subheader:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__subheader:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__subheader:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__subheader:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__subheader:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__subheader:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__subheader:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__subheader_2 { margin-top: 6px; color: rgb(134, 134, 139); font-size: 11px; line-height: 1.18182; font-weight: 600; letter-spacing: 0.006em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__subheader_2:lang(th) { line-height: 1.4005; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__subheader_2:lang(vi) { line-height: 1.78828; } .podcast-channel__subheader_2:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__subheader_2:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__subheader_2:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__subheader_2:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__subheader_2:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__subheader_2:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__subheader_2:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__description { margin-top: 13px; margin-bottom: 19px; color: rgb(134, 134, 139); font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__description:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__description:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__description:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__description:lang(zh) { letter-spacing: 0px; } .podcast-channel__description:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__description:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__description:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__description:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__description:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 735px) { .podcast-channel__cta { display: flex; align-items: center; } } .podcast-channel__cta__button { margin-bottom: 4px; display: block; flex-shrink: 0; flex-grow: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } @media only screen and (min-width: 735px) { .podcast-channel__cta__button { margin-bottom: 0px; margin-right: 8px; } } .podcast-channel__cta__label { color: rgb(134, 134, 139); font-size: 11px; line-height: 1.18182; font-weight: 600; letter-spacing: 0.006em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__cta__label:lang(th) { line-height: 1.4005; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__cta__label:lang(vi) { line-height: 1.78828; } .podcast-channel__cta__label:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__cta__label:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__cta__label:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__cta__label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__cta__label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__cta__label:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .podcast-channel__cta__label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details { --event-time-height: 23px; --event-gutter: 16px; --event-image-desktop-width: 280px; display: grid; grid-template-rows: 1fr auto; grid-template-columns: 1fr; border-radius: 8px; position: relative; overflow: hidden; background-size: cover; background-position: center center; background-image: var(--event-background-blurred-image); } @media only screen and (min-width: 735px) { .event-details { --event-gutter: 30px; } } @supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) { .event-details { background-image: none; } @media only screen and (min-width: 735px) { .event-details { background-image: var(--event-background-image); } } } @media only screen and (max-width: 734px) { .event-details { max-width: 434px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 735px) { .event-details { grid-template-areas: "image detail"; grid-template-columns: var(--event-image-desktop-width) 1fr; } } .event-details__detail { grid-area: detail; display: flex; flex-direction: column; padding-left: 16px; padding-right: 16px; } @media only screen and (min-width: 735px) { .event-details__detail { padding-top: 30px; padding-left: 30px; padding-right: 30px; } } .event-details__time { padding: 2px 10px; min-height: var(--event-time-height); max-width: calc(100% - (var(--event-gutter) * 2) - 128px); position: absolute; top: 16px; display: inline-flex; align-items: center; align-self: start; left: var(--event-gutter); mix-blend-mode: plus-lighter; z-index: 3; } @media only screen and (min-width: 735px) { .event-details__time { max-width: calc(100% - (var(--event-gutter) * 2) - var(--event-image-desktop-width) - 128px); top: var(--event-gutter); left: calc(var(--event-image-desktop-width) + var(--event-gutter)); } } .event-details__time::after { content: ""; width: 100%; height: 100%; position: absolute; inset: 0px; background-color: rgba(255, 255, 255, 0.65); border-radius: 7px; z-index: 1; } .is-live .event-details__time::before { content: ""; width: 9px; height: 9px; display: block; position: relative; flex-shrink: 0; background-color: rgb(255, 45, 85); border-radius: 50%; margin-right: 5px; z-index: 2; } .event-details__time-copy { position: relative; color: rgba(0, 0, 0, 0.85); font-size: 13px; line-height: 1.38462; font-weight: 600; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; z-index: 2; letter-spacing: 0.3px; } .event-details__time-copy:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__time-copy:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__time-copy:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__time-copy:lang(zh) { letter-spacing: 0px; } .event-details__time-copy:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__time-copy:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__time-copy:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__time-copy:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__time-copy:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__time-copy-line-clamp { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .event-details__image { grid-area: 1 / 1 / 3 / 2; } .event-details__image img, .event-details__image picture { height: 100%; width: 100%; } @media only screen and (min-width: 735px) { .event-details__image { grid-area: image; } } .event-details__detail { padding-top: var(--event-gutter); grid-area: 2 / 1 / 3 / 2; min-height: 100px; position: relative; overflow: hidden; padding-left: var(--event-gutter); padding-right: var(--event-gutter); z-index: 2; } @media only screen and (max-width: 734px) { .event-details__detail { background-image: var(--event-background-blurred-image); background-size: cover; background-position: center center; } html[dir="ltr"] .event-details__detail { border-bottom-left-radius: 8px; } html[dir="rtl"] .event-details__detail { border-bottom-right-radius: 8px; } html[dir="ltr"] .event-details__detail { border-bottom-right-radius: 8px; } html[dir="rtl"] .event-details__detail { border-bottom-left-radius: 8px; } @supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) { .event-details__detail { background-image: none; } } } @media only screen and (min-width: 735px) { .event-details__detail { padding-top: calc(var(--event-gutter) + var(--event-time-height)); grid-area: detail; } html[dir="ltr"] .event-details__detail { border-top-right-radius: 8px; } html[dir="rtl"] .event-details__detail { border-top-left-radius: 8px; } html[dir="ltr"] .event-details__detail { border-bottom-right-radius: 8px; } html[dir="rtl"] .event-details__detail { border-bottom-left-radius: 8px; } } .event-details__detail::after, .event-details__detail::before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; } .event-details__detail::before { background-color: rgba(37, 37, 37, 0.8); opacity: 0.88; z-index: 0; } .event-details__detail::after { z-index: -1; } @supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) { .event-details__detail::after { backdrop-filter: saturate(100%) blur(20px); } } .event-details__copy { margin-top: 7px; margin-bottom: 15px; max-width: 480px; position: relative; z-index: 2; } @media only screen and (min-width: 735px) { .event-details__copy { margin-top: 50px; } } .event-details__eyebrow { color: rgba(255, 255, 255, 0.55); font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__eyebrow:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__eyebrow:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__eyebrow:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__eyebrow:lang(zh) { letter-spacing: 0px; } .event-details__eyebrow:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__eyebrow:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__eyebrow:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__eyebrow:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__eyebrow:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__eyebrow + .event-details__title { margin-top: 4px; } .event-details__title { color: rgba(255, 255, 255, 0.85); font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: 0.023em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__title:lang(zh) { font-weight: 600; } .event-details__title:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__title:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__title:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__title:lang(zh-CH) { font-weight: 600; } .event-details__title:lang(th) { line-height: 1.48125; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__title:lang(hi) { line-height: 1.45; } .event-details__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__title + .event-details__headline { margin-top: 6px; } .event-details__headline { color: rgba(255, 255, 255, 0.55); font-size: 18px; line-height: 1.22226; font-weight: 400; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__headline:lang(th) { line-height: 1.44839; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__headline:lang(hi) { line-height: 1.41778; } .event-details__headline:lang(ko) { line-height: 1.52381; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__headline:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__headline:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__headline:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__headline:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__headline:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__headline + .event-details__label { margin-top: 12px; } .event-details__label { color: rgba(255, 255, 255, 0.85); font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__label:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__label:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__label:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__label:lang(zh) { letter-spacing: 0px; } .event-details__label:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__label:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .event-details__related-app-cta { margin-top: auto; position: relative; border-top: 1px solid rgba(255, 255, 255, 0.3); z-index: 2; } .app-placard { background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: linear-gradient(rgba(0, 0, 0, 0.4) 0px, rgba(0, 0, 0, 0.4) 0px); } .app-placard--no-background { background: 0px 0px; } .we-tabs { display: flex; } .we-tabs__tab { color: rgb(0, 112, 201); padding-bottom: 13px; margin-bottom: -14px; margin-right: 24px; font-size: 20px; line-height: 1.2; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-tabs__tab:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-tabs__tab:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-tabs__tab:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-tabs__tab:lang(zh) { letter-spacing: 0px; } .we-tabs__tab:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-tabs__tab:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-tabs__tab:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-tabs__tab:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-tabs__tab:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-tabs__tab:hover { text-decoration: none; cursor: pointer; } .we-tabs__tab.is-active { border-bottom: 2px solid rgb(0, 112, 201); } .external-purchases-banner--with-icon .we-banner__copy { display: flex; align-items: center; text-align: initial; } .external-purchases-banner__icon { width: 30px; height: 30px; margin-right: 12px; } .external-purchases-banner__icon svg { height: auto; width: 100%; fill: rgb(255, 59, 48); } .we-brick-large-shelf [href] { aspect-ratio: 16 / 9; display: block; text-decoration: none; } .we-brick-large-shelf [href]:hover > .we-brick-large-card::before { opacity: 0.3; } .we-brick-large-card { align-items: flex-end; border: 0.5px solid rgba(255, 255, 255, 0.1); border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px; display: flex; flex-direction: row; height: 100%; overflow: hidden; position: relative; } .we-brick-large-card::before { content: ""; background-color: rgb(0, 0, 0); display: block; height: 100%; opacity: 0; position: absolute; width: 100%; z-index: 2; } .we-brick-large-card__artwork { height: 100%; width: 100%; position: absolute; z-index: 1; } .we-brick-large-card__artwork::before { display: none; } .we-brick-large-card__chin { display: flex; flex-direction: row; align-items: center; width: 100%; padding-block-end: 20px; padding-inline-start: 22px; z-index: 2; } .we-brick-large-card__chin-content { color: rgba(255, 255, 255, 0.85); display: flex; flex-direction: column; padding-inline-start: 15px; z-index: 2; } @media only screen and (min-width: 735px) { .we-brick-large-card__chin-content { width: 50%; } } .we-brick-large-card--content { color: rgba(255, 255, 255, 0.85); display: flex; flex-direction: column; padding-block-end: 20px; padding-inline-start: 22px; z-index: 2; } @media only screen and (min-width: 735px) { .we-brick-large-card--content { width: 50%; } } .we-brick-large-card__title { font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: 0.023em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-large-card__title:lang(zh) { font-weight: 600; } .we-brick-large-card__title:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-large-card__title:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-large-card__title:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-large-card__title:lang(zh-CH) { font-weight: 600; } .we-brick-large-card__title:lang(th) { line-height: 1.48125; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-large-card__title:lang(hi) { line-height: 1.45; } .we-brick-large-card__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-large-card__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-large-card__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-large-card__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-large-card__footnote { color: rgb(255, 255, 255); font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-large-card__footnote:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-large-card__footnote:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-large-card__footnote:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-large-card__footnote:lang(zh) { letter-spacing: 0px; } .we-brick-large-card__footnote:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-large-card__footnote:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-large-card__footnote:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-large-card__footnote:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-large-card__footnote:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-brick-large-card__eyebrow { text-transform: uppercase; } .lockup-large { padding: 20px; width: 100%; min-height: 300px; display: flex; color: rgb(51, 51, 51); overflow: hidden; background-color: rgb(242, 242, 242); border-radius: 15px; flex-direction: column; justify-content: space-between; position: relative; z-index: 1; } @media only screen and (min-width: 735px) { .lockup-large { min-height: 290px; } } .lockup-large-shelf { display: flex; align-items: center; } @media only screen and (max-width: 734px) { .lockup-large-shelf__row { margin-top: 15px; } } @media only screen and (min-width: 735px) { .lockup-large-shelf__row { overflow: auto hidden; } } @supports (-ms-ime-align:auto) { .lockup-large-shelf__row { } } .lockup-large__artwork-wrapper { width: auto; height: 100px; aspect-ratio: 1 / 1; margin-bottom: 10px; } @media only screen and (min-width: 735px) { .lockup-large__artwork-wrapper { height: 80px; } } @media only screen and (min-width: 1069px) { .lockup-large__artwork-wrapper { height: 100px; } } .lockup-large__eyebrow { font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__eyebrow:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__eyebrow:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__eyebrow:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__eyebrow:lang(zh) { letter-spacing: 0px; } .lockup-large__eyebrow:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__eyebrow:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__eyebrow:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__eyebrow:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__eyebrow:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__app-name { font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: 0.024em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .lockup-large__app-name:lang(zh) { font-weight: 600; } .lockup-large__app-name:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__app-name:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__app-name:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__app-name:lang(zh-CH) { font-weight: 600; } .lockup-large__app-name:lang(th) { line-height: 1.422; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__app-name:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__app-name:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__app-name:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__app-name:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__app-footnote { margin-block: 3px; font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .lockup-large__app-footnote:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__app-footnote:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__app-footnote:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__app-footnote:lang(zh) { letter-spacing: 0px; } .lockup-large__app-footnote:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__app-footnote:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__app-footnote:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__app-footnote:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__app-footnote:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__artist-name { font-size: 15px; line-height: 1.33338; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__artist-name:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__artist-name:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__artist-name:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__artist-name:lang(zh) { letter-spacing: 0px; } .lockup-large__artist-name:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__artist-name:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__artist-name:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__artist-name:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__artist-name:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__subtext { margin-top: 4px; font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: 0px; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__subtext:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__subtext:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__subtext:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__subtext:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__subtext:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__subtext:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__subtext:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__subtext:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .lockup-large__subtext svg { width: 1.1em; overflow: visible; display: inline-block; vertical-align: text-bottom; fill: currentcolor; transform: translateY(-0.5px); } .lockup-large__button { margin-top: 10px; } .lockup-large__button::before { display: block; content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; } .lockup-large__button span { position: relative; z-index: 2; } .editorial-lockup-medium-card { align-items: flex-end; border: 0.5px solid rgba(255, 255, 255, 0.1); border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px; display: flex; flex-direction: row; height: 100%; overflow: hidden; position: relative; background-color: var(--editorial-lockup-bg-color); } .editorial-lockup-medium-card::before { content: ""; background-color: rgb(0, 0, 0); display: block; height: 100%; opacity: 0; position: absolute; width: 100%; z-index: 2; } .editorial-lockup-medium-card__artwork { height: 100%; width: 100%; position: absolute; z-index: 1; } .editorial-lockup-medium-card__artwork::before { display: none; } .editorial-lockup-medium__chin { display: flex; flex-direction: row; align-items: center; width: 100%; padding-block-end: 20px; padding-inline-start: 22px; z-index: 2; } .editorial-lockup-medium__chin-content { color: rgba(255, 255, 255, 0.85); display: flex; flex-direction: column; padding-inline-start: 15px; z-index: 2; } .editorial-lockup-medium-card__footnote { color: rgb(255, 255, 255); font-size: 13px; line-height: 1.38462; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .editorial-lockup-medium-card__footnote:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .editorial-lockup-medium-card__footnote:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .editorial-lockup-medium-card__footnote:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .editorial-lockup-medium-card__footnote:lang(zh) { letter-spacing: 0px; } .editorial-lockup-medium-card__footnote:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .editorial-lockup-medium-card__footnote:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .editorial-lockup-medium-card__footnote:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .editorial-lockup-medium-card__footnote:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .editorial-lockup-medium-card__footnote:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .editorial-lockup-medium-card__title { font-size: 18px; line-height: 1.22226; font-weight: 600; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .editorial-lockup-medium-card__title:lang(th) { line-height: 1.44839; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .editorial-lockup-medium-card__title:lang(hi) { line-height: 1.41778; } .editorial-lockup-medium-card__title:lang(ko) { line-height: 1.52381; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .editorial-lockup-medium-card__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .editorial-lockup-medium-card__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .editorial-lockup-medium-card__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .editorial-lockup-medium-card__title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .editorial-lockup-medium-card__title:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .editorial-lockup-medium-card__title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .editorial-lockup-medium-shelf .editorial-lockup-medium-card-wrapper { aspect-ratio: 16 / 9; display: block; text-decoration: none; margin: 10px 0px; } .editorial-lockup-medium-shelf .editorial-lockup-medium-card-wrapper:hover > .editorial-lockup-medium-card::before { opacity: 0.3; } .search-bar { display: grid; grid-template-rows: auto; grid-template-columns: 64px 1fr; } .search-bar input[type="search"]::-webkit-search-cancel-button { appearance: none; height: 14px; width: 14px; display: block; background-image: url("https://apps.apple.com/assets/images/sidebar-searchfield-close-on-light-6c7fe096865e9e903db0a42ef55c89e9.svg"); background-repeat: no-repeat; background-size: 14px; } .search-bar__icon { grid-area: 1 / 1; align-self: center; padding: 20px; fill: rgb(136, 136, 136); transform: translateY(3px); pointer-events: none; z-index: 2; } .search-bar__input { grid-area: 1 / 1 / auto / span 2; display: block; appearance: none; padding-block: 18px; padding-inline: 56px 16px; border: 1px solid rgb(136, 136, 136); border-radius: 12px; font-size: 17px; line-height: 1.47059; font-weight: 400; letter-spacing: -0.022em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; z-index: 1; } .search-bar__input:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-bar__input:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-bar__input:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-bar__input:lang(zh) { letter-spacing: 0px; } .search-bar__input:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-bar__input:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-bar__input:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-bar__input:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-bar__input:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-query-lockup { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 12px; color: rgb(0, 0, 0); background: rgb(242, 242, 242); border-radius: 12px; font-size: 17px; line-height: 1.47059; font-weight: 400; letter-spacing: -0.022em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-query-lockup:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-query-lockup:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-query-lockup:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-query-lockup:lang(zh) { letter-spacing: 0px; } .search-query-lockup:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-query-lockup:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-query-lockup:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-query-lockup:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-query-lockup:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-query-lockup:hover { text-decoration: none; } .search-query-lockup svg { overflow: visible; width: 1.1781em; } .search-group { margin-bottom: 10px; } .search-group__button { border-radius: 6px; padding: 4px 8px; color: rgb(99, 99, 102); } .search-group__button.active { background: rgb(242, 242, 242); color: rgb(0, 0, 0); } .search-error { font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: 0.024em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-error:lang(zh) { font-weight: 600; } .search-error:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-error:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-error:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-error:lang(zh-CH) { font-weight: 600; } .search-error:lang(th) { line-height: 1.422; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-error:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-error:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-error:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-error:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-no-results { margin: calc(-300px + 50vh) 0px; text-align: center; } .search-no-results__title { font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: 0.023em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-no-results__title:lang(zh) { font-weight: 600; } .search-no-results__title:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-no-results__title:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-no-results__title:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-no-results__title:lang(zh-CH) { font-weight: 600; } .search-no-results__title:lang(th) { line-height: 1.48125; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-no-results__title:lang(hi) { line-height: 1.45; } .search-no-results__title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-no-results__title:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-no-results__title:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-no-results__title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-no-results__text { color: rgb(0, 112, 201); font-size: 15px; line-height: 1.33338; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-no-results__text:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-no-results__text:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-no-results__text:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-no-results__text:lang(zh) { letter-spacing: 0px; } .search-no-results__text:lang(th) { line-height: 1.58; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-no-results__text:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-no-results__text:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-no-results__text:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .search-no-results__text:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } body { min-height: 100vh; display: flex; flex-direction: column; } hr { border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(210, 210, 215); } html[dir="rtl"] .no-js:not(#globalnav) { direction: rtl; } html[dir="rtl"] .no-js:not(#globalnav) * { text-align: right; } .quick-links__heading { margin-bottom: 29px; font-size: 20px; line-height: 1.2; font-weight: 700; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0px; } .quick-links__heading:lang(zh) { font-weight: 600; } .quick-links__heading:lang(zh-HK) { font-weight: 600; font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .quick-links__heading:lang(zh-MO) { font-weight: 600; font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .quick-links__heading:lang(zh-TW) { font-weight: 600; font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .quick-links__heading:lang(zh-CH) { font-weight: 600; } .quick-links__heading:lang(th) { line-height: 1.422; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .quick-links__heading:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .quick-links__heading:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .quick-links__heading:lang(ko) { font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .quick-links__heading:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media screen and (min-width: 670px) { .quick-links__link-list { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 84px; } } @media only screen and (min-width: 1069px) { .quick-links__link-list { grid-template-columns: repeat(3, 1fr); } } .quick-links__list-item { padding-bottom: 14px; margin-bottom: 32px; } .quick-links .link-list__item:first-child { border-top: none; } .quick-links .link-list__item:last-child { border-bottom: none; } @media screen and (min-width: 670px) { .quick-links .link-list__item { border: none; } .quick-links .link-list__item:nth-child(-n+2) { border-bottom: 1px solid rgb(214, 214, 214); } } @media only screen and (min-width: 1069px) { .quick-links .link-list__item:nth-child(-n+3) { border-bottom: 1px solid rgb(214, 214, 214); } } .we-links__list-item { padding-top: 22px; padding-bottom: 22px; } .we-links__list-item--a { font-size: 18px; line-height: 1.22226; font-weight: 400; letter-spacing: 0.027em; font-family: "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-links__list-item--a:lang(th) { line-height: 1.44839; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-links__list-item--a:lang(hi) { line-height: 1.41778; } .we-links__list-item--a:lang(ko) { line-height: 1.52381; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-links__list-item--a:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-links__list-item--a:lang(ja) { font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-links__list-item--a:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-links__list-item--a:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-links__list-item--a:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-links__list-item--a:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .media-lockup img { object-fit: contain; width: 100%; } .media-lockup__title { color: rgb(166, 255, 0); } .media-lockup__title--uppercase { text-transform: uppercase; } .media-lockup__media-container { border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 7px; transform: translateZ(0px); } .media-lockup__media-container { position: relative; } .media-lockup__video-player { position: absolute; inset: 0px; } .video-player { opacity: 0; transition: opacity 0.5s ease-in-out; } .video-player--opaque { opacity: 1; } .video-player__background-video { height: 100%; } .video-player__button--replay, .video-player__controls-container { position: absolute; margin: 5px 10px; bottom: 0px; } .video-player__controls-container { right: 0px; } .video-player__controls-container--hidden { display: none; } .video-player__button { width: 28px; height: 28px; background-size: contain; background-color: rgba(117, 117, 117, 0.2); border: 1.5px solid rgba(255, 255, 255, 0.4); border-radius: 50%; margin-right: 3px; } .video-player__button--play { background-image: url("https://apps.apple.com/us/app/piclumen-ai-image-generator/button_glyphs/video_control_play_white-12f3209eec7a89408d70278032009d42.png"); } .video-player__button--pause { background-image: url("https://apps.apple.com/us/app/piclumen-ai-image-generator/button_glyphs/video_control_pause_white-893de2346d9aa49ac73eddced7cfcc9b.png"); } .video-player__button--unmute { background-image: url("https://apps.apple.com/us/app/piclumen-ai-image-generator/button_glyphs/video_control_volume_muted_white-7659f09c75b5bc572384b6db3154f5c3.png"); } .video-player__button--mute { background-image: url("https://apps.apple.com/us/app/piclumen-ai-image-generator/button_glyphs/video_control_volume_white-ea4f71b2891f767f794b5cce357d19e0.png"); } .video-player__button--replay { left: 0px; z-index: 2; background-image: url("https://apps.apple.com/us/app/piclumen-ai-image-generator/button_glyphs/video_control_replay_white-1e5a92669fca2eb7b9174feb5f52612f.png"); } .video-player__button--fullscreen { margin-right: 0px; background-image: url("https://apps.apple.com/us/app/piclumen-ai-image-generator/button_glyphs/video_control_fullscreen_white-ef829389986b47aee6e88f5278fa1c3d.png"); } .we-poster-shelf { display: flex; align-items: center; } @media only screen and (max-width: 734px) { .we-poster-shelf__row { margin-top: 15px; } } @media only screen and (min-width: 735px) { .we-poster-shelf__row { overflow: auto hidden; } } @supports (-ms-ime-align:auto) { .we-poster-shelf__row { } } .we-poster { position: relative; display: block; background-color: rgb(248, 248, 248); aspect-ratio: 5 / 3; z-index: 1; } .we-poster__link { position: absolute; inset: 0px; z-index: 2; } .we-poster__video-player { width: 100%; height: 100%; border-radius: 15px; overflow: hidden; } .we-poster__artwork { border-radius: 15px; overflow: hidden; } .we-poster__epic-heading-artwork { position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } .we-poster__content { position: absolute; bottom: 0px; width: 100%; height: 100%; border-radius: 15px; overflow: hidden; z-index: 1; } .we-poster__card { color: rgb(255, 255, 255); display: flex; flex-direction: column; align-items: center; height: 100%; } .we-poster__card-eyebrow { display: flex; flex-direction: column; align-items: center; width: 100%; margin-bottom: auto; } .we-poster__card-eyebrow--legibility-gradient { background: linear-gradient(to top, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.004) 6.2%, rgba(0, 0, 0, 0.02) 12.2%, rgba(0, 0, 0, 0.04) 18.3%, rgba(0, 0, 0, 0.067) 24.3%, rgba(0, 0, 0, 0.098) 30.4%, rgba(0, 0, 0, 0.133) 36.5%, rgba(0, 0, 0, 0.17) 42.7%, rgba(0, 0, 0, 0.208) 49.1%, rgba(0, 0, 0, 0.247) 55.6%, rgba(0, 0, 0, 0.282) 62.3%, rgba(0, 0, 0, 0.318) 69.2%, rgba(0, 0, 0, 0.345) 76.4%, rgba(0, 0, 0, 0.373) 84%, rgba(0, 0, 0, 0.39) 91.8%, rgba(0, 0, 0, 0.4) 100%); padding-bottom: 30px; } .we-poster__card-arcade-logo { margin-top: 20px; } .we-poster__card-chin { width: 100%; } .we-poster__card-chin--legibility-gradient { background: linear-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.004) 6.2%, rgba(0, 0, 0, 0.02) 12.2%, rgba(0, 0, 0, 0.04) 18.3%, rgba(0, 0, 0, 0.067) 24.3%, rgba(0, 0, 0, 0.098) 30.4%, rgba(0, 0, 0, 0.133) 36.5%, rgba(0, 0, 0, 0.17) 42.7%, rgba(0, 0, 0, 0.208) 49.1%, rgba(0, 0, 0, 0.247) 55.6%, rgba(0, 0, 0, 0.282) 62.3%, rgba(0, 0, 0, 0.318) 69.2%, rgba(0, 0, 0, 0.345) 76.4%, rgba(0, 0, 0, 0.373) 84%, rgba(0, 0, 0, 0.39) 91.8%, rgba(0, 0, 0, 0.4) 100%); padding-top: 30px; } .we-poster__card-chin-text { margin-top: 10px; margin-bottom: 15px; color: rgb(255, 255, 255); width: 100%; text-align: center; font-size: 13px; line-height: 1.38462; font-weight: 400; letter-spacing: -0.005em; font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-poster__card-chin-text:lang(ar) { letter-spacing: 0px; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-poster__card-chin-text:lang(ja) { letter-spacing: 0px; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-poster__card-chin-text:lang(ko) { letter-spacing: 0px; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-poster__card-chin-text:lang(zh) { letter-spacing: 0px; } .we-poster__card-chin-text:lang(th) { line-height: 1.64077; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-poster__card-chin-text:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-poster__card-chin-text:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-poster__card-chin-text:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-poster__card-chin-text:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; } .we-poster__card-chin-text svg { width: 1.15em; overflow: visible; display: inline-block; vertical-align: text-bottom; fill: currentcolor; } .arcade-see-all { padding: 20px 0px 32px; display: flex; flex-flow: column; align-items: center; gap: 20px; overflow: hidden; background: rgb(248, 248, 248); } @media only screen and (min-width: 735px) { .arcade-see-all { border-radius: 15px; } } .arcade-see-all__river-chiclet { contain: content; margin: 8px; } .arcade-see-all__river-chiclet.we-artwork--downloaded .we-artwork__image { background-color: rgba(0, 0, 0, 0.1); } .arcade-see-all__river-wrapper { width: 1080px; overflow: hidden; } @media screen and (prefers-reduced-motion: no-preference) { .arcade-see-all__river { animation: marquee var(--move-marquee-duration,22s) linear infinite; --move-marquee: -86.6%; --move-marquee-duration: 120s; } } @media only screen and (prefers-reduced-motion: no-preference) and (min-width: 1069px) { .arcade-see-all__river { --move-marquee: -120%; } } .arcade-see-all__river-top { align-items: center; display: flex; } .arcade-see-all__river-bottom { position: relative; align-items: center; display: flex; right: 6%; z-index: 1; } html[dir="rtl"] .arcade-see-all__river-bottom { right: -6%; } .arcade-see-all__wordmark { width: 88px; } @media only screen and (min-width: 1069px) { .arcade-see-all__wordmark { width: 128px; } } .arcade-see-all__link { margin-bottom: 0px; margin-left: 0px; } .ember3, #ember3::before { width: 246px; height: 246px; } .ember3::before { padding-top: 100%; } @media (min-width: 735px) { .ember3, #ember3::before { width: 217px; height: 217px; } .ember3::before { padding-top: 100%; } } @media (min-width: 1069px) { .ember3, #ember3::before { width: 230px; height: 230px; } .ember3::before { padding-top: 100%; } } .ember31, #ember31::before { width: 300px; height: 650px; } .ember31::before { padding-top: 216.667%; } @media (min-width: 735px) { .ember31, #ember31::before { width: 157px; height: 340px; } .ember31::before { padding-top: 216.561%; } } @media (min-width: 1069px) { .ember31, #ember31::before { width: 230px; height: 498px; } .ember31::before { padding-top: 216.522%; } } .ember32, #ember32::before { width: 300px; height: 650px; } .ember32::before { padding-top: 216.667%; } @media (min-width: 735px) { .ember32, #ember32::before { width: 157px; height: 340px; } .ember32::before { padding-top: 216.561%; } } @media (min-width: 1069px) { .ember32, #ember32::before { width: 230px; height: 498px; } .ember32::before { padding-top: 216.522%; } } .ember33, #ember33::before { width: 300px; height: 650px; } .ember33::before { padding-top: 216.667%; } @media (min-width: 735px) { .ember33, #ember33::before { width: 157px; height: 340px; } .ember33::before { padding-top: 216.561%; } } @media (min-width: 1069px) { .ember33, #ember33::before { width: 230px; height: 498px; } .ember33::before { padding-top: 216.522%; } } .ember34, #ember34::before { width: 300px; height: 650px; } .ember34::before { padding-top: 216.667%; } @media (min-width: 735px) { .ember34, #ember34::before { width: 157px; height: 340px; } .ember34::before { padding-top: 216.561%; } } @media (min-width: 1069px) { .ember34, #ember34::before { width: 230px; height: 498px; } .ember34::before { padding-top: 216.522%; } } .ember35, #ember35::before { width: 300px; height: 650px; } .ember35::before { padding-top: 216.667%; } @media (min-width: 735px) { .ember35, #ember35::before { width: 157px; height: 340px; } .ember35::before { padding-top: 216.561%; } } @media (min-width: 1069px) { .ember35, #ember35::before { width: 230px; height: 498px; } .ember35::before { padding-top: 216.522%; } } .ember16, #ember16::before { width: 320px; height: 320px; } .ember16::before { padding-top: 100%; } @media (min-width: 735px) { .ember16, #ember16::before { width: 157px; height: 157px; } .ember16::before { padding-top: 100%; } } @media (min-width: 1069px) { .ember16, #ember16::before { width: 146px; height: 146px; } .ember16::before { padding-top: 100%; } } .ember18, #ember18::before { width: 320px; height: 320px; } .ember18::before { padding-top: 100%; } @media (min-width: 735px) { .ember18, #ember18::before { width: 157px; height: 157px; } .ember18::before { padding-top: 100%; } } @media (min-width: 1069px) { .ember18, #ember18::before { width: 146px; height: 146px; } .ember18::before { padding-top: 100%; } } .ember19, #ember19::before { width: 320px; height: 320px; } .ember19::before { padding-top: 100%; } @media (min-width: 735px) { .ember19, #ember19::before { width: 157px; height: 157px; } .ember19::before { padding-top: 100%; } } @media (min-width: 1069px) { .ember19, #ember19::before { width: 146px; height: 146px; } .ember19::before { padding-top: 100%; } } .ember20, #ember20::before { width: 320px; height: 320px; } .ember20::before { padding-top: 100%; } @media (min-width: 735px) { .ember20, #ember20::before { width: 157px; height: 157px; } .ember20::before { padding-top: 100%; } } @media (min-width: 1069px) { .ember20, #ember20::before { width: 146px; height: 146px; } .ember20::before { padding-top: 100%; } } .ember21, #ember21::before { width: 320px; height: 320px; } .ember21::before { padding-top: 100%; } @media (min-width: 735px) { .ember21, #ember21::before { width: 157px; height: 157px; } .ember21::before { padding-top: 100%; } } @media (min-width: 1069px) { .ember21, #ember21::before { width: 146px; height: 146px; } .ember21::before { padding-top: 100%; } } .ember24, #ember24::before { width: 320px; height: 320px; } .ember24::before { padding-top: 100%; } @media (min-width: 735px) { .ember24, #ember24::before { width: 157px; height: 157px; } .ember24::before { padding-top: 100%; } } @media (min-width: 1069px) { .ember24, #ember24::before { width: 146px; height: 146px; } .ember24::before { padding-top: 100%; } } .ember25, #ember25::before { width: 320px; height: 320px; } .ember25::before { padding-top: 100%; } @media (min-width: 735px) { .ember25, #ember25::before { width: 157px; height: 157px; } .ember25::before { padding-top: 100%; } } @media (min-width: 1069px) { .ember25, #ember25::before { width: 146px; height: 146px; } .ember25::before { padding-top: 100%; } }