From: Max Lyth Date: Wed, 30 Apr 2025 22:57:06 +0000 (+0100) Subject: feat/musickit-auth Support for Apple Music authentication in web UI (#2150) X-Git-Url: https://git.kitaultman.com/?a=commitdiff_plain;h=d802a14572a397a9b93507b7d97d9e403ca4e4cd;p=music-assistant-server.git feat/musickit-auth Support for Apple Music authentication in web UI (#2150) --- diff --git a/music_assistant/providers/apple_music/__init__.py b/music_assistant/providers/apple_music/__init__.py index 3b8509cf..8029a1af 100644 --- a/music_assistant/providers/apple_music/__init__.py +++ b/music_assistant/providers/apple_music/__init__.py @@ -5,9 +5,12 @@ from __future__ import annotations import base64 import json import os +import pathlib +import re from typing import TYPE_CHECKING, Any import aiofiles +from aiohttp import web from aiohttp.client_exceptions import ClientError from music_assistant_models.config_entries import ConfigEntry, ConfigValueType from music_assistant_models.enums import ( @@ -20,6 +23,7 @@ from music_assistant_models.enums import ( StreamType, ) from music_assistant_models.errors import ( + LoginFailed, MediaNotFoundError, MusicAssistantError, ResourceTemporarilyUnavailable, @@ -41,8 +45,8 @@ from music_assistant_models.streamdetails import StreamDetails from pywidevine import PSSH, Cdm, Device, DeviceTypes from pywidevine.license_protocol_pb2 import WidevinePsshData -from music_assistant.constants import CONF_PASSWORD from music_assistant.helpers.app_vars import app_var +from music_assistant.helpers.auth import AuthenticationHelper from music_assistant.helpers.json import json_loads from music_assistant.helpers.playlists import fetch_playlist from music_assistant.helpers.throttle_retry import ThrottlerManager, throttle_with_retries @@ -70,12 +74,15 @@ SUPPORTED_FEATURES = { ProviderFeature.SIMILAR_TRACKS, } -DEVELOPER_TOKEN = app_var(8) +MUSIC_APP_TOKEN = app_var(8) WIDEVINE_BASE_PATH = "/usr/local/bin/widevine_cdm" DECRYPT_CLIENT_ID_FILENAME = "client_id.bin" DECRYPT_PRIVATE_KEY_FILENAME = "private_key.pem" UNKNOWN_PLAYLIST_NAME = "Unknown Apple Music Playlist" +CONF_MUSIC_APP_TOKEN = "music_app_token" +CONF_MUSIC_USER_TOKEN = "music_user_token" + async def setup( mass: MusicAssistant, manifest: ProviderManifest, config: ProviderConfig @@ -97,13 +104,87 @@ async def get_config_entries( action: [optional] action key called from config entries UI. values: the (intermediate) raw values for config entries sent with the action. """ + + def validate_user_token(token): + if not isinstance(token, str): + return False + valid = re.findall(r"[a-zA-Z0-9=/+]{32,}==$", token) + return bool(valid) + + # Check for valid app token (1st with regex and then API check) otherwise display a config field + default_app_token_valid = False + async with ( + mass.http_session.get( + "https://api.music.apple.com/v1/test", + headers={"Authorization": f"Bearer {MUSIC_APP_TOKEN}"}, + ssl=True, + timeout=10, + ) as response, + ): + if response.status == 200: + values[CONF_MUSIC_APP_TOKEN] = f"{MUSIC_APP_TOKEN}" + default_app_token_valid = True + + # Action is to launch MusicKit flow + if action == "CONF_ACTION_AUTH": + # TODO: check the developer token is valid otherwise user is going to have bad experience + async with AuthenticationHelper(mass, values["session_id"]) as auth_helper: + flow_base_url = f"/apple_music_auth/{values['session_id']}/" + flow_timeout = 600 + parent_file_path = pathlib.Path(__file__).parent.resolve() + + async def serve_mk_auth_page(request: web.Request) -> web.Response: + auth_html_path = parent_file_path.joinpath("musickit_auth/musickit_wrapper.html") + return web.FileResponse(auth_html_path, headers={"content-type": "text/html"}) + + async def serve_mk_auth_css(request: web.Request) -> web.Response: + auth_css_path = parent_file_path.joinpath("musickit_auth/musickit_wrapper.css") + return web.FileResponse(auth_css_path, headers={"content-type": "text/css"}) + + async def serve_mk_glue(request: web.Request) -> web.Response: + return_html = f"const app_token='{values[CONF_MUSIC_APP_TOKEN]}';" + return_html += f"const user_token='{values[CONF_MUSIC_USER_TOKEN]}';" + return_html += f"const return_url='{auth_helper.callback_url}';" + return_html += f"const flow_timeout={flow_timeout - 10};" + return_html += f"const mass_buid='{mass.version}';" + return web.Response(body=return_html, headers={"content-type": "text/javascript"}) + + mass.webserver.register_dynamic_route(flow_base_url + "index.html", serve_mk_auth_page) + mass.webserver.register_dynamic_route(flow_base_url + "index.css", serve_mk_auth_css) + mass.webserver.register_dynamic_route(flow_base_url + "index.js", serve_mk_glue) + try: + values[CONF_MUSIC_USER_TOKEN] = ( + await auth_helper.authenticate(flow_base_url + "index.html", flow_timeout) + )["music-user-token"] + except KeyError: + # no music-user-token URL param was found so user probably cancelled the auth + pass + except Exception as error: + raise LoginFailed(f"Failed to authenticate with Apple '{error}'.") + finally: + mass.webserver.unregister_dynamic_route(flow_base_url + "index.html") + mass.webserver.unregister_dynamic_route(flow_base_url + "index.css") + mass.webserver.unregister_dynamic_route(flow_base_url + "index.js") + # ruff: noqa: ARG001 return ( ConfigEntry( - key=CONF_PASSWORD, + key=CONF_MUSIC_APP_TOKEN, + type=ConfigEntryType.SECURE_STRING, + label="MusicKit App Token", + hidden=default_app_token_valid, + required=True, + value=values.get(CONF_MUSIC_APP_TOKEN) if values else None, + ), + ConfigEntry( + key=CONF_MUSIC_USER_TOKEN, type=ConfigEntryType.SECURE_STRING, - label="Music user token", + label="Music User Token", required=True, + action="CONF_ACTION_AUTH", + description="You need to authenticate on Apple Music.", + action_label="Authenticate with Apple Music", + value=values.get(CONF_MUSIC_USER_TOKEN) if values else None, ), ) @@ -112,6 +193,7 @@ class AppleMusicProvider(MusicProvider): """Implementation of an Apple Music MusicProvider.""" _music_user_token: str | None = None + _music_app_token: str | None = None _storefront: str | None = None _decrypt_client_id: bytes | None = None _decrypt_private_key: bytes | None = None @@ -121,7 +203,8 @@ class AppleMusicProvider(MusicProvider): async def handle_async_init(self) -> None: """Handle async initialization of the provider.""" - self._music_user_token = self.config.get_value(CONF_PASSWORD) + self._music_user_token = self.config.get_value(CONF_MUSIC_USER_TOKEN) + self._music_app_token = self.config.get_value(CONF_MUSIC_APP_TOKEN) self._storefront = await self._get_user_storefront() async with aiofiles.open( os.path.join(WIDEVINE_BASE_PATH, DECRYPT_CLIENT_ID_FILENAME), "rb" @@ -644,7 +727,7 @@ class AppleMusicProvider(MusicProvider): async def _get_data(self, endpoint, **kwargs) -> dict[str, Any]: """Get data from api.""" url = f"https://api.music.apple.com/v1/{endpoint}" - headers = {"Authorization": f"Bearer {DEVELOPER_TOKEN}"} + headers = {"Authorization": f"Bearer {self._music_app_token}"} headers["Music-User-Token"] = self._music_user_token async with ( self.mass.http_session.get( @@ -687,7 +770,7 @@ class AppleMusicProvider(MusicProvider): async def _post_data(self, endpoint, data=None, **kwargs) -> str: """Post data on api.""" url = f"https://api.music.apple.com/v1/{endpoint}" - headers = {"Authorization": f"Bearer {DEVELOPER_TOKEN}"} + headers = {"Authorization": f"Bearer {self._music_app_token}"} headers["Music-User-Token"] = self._music_user_token async with ( self.mass.http_session.post( @@ -759,7 +842,7 @@ class AppleMusicProvider(MusicProvider): def _get_decryption_headers(self): """Get headers for decryption requests.""" return { - "authorization": f"Bearer {DEVELOPER_TOKEN}", + "authorization": f"Bearer {self._music_app_token}", "media-user-token": self._music_user_token, "connection": "keep-alive", "accept": "application/json", diff --git a/music_assistant/providers/apple_music/musickit_auth/musickit_wrapper.css b/music_assistant/providers/apple_music/musickit_auth/musickit_wrapper.css new file mode 100644 index 00000000..97f1d2b9 --- /dev/null +++ b/music_assistant/providers/apple_music/musickit_auth/musickit_wrapper.css @@ -0,0 +1,5576 @@ +.cc-language-provider { + width: 100%; + height:100% +} + +.cc-language-provider--web-app { + background:inherit +} + +.base-icon__label { + overflow: hidden; + white-space: nowrap; + text-overflow:ellipsis +} + +.base-icon { + display: flex; + align-items: center; + justify-content: center; + flex-direction:column +} + +.base-icon__icon { + height: 76px; + width:76px +} + +.base-icon__icon--apple-music, .base-icon__icon--apple-podcasts { + border-radius: 16px; + overflow: hidden; + position:relative +} + +.base-icon__icon--third-party-placeholder { + border: 1px solid rgb(200, 199, 204); + border-radius: 16px; + overflow: hidden; + position:relative +} + +.theme-podcasts .base-icon__icon--gdpr { + height: 30px; + width: 30px; + background-color: #7d50df; + -webkit-mask-size: contain; + mask-size: contain; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; +} + +.theme-music .base-icon__icon--gdpr { + height: 30px; + width: 30px; + background-color: var(--music-key-color); + -webkit-mask-size: contain; + mask-size: contain; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; +} + +.base-icon__label { + min-height: 18px; + margin-top: 5px; + margin-bottom: 0; + width: 100%; + font-size: .8125rem; + line-height: 15px; + color: #333; + opacity:.8 +} + +.loading-spinner { + position: relative; + width: 32px; + height:32px +} + +.loading-spinner__nib { + position: absolute; + top: 0; + width: 3px; + height: 9px; + border-radius: 1.5px; + transform-origin: center 16px; + animation-name: nib; + animation-direction: reverse; + animation-duration: 1s; + animation-iteration-count: infinite; + animation-timing-function: cubic-bezier(.3333333333, 0, .6666666667, .3333333333); + background:#000 +} + +.is-rtl .loading-spinner__nib { + right:50% +} + +.is-ltr .loading-spinner__nib { + left:50% +} + +.is-rtl .loading-spinner__nib { + margin-right:-1.5px +} + +.is-ltr .loading-spinner__nib { + margin-left:-1.5px +} + +.loading-spinner--center { + position: absolute; + top: 50%; + transform:translate(-50%, -50%) +} + +.is-rtl .loading-spinner--center { + right:50% +} + +.is-ltr .loading-spinner--center { + left:50% +} + +.loading-spinner__nib-0 { + animation-delay: -1s; + transform:rotate(0) +} + +.loading-spinner__nib-1 { + animation-delay: -.9166666667s; + transform:rotate(30deg) +} + +.loading-spinner__nib-2 { + animation-delay: -.8333333333s; + transform:rotate(60deg) +} + +.loading-spinner__nib-3 { + animation-delay: -.75s; + transform:rotate(90deg) +} + +.loading-spinner__nib-4 { + animation-delay: -.6666666667s; + transform:rotate(120deg) +} + +.loading-spinner__nib-5 { + animation-delay: -.5833333333s; + transform:rotate(150deg) +} + +.loading-spinner__nib-6 { + animation-delay: -.5s; + transform:rotate(180deg) +} + +.loading-spinner__nib-7 { + animation-delay: -.4166666667s; + transform:rotate(210deg) +} + +.loading-spinner__nib-8 { + animation-delay: -.3333333333s; + transform:rotate(240deg) +} + +.loading-spinner__nib-9 { + animation-delay: -.25s; + transform:rotate(270deg) +} + +.loading-spinner__nib-10 { + animation-delay: -.1666666667s; + transform:rotate(300deg) +} + +.loading-spinner__nib-11 { + animation-delay: -.0833333333s; + transform:rotate(330deg) +} + +@keyframes nib { + 0% { + opacity:.168627451 + } + + to { + opacity:1 + } +} + +.button.base-button { + width:250px +} + +.theme-music .base-button--primary { + --sk-button-background: rgb(255, 44, 85); + --sk-button-background-hover: #ff3d63; + --sk-button-background-active: #eb284e; + --sk-button-color: rgb(255, 255, 255); + --sk-button-disabled-opacity: .32 +} + +.theme-music .base-button--secondary { + --sk-button-background: rgb(232, 232, 237); + --sk-button-background-hover: #eaeaee; + --sk-button-background-active: #d5d5da; + --sk-button-color: rgb(255, 44, 85); + --sk-button-disabled-opacity: .32 +} + +.theme-podcasts .base-button--primary { + --sk-button-background: rgb(125, 80, 223); + --sk-button-background-hover: #875ee2; + --sk-button-background-active: #734acd; + --sk-button-color: rgb(255, 255, 255); + --sk-button-disabled-opacity: .32 +} + +.theme-podcasts .base-button--secondary { + --sk-button-background: rgb(232, 232, 237); + --sk-button-background-hover: #eaeaee; + --sk-button-background-active: #d5d5da; + --sk-button-color: rgb(125, 80, 223); + --sk-button-disabled-opacity: .32 +} + +.base-footer { + background-color: #f2f2f2; + display: flex; + align-items: center; + min-height: 60px; + width:100% +} + +.base-footer__copyright { + font-size: .75rem; + color: #888; + text-align: center; + width:100% +} + +.base-content-wrapper { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + height:100% +} + +.base-content-wrapper__content { + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; + min-height: 320px; + padding: 10px 0; + align-items: center; + max-width: 452px; + min-width: 320px; + text-align:center +} + +.base-content-wrapper__title { + margin-top: 12px; + margin-bottom: 8px; + color:#1d1d1f +} + +.base-content-wrapper__description { + color: #6e6e73; + margin-top:0 +} + +:not(.base-content-wrapper__title) + .base-content-wrapper__description { + margin-top:12px +} + +.base-content-wrapper__button-container { + margin-top: 32px; + display: flex; + flex-direction:column +} + +.base-content-wrapper__title:empty, .base-content-wrapper__description:empty, .base-content-wrapper__button-container:empty { + display:none +} + +.base-content-wrapper__button { + flex: 1 1 auto; + margin:auto +} + +.base-content-wrapper__button + .base-content-wrapper__button { + margin-top: 8px; + margin-left:0 +} + +@media only screen and (max-width: 415px),(max-height: 375px) { + .base-content-wrapper__apple-icon-wrapper { + margin-left: 18px; + margin-top: 18px; + display:none + } + + .base-content-wrapper__content { + padding:10px 30px + } +} + +@media only screen and (orientation: landscape) and(max-height: 414px) { + .base-content-wrapper__content { + justify-content: center; + padding:0 + } + + .base-content-wrapper__apple-icon-wrapper { + display:none + } +} + +.error-view { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + height:100% +} + +.error-view__content { + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; + min-height: 320px; + padding-top: 10px; + padding-bottom: 10px; + align-items: center; + max-width: 300px; + color: #333; + text-align:center +} + +.error-view__title { + margin-top: 12px; + margin-bottom: 8px; + color:#1d1d1f +} + +.error-view__description { + color: #6e6e73; + margin-top:0 +} + +.error-view__button-container { + display: flex; + margin-top:32px +} + +.privacy-summary { + text-align: center; + max-width: 320px; + margin-top:15px +} + +.privacy-summary__link-container { + margin-top: 2px; + line-height: 16px; + margin-bottom:13px +} + +.privacy-summary__link-intro { + color:#86868b +} + +.privacy-summary__link-text { + display:block +} + +.theme-music .privacy-summary__link-text { + color:var(--music-key-color) +} + +.theme-podcasts .privacy-summary__link-text { + color:#7d50df +} + +.privacy-summary__link-text--margin-top { + margin-top:4px +} + +@media only screen and (max-width: 359px) { + .privacy-summary { + max-width:300px + } +} + +@media only screen and (orientation: landscape) and(max-height: 414px) { + .privacy-summary { + flex-direction: row; + justify-content:center + } + + .privacy-summary__link-container { + flex:1 1 auto + } +} + +.base-authorization-request__arrows { + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100%; + mask-size: 100%; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-image: url('data:image/svg+xml;utf8,'); + mask-image: url('data:image/svg+xml;utf8,') +} + +.base-authorization-request__icons-container { + display: flex; + justify-content: center; + align-items:center +} + +.base-authorization-request__icon { + width:100px +} + +.base-authorization-request__arrows { + position: relative; + bottom: 10px; + width: 18px; + height: 33px; + background-color:#636366 +} + +.base-authorization-request__checkbox-container { + align-items: flex-start; + color: #6e6e73; + display: flex; + gap: 12px; + margin: 48px 16px 0; + text-align:start +} + +.base-authorization-request__checkbox-container__input { + flex-shrink: 0; + width: 20px; + height: 20px; + margin-top:2px +} + +@media only screen and (orientation: landscape) and(max-height: 414px) { + .base-authorization-request__icons-container { + margin-top: 5px + } +} + +body, p, ul { + margin: 0; + padding:0 +} + +ul { + list-style-type:none +} + +button { + border: none; + outline: none; + text-decoration:none +} + +* { + box-sizing:border-box +} + +.is-rtl { + direction:rtl +} + +:root { + --music-key-color: rgb(250 35 59 / 100%) +} + +@media (prefers-color-scheme: dark) { + :root { + --music-key-color: rgb(250 45 72 / 100%) + } +} + +html { + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust:100% +} + +body { + margin: 0; + padding:0 +} + +ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, hgroup, p, blockquote, figure, form, fieldset, input, legend, pre, abbr, button { + margin: 0; + padding:0 +} + +pre, code, address, caption, th, figcaption { + font-size: 1em; + font-weight: 400; + font-style:normal +} + +fieldset, iframe { + border:0 +} + +caption, th { + text-align:left +} + +table { + border-collapse: collapse; + border-spacing:0 +} + +main, summary, details { + display:block +} + +audio, canvas, video, progress { + vertical-align:baseline +} + +button { + background: none; + border: 0; + box-sizing: content-box; + color: inherit; + cursor: pointer; + font: inherit; + line-height: inherit; + overflow: visible; + vertical-align:inherit +} + +button:disabled { + cursor:default +} + +:focus { + outline: 4px solid rgba(0, 125, 250, .6); + 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:none +} + +::-moz-focus-inner { + border: 0; + padding:0 +} + +:root { + --sk-body-text-color: rgb(29, 29, 31); + --sk-headline-text-color: rgb(29, 29, 31); + --sk-body-background-color: rgb(255, 255, 255); + --sk-body-font-stack: text; + --sk-default-stacked-margin: .4em; + --sk-paragraph-plus-element-margin: .8em; + --sk-headline-plus-first-element-margin: .8em; + --sk-headline-plus-headline-margin: .4em; + --sk-paragraph-plus-headline-margin: 1.6em +} + +html { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif; + font-size: 106.25%; + quotes: "\201c" "\201d" +} + +[lang]:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +[lang]:lang(ja) { + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +[lang]:lang(ko) { + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +[lang]:lang(th) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +[lang]:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +[lang]:lang(zh-HK) { + font-family:-apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +[lang]:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +[lang]:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +:lang(cs) { + quotes: "\201e" "\201c" +} + +:lang(de) { + quotes: "\201e" "\201c" +} + +:lang(de-CH) { + quotes: "\ab" "\bb" +} + +:lang(de-LI) { + quotes: "\ab" "\bb" +} + +:lang(fr) { + quotes: "\ab\a0" "\a0\bb" +} + +:lang(fr-CH) { + quotes: "\ab" "\bb" +} + +:lang(es-ES) { + quotes: "\ab" "\bb" +} + +:lang(hu) { + quotes: "\201e" "\201c" +} + +:lang(ja-JP) { + quotes: "\300c" "\300d" +} + +:lang(no-NO) { + quotes: "\ab" "\bb" +} + +:lang(lt) { + quotes: "\201e" "\201c" +} + +:lang(pl) { + quotes: "\201e" "\201c" +} + +:lang(ru) { + quotes: "\ab " " \bb" +} + +:lang(zh) { + quotes: "\300c" "\300d" +} + +:lang(zh-CN) { + quotes: "\201c" "\201d" +} + +body { + font-size: 17px; + line-height: 1.4705882353; + font-weight: 400; + letter-spacing: -.022em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif; + background-color: var(--sk-body-background-color, rgb(255, 255, 255)); + color: var(--sk-body-text-color, rgb(29, 29, 31)); + font-style:normal +} + +body:lang(ar) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +body:lang(ja) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +body:lang(ko) { + line-height: 1.5882352941; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +body:lang(zh) { + letter-spacing:0em +} + +body:lang(th) { + line-height: 1.3529611765; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +body:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +body:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +body:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +body:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +body, input, textarea, select, button { + font-synthesis: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing:grayscale +} + +h1, h2, h3, h4, h5, h6 { + font-weight: 600; + color:var(--sk-headline-text-color, rgb(29, 29, 31)) +} + +h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { + display: block; + margin:0 +} + +h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * { + margin-top:var(--sk-headline-plus-first-element-margin, .8em) +} + +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:var(--sk-headline-plus-headline-margin, .4em) +} + +p + h1, ul + h1, ol + h1, p + h2, ul + h2, ol + h2, p + h3, ul + h3, ol + h3, p + h4, ul + h4, ol + h4, p + h5, ul + h5, ol + h5, p + h6, ul + h6, ol + h6 { + margin-top:var(--sk-paragraph-plus-headline-margin, 1.6em) +} + +.heading-collapsed + * { + margin-top:0 +} + +p + *, ul + *, ol + * { + margin-top:var(--sk-paragraph-plus-element-margin, .8em) +} + +ul, ol { + margin-inline-start:1.1764705882em +} + +ul ul, ul ol, ol ul, ol ol { + margin-top: 0; + margin-bottom:0 +} + +nav ul, nav ol { + margin: 0; + list-style:none +} + +li li { + font-size:1em +} + +b, strong { + font-weight:600 +} + +em, i, cite, dfn { + font-style:italic +} + +abbr { + border:0 +} + +:lang(ja), :lang(ko), :lang(th), :lang(zh) { + font-style:normal +} + +:lang(ko) { + word-break:keep-all +} + +:root { + --sk-body-link-color: rgb(0, 102, 204); + --sk-link-disabled-opacity: .32 +} + +a { + color: var(--sk-body-link-color, rgb(0, 102, 204)); + letter-spacing:inherit +} + +a:link, a:visited { + text-decoration:none +} + +a:hover { + text-decoration:underline +} + +a:active { + text-decoration:none +} + +a:disabled { + opacity:var(--sk-link-disabled-opacity, .32) +} + +.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 +} + +.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 +} + +@media only screen and (min-width: 1441px) { + .xlarge-justify-content-start { + justify-content:flex-start + } + + .xlarge-justify-content-end { + justify-content:flex-end + } + + .xlarge-justify-content-center { + justify-content:center + } + + .xlarge-justify-content-spacebetween { + justify-content:space-between + } + + .xlarge-justify-content-spacearound { + justify-content:space-around + } + + .xlarge-justify-content-spaceevenly { + justify-content:space-evenly + } + + .xlarge-align-items-start { + align-items:flex-start + } + + .xlarge-align-items-center { + align-items:center + } + + .xlarge-align-items-end { + align-items:flex-end + } + + .xlarge-align-self-start { + align-self:flex-start + } + + .xlarge-align-self-center { + align-self:center + } + + .xlarge-align-self-end { + align-self:flex-end + } +} + +@media only screen and (max-width: 1068px) { + .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 (max-width: 734px) { + .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 + } +} + +.selfclear:before, .selfclear:after { + content: " "; + display:table +} + +.selfclear:after { + clear:both +} + +.visuallyhidden { + position: absolute; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(0px 0px 99.9% 99.9%); + clip-path: inset(0px 0px 99.9% 99.9%); + overflow: hidden; + height: 1px; + width: 1px; + padding: 0; + border:0 +} + +@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: move; + cursor:grab +} + +.cursor-grabbing { + cursor: move; + cursor:grabbing +} + +:root { + --sk-footnote-font-size: .6em; + --sk-footnote-offset-top: -.5em +} + +sup, sub { + position: relative; + font-size: var(--sk-footnote-font-size, .6em); + vertical-align:baseline +} + +sup { + top:var(--sk-footnote-offset-top, -.5em) +} + +sub { + bottom:-.25em +} + +.row { + display: flex; + flex-wrap: wrap; + flex-direction: row; + width:100% +} + +.row-reverse { + flex-direction:row-reverse +} + +.column { + box-sizing: border-box; + margin: 0; + padding: 0; + min-width:0px +} + +.large-offset-0 { + margin-left:0 +} + +.large-order-0 { + order:0 +} + +.large-1 { + flex-basis: 8.3333333333%; + max-width:8.3333333333% +} + +.large-offset-1 { + margin-left:8.3333333333% +} + +.large-order-1 { + order:1 +} + +.large-2 { + flex-basis: 16.6666666667%; + max-width:16.6666666667% +} + +.large-offset-2 { + margin-left:16.6666666667% +} + +.large-order-2 { + order:2 +} + +.large-3 { + flex-basis: 25%; + max-width:25% +} + +.large-offset-3 { + margin-left:25% +} + +.large-order-3 { + order:3 +} + +.large-4 { + flex-basis: 33.3333333333%; + max-width:33.3333333333% +} + +.large-offset-4 { + margin-left:33.3333333333% +} + +.large-order-4 { + order:4 +} + +.large-5 { + flex-basis: 41.6666666667%; + max-width:41.6666666667% +} + +.large-offset-5 { + margin-left:41.6666666667% +} + +.large-order-5 { + order:5 +} + +.large-6 { + flex-basis: 50%; + max-width:50% +} + +.large-offset-6 { + margin-left:50% +} + +.large-order-6 { + order:6 +} + +.large-7 { + flex-basis: 58.3333333333%; + max-width:58.3333333333% +} + +.large-offset-7 { + margin-left:58.3333333333% +} + +.large-order-7 { + order:7 +} + +.large-8 { + flex-basis: 66.6666666667%; + max-width:66.6666666667% +} + +.large-offset-8 { + margin-left:66.6666666667% +} + +.large-order-8 { + order:8 +} + +.large-9 { + flex-basis: 75%; + max-width:75% +} + +.large-offset-9 { + margin-left:75% +} + +.large-order-9 { + order:9 +} + +.large-10 { + flex-basis: 83.3333333333%; + max-width:83.3333333333% +} + +.large-offset-10 { + margin-left:83.3333333333% +} + +.large-order-10 { + order:10 +} + +.large-11 { + flex-basis: 91.6666666667%; + max-width:91.6666666667% +} + +.large-offset-11 { + margin-left:91.6666666667% +} + +.large-order-11 { + order:11 +} + +.large-12 { + flex-basis: 100%; + max-width:100% +} + +.large-offset-12 { + margin-left:100% +} + +.large-order-12 { + order:12 +} + +.large-centered { + margin-left: auto; + margin-right:auto +} + +.large-uncentered { + margin-left: 0; + margin-right:0 +} + +.large-last { + margin-left:auto +} + +.large-notlast { + margin-left:0 +} + +.large-grow { + flex: auto; + max-width:initial +} + +.large-ungrow { + flex: initial; + max-width:initial +} + +@media only screen and (min-width: 1441px) { + .xlarge-offset-0 { + margin-left:0 + } + + .xlarge-order-0 { + order:0 + } + + .xlarge-1 { + flex-basis: 8.3333333333%; + max-width:8.3333333333% + } + + .xlarge-offset-1 { + margin-left:8.3333333333% + } + + .xlarge-order-1 { + order:1 + } + + .xlarge-2 { + flex-basis: 16.6666666667%; + max-width:16.6666666667% + } + + .xlarge-offset-2 { + margin-left:16.6666666667% + } + + .xlarge-order-2 { + order:2 + } + + .xlarge-3 { + flex-basis: 25%; + max-width:25% + } + + .xlarge-offset-3 { + margin-left:25% + } + + .xlarge-order-3 { + order:3 + } + + .xlarge-4 { + flex-basis: 33.3333333333%; + max-width:33.3333333333% + } + + .xlarge-offset-4 { + margin-left:33.3333333333% + } + + .xlarge-order-4 { + order:4 + } + + .xlarge-5 { + flex-basis: 41.6666666667%; + max-width:41.6666666667% + } + + .xlarge-offset-5 { + margin-left:41.6666666667% + } + + .xlarge-order-5 { + order:5 + } + + .xlarge-6 { + flex-basis: 50%; + max-width:50% + } + + .xlarge-offset-6 { + margin-left:50% + } + + .xlarge-order-6 { + order:6 + } + + .xlarge-7 { + flex-basis: 58.3333333333%; + max-width:58.3333333333% + } + + .xlarge-offset-7 { + margin-left:58.3333333333% + } + + .xlarge-order-7 { + order:7 + } + + .xlarge-8 { + flex-basis: 66.6666666667%; + max-width:66.6666666667% + } + + .xlarge-offset-8 { + margin-left:66.6666666667% + } + + .xlarge-order-8 { + order:8 + } + + .xlarge-9 { + flex-basis: 75%; + max-width:75% + } + + .xlarge-offset-9 { + margin-left:75% + } + + .xlarge-order-9 { + order:9 + } + + .xlarge-10 { + flex-basis: 83.3333333333%; + max-width:83.3333333333% + } + + .xlarge-offset-10 { + margin-left:83.3333333333% + } + + .xlarge-order-10 { + order:10 + } + + .xlarge-11 { + flex-basis: 91.6666666667%; + max-width:91.6666666667% + } + + .xlarge-offset-11 { + margin-left:91.6666666667% + } + + .xlarge-order-11 { + order:11 + } + + .xlarge-12 { + flex-basis: 100%; + max-width:100% + } + + .xlarge-offset-12 { + margin-left:100% + } + + .xlarge-order-12 { + order:12 + } + + .xlarge-centered { + margin-left: auto; + margin-right:auto + } + + .xlarge-uncentered { + margin-left: 0; + margin-right:0 + } + + .xlarge-last { + margin-left:auto + } + + .xlarge-notlast { + margin-left:0 + } + + .xlarge-grow { + flex: auto; + max-width:initial + } + + .xlarge-ungrow { + flex: initial; + max-width:initial + } +} + +@media only screen and (max-width: 1068px) { + .medium-offset-0 { + margin-left:0 + } + + .medium-order-0 { + order:0 + } + + .medium-1 { + flex-basis: 8.3333333333%; + max-width:8.3333333333% + } + + .medium-offset-1 { + margin-left:8.3333333333% + } + + .medium-order-1 { + order:1 + } + + .medium-2 { + flex-basis: 16.6666666667%; + max-width:16.6666666667% + } + + .medium-offset-2 { + margin-left:16.6666666667% + } + + .medium-order-2 { + order:2 + } + + .medium-3 { + flex-basis: 25%; + max-width:25% + } + + .medium-offset-3 { + margin-left:25% + } + + .medium-order-3 { + order:3 + } + + .medium-4 { + flex-basis: 33.3333333333%; + max-width:33.3333333333% + } + + .medium-offset-4 { + margin-left:33.3333333333% + } + + .medium-order-4 { + order:4 + } + + .medium-5 { + flex-basis: 41.6666666667%; + max-width:41.6666666667% + } + + .medium-offset-5 { + margin-left:41.6666666667% + } + + .medium-order-5 { + order:5 + } + + .medium-6 { + flex-basis: 50%; + max-width:50% + } + + .medium-offset-6 { + margin-left:50% + } + + .medium-order-6 { + order:6 + } + + .medium-7 { + flex-basis: 58.3333333333%; + max-width:58.3333333333% + } + + .medium-offset-7 { + margin-left:58.3333333333% + } + + .medium-order-7 { + order:7 + } + + .medium-8 { + flex-basis: 66.6666666667%; + max-width:66.6666666667% + } + + .medium-offset-8 { + margin-left:66.6666666667% + } + + .medium-order-8 { + order:8 + } + + .medium-9 { + flex-basis: 75%; + max-width:75% + } + + .medium-offset-9 { + margin-left:75% + } + + .medium-order-9 { + order:9 + } + + .medium-10 { + flex-basis: 83.3333333333%; + max-width:83.3333333333% + } + + .medium-offset-10 { + margin-left:83.3333333333% + } + + .medium-order-10 { + order:10 + } + + .medium-11 { + flex-basis: 91.6666666667%; + max-width:91.6666666667% + } + + .medium-offset-11 { + margin-left:91.6666666667% + } + + .medium-order-11 { + order:11 + } + + .medium-12 { + flex-basis: 100%; + max-width:100% + } + + .medium-offset-12 { + margin-left:100% + } + + .medium-order-12 { + order:12 + } + + .medium-centered { + margin-left: auto; + margin-right:auto + } + + .medium-uncentered { + margin-left: 0; + margin-right:0 + } + + .medium-last { + margin-left:auto + } + + .medium-notlast { + margin-left:0 + } + + .medium-grow { + flex: auto; + max-width:initial + } + + .medium-ungrow { + flex: initial; + max-width:initial + } +} + +@media only screen and (max-width: 734px) { + .small-offset-0 { + margin-left:0 + } + + .small-order-0 { + order:0 + } + + .small-1 { + flex-basis: 8.3333333333%; + max-width:8.3333333333% + } + + .small-offset-1 { + margin-left:8.3333333333% + } + + .small-order-1 { + order:1 + } + + .small-2 { + flex-basis: 16.6666666667%; + max-width:16.6666666667% + } + + .small-offset-2 { + margin-left:16.6666666667% + } + + .small-order-2 { + order:2 + } + + .small-3 { + flex-basis: 25%; + max-width:25% + } + + .small-offset-3 { + margin-left:25% + } + + .small-order-3 { + order:3 + } + + .small-4 { + flex-basis: 33.3333333333%; + max-width:33.3333333333% + } + + .small-offset-4 { + margin-left:33.3333333333% + } + + .small-order-4 { + order:4 + } + + .small-5 { + flex-basis: 41.6666666667%; + max-width:41.6666666667% + } + + .small-offset-5 { + margin-left:41.6666666667% + } + + .small-order-5 { + order:5 + } + + .small-6 { + flex-basis: 50%; + max-width:50% + } + + .small-offset-6 { + margin-left:50% + } + + .small-order-6 { + order:6 + } + + .small-7 { + flex-basis: 58.3333333333%; + max-width:58.3333333333% + } + + .small-offset-7 { + margin-left:58.3333333333% + } + + .small-order-7 { + order:7 + } + + .small-8 { + flex-basis: 66.6666666667%; + max-width:66.6666666667% + } + + .small-offset-8 { + margin-left:66.6666666667% + } + + .small-order-8 { + order:8 + } + + .small-9 { + flex-basis: 75%; + max-width:75% + } + + .small-offset-9 { + margin-left:75% + } + + .small-order-9 { + order:9 + } + + .small-10 { + flex-basis: 83.3333333333%; + max-width:83.3333333333% + } + + .small-offset-10 { + margin-left:83.3333333333% + } + + .small-order-10 { + order:10 + } + + .small-11 { + flex-basis: 91.6666666667%; + max-width:91.6666666667% + } + + .small-offset-11 { + margin-left:91.6666666667% + } + + .small-order-11 { + order:11 + } + + .small-12 { + flex-basis: 100%; + max-width:100% + } + + .small-offset-12 { + margin-left:100% + } + + .small-order-12 { + order:12 + } + + .small-centered { + margin-left: auto; + margin-right:auto + } + + .small-uncentered { + margin-left: 0; + margin-right:0 + } + + .small-last { + margin-left:auto + } + + .small-notlast { + margin-left:0 + } + + .small-grow { + flex: auto; + max-width:initial + } + + .small-ungrow { + flex: initial; + max-width:initial + } +} + +.row-reverse .column { + box-sizing: border-box; + margin: 0; + padding: 0; + min-width:0px +} + +.row-reverse .large-offset-0 { + margin-right:0 +} + +.row-reverse .large-offset-1 { + margin-right:8.3333333333% +} + +.row-reverse .large-offset-2 { + margin-right:16.6666666667% +} + +.row-reverse .large-offset-3 { + margin-right:25% +} + +.row-reverse .large-offset-4 { + margin-right:33.3333333333% +} + +.row-reverse .large-offset-5 { + margin-right:41.6666666667% +} + +.row-reverse .large-offset-6 { + margin-right:50% +} + +.row-reverse .large-offset-7 { + margin-right:58.3333333333% +} + +.row-reverse .large-offset-8 { + margin-right:66.6666666667% +} + +.row-reverse .large-offset-9 { + margin-right:75% +} + +.row-reverse .large-offset-10 { + margin-right:83.3333333333% +} + +.row-reverse .large-offset-11 { + margin-right:91.6666666667% +} + +.row-reverse .large-offset-12 { + margin-right:100% +} + +.row-reverse .large-last { + margin-right:auto +} + +.row-reverse .large-notlast { + margin-right:0 +} + +@media only screen and (min-width: 1441px) { + .row-reverse .xlarge-offset-0 { + margin-right:0 + } + + .row-reverse .xlarge-offset-1 { + margin-right:8.3333333333% + } + + .row-reverse .xlarge-offset-2 { + margin-right:16.6666666667% + } + + .row-reverse .xlarge-offset-3 { + margin-right:25% + } + + .row-reverse .xlarge-offset-4 { + margin-right:33.3333333333% + } + + .row-reverse .xlarge-offset-5 { + margin-right:41.6666666667% + } + + .row-reverse .xlarge-offset-6 { + margin-right:50% + } + + .row-reverse .xlarge-offset-7 { + margin-right:58.3333333333% + } + + .row-reverse .xlarge-offset-8 { + margin-right:66.6666666667% + } + + .row-reverse .xlarge-offset-9 { + margin-right:75% + } + + .row-reverse .xlarge-offset-10 { + margin-right:83.3333333333% + } + + .row-reverse .xlarge-offset-11 { + margin-right:91.6666666667% + } + + .row-reverse .xlarge-offset-12 { + margin-right:100% + } + + .row-reverse .xlarge-last { + margin-right:auto + } + + .row-reverse .xlarge-notlast { + margin-right:0 + } +} + +@media only screen and (max-width: 1068px) { + .row-reverse .medium-offset-0 { + margin-right:0 + } + + .row-reverse .medium-offset-1 { + margin-right:8.3333333333% + } + + .row-reverse .medium-offset-2 { + margin-right:16.6666666667% + } + + .row-reverse .medium-offset-3 { + margin-right:25% + } + + .row-reverse .medium-offset-4 { + margin-right:33.3333333333% + } + + .row-reverse .medium-offset-5 { + margin-right:41.6666666667% + } + + .row-reverse .medium-offset-6 { + margin-right:50% + } + + .row-reverse .medium-offset-7 { + margin-right:58.3333333333% + } + + .row-reverse .medium-offset-8 { + margin-right:66.6666666667% + } + + .row-reverse .medium-offset-9 { + margin-right:75% + } + + .row-reverse .medium-offset-10 { + margin-right:83.3333333333% + } + + .row-reverse .medium-offset-11 { + margin-right:91.6666666667% + } + + .row-reverse .medium-offset-12 { + margin-right:100% + } + + .row-reverse .medium-last { + margin-right:auto + } + + .row-reverse .medium-notlast { + margin-right:0 + } +} + +@media only screen and (max-width: 734px) { + .row-reverse .small-offset-0 { + margin-right:0 + } + + .row-reverse .small-offset-1 { + margin-right:8.3333333333% + } + + .row-reverse .small-offset-2 { + margin-right:16.6666666667% + } + + .row-reverse .small-offset-3 { + margin-right:25% + } + + .row-reverse .small-offset-4 { + margin-right:33.3333333333% + } + + .row-reverse .small-offset-5 { + margin-right:41.6666666667% + } + + .row-reverse .small-offset-6 { + margin-right:50% + } + + .row-reverse .small-offset-7 { + margin-right:58.3333333333% + } + + .row-reverse .small-offset-8 { + margin-right:66.6666666667% + } + + .row-reverse .small-offset-9 { + margin-right:75% + } + + .row-reverse .small-offset-10 { + margin-right:83.3333333333% + } + + .row-reverse .small-offset-11 { + margin-right:91.6666666667% + } + + .row-reverse .small-offset-12 { + margin-right:100% + } + + .row-reverse .small-last { + margin-right:auto + } + + .row-reverse .small-notlast { + margin-right:0 + } +} + +.grid { + margin-left: auto; + margin-right: auto; + grid-column-gap: 24px; + grid-row-gap: 24px; + padding: 0 24px; + display: grid; + grid-template-columns:repeat(12, minmax(0, 1fr)) +} + +.grid .grid { + height: 100%; + padding-left: 0; + padding-right:0 +} + +.grid-item { + position: relative; + box-sizing:border-box +} + +.large-span-0 { + grid-column:span 0 +} + +.large-span-1 { + grid-column:span 1 +} + +.large-span-2 { + grid-column:span 2 +} + +.large-span-3 { + grid-column:span 3 +} + +.large-span-4 { + grid-column:span 4 +} + +.large-span-5 { + grid-column:span 5 +} + +.large-span-6 { + grid-column:span 6 +} + +.large-span-7 { + grid-column:span 7 +} + +.large-span-8 { + grid-column:span 8 +} + +.large-span-9 { + grid-column:span 9 +} + +.large-span-10 { + grid-column:span 10 +} + +.large-span-11 { + grid-column:span 11 +} + +.large-span-12 { + grid-column:span 12 +} + +@media only screen and (min-width: 1441px) { + .xlarge-span-0 { + grid-column:span 0 + } + + .xlarge-span-1 { + grid-column:span 1 + } + + .xlarge-span-2 { + grid-column:span 2 + } + + .xlarge-span-3 { + grid-column:span 3 + } + + .xlarge-span-4 { + grid-column:span 4 + } + + .xlarge-span-5 { + grid-column:span 5 + } + + .xlarge-span-6 { + grid-column:span 6 + } + + .xlarge-span-7 { + grid-column:span 7 + } + + .xlarge-span-8 { + grid-column:span 8 + } + + .xlarge-span-9 { + grid-column:span 9 + } + + .xlarge-span-10 { + grid-column:span 10 + } + + .xlarge-span-11 { + grid-column:span 11 + } + + .xlarge-span-12 { + grid-column:span 12 + } +} + +@media only screen and (max-width: 1068px) { + .medium-span-0 { + grid-column:span 0 + } + + .medium-span-1 { + grid-column:span 1 + } + + .medium-span-2 { + grid-column:span 2 + } + + .medium-span-3 { + grid-column:span 3 + } + + .medium-span-4 { + grid-column:span 4 + } + + .medium-span-5 { + grid-column:span 5 + } + + .medium-span-6 { + grid-column:span 6 + } + + .medium-span-7 { + grid-column:span 7 + } + + .medium-span-8 { + grid-column:span 8 + } + + .medium-span-9 { + grid-column:span 9 + } + + .medium-span-10 { + grid-column:span 10 + } + + .medium-span-11 { + grid-column:span 11 + } + + .medium-span-12 { + grid-column:span 12 + } +} + +@media only screen and (max-width: 734px) { + .small-span-0 { + grid-column:span 0 + } + + .small-span-1 { + grid-column:span 1 + } + + .small-span-2 { + grid-column:span 2 + } + + .small-span-3 { + grid-column:span 3 + } + + .small-span-4 { + grid-column:span 4 + } + + .small-span-5 { + grid-column:span 5 + } + + .small-span-6 { + grid-column:span 6 + } + + .small-span-7 { + grid-column:span 7 + } + + .small-span-8 { + grid-column:span 8 + } + + .small-span-9 { + grid-column:span 9 + } + + .small-span-10 { + grid-column:span 10 + } + + .small-span-11 { + grid-column:span 11 + } + + .small-span-12 { + grid-column:span 12 + } +} + +.icon:before, .icon:after, .more:before, .more:after { + font-family: SF Pro Icons; + 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; + alt: "" +} + +.icon:before, .icon:after, .more:before, .more:after { + text-decoration:none +} + +.icon:before, .more:before { + display:none +} + +.icon-after:after, .more:after { + padding-inline-start: .3em; + top:0 +} + +.icon-before:before { + padding-inline-end: .3em; + display: inline-block; + top:0 +} + +.icon-before:after { + display:none +} + +.icon-before.icon-apple:before { + padding-inline-end: 0; + display: inline-block; + top:0 +} + +.icon-before.icon-apple:after { + display:none +} + +.icon-apple:before, .icon-apple:after { + content: "\f8ff" +} + +.icon-chevrondown:before, .icon-chevrondown:after { + content: "\f303" +} + +.icon-chevrondowncircle:before, .icon-chevrondowncircle:after { + content: "\f307" +} + +.icon-chevronleft:before, .icon-chevronleft:after { + content: "\f300" +} + +.icon-chevronleftcircle:before, .icon-chevronleftcircle:after { + content: "\f304" +} + +.icon-chevronright:before, .icon-chevronright:after { + content: "\f301" +} + +.icon-chevronrightcircle:before, .icon-chevronrightcircle:after { + content: "\f305" +} + +.icon-chevronup:before, .icon-chevronup:after { + content: "\f302" +} + +.icon-chevronupcircle:before, .icon-chevronupcircle:after { + content: "\f306" +} + +.icon-downloadcircle:before, .icon-downloadcircle:after { + content: "\f32b" +} + +.icon-arrowupcircle:before, .icon-arrowupcircle:after { + content: "\100076" +} + +.icon-external:before, .icon-external:after { + content: "\f32d" +} + +.icon-share:before, .icon-share:after { + content: "\f32e" +} + +.icon-search:before, .icon-search:after { + content: "\ea1d" +} + +.icon-arkit:before, .icon-arkit:after { + content: "\ea1e" +} + +.icon-pausecircle:before, .icon-pausecircle:after { + content: "\f31f" +} + +.icon-pausesolid:before, .icon-pausesolid:after { + content: "\ea08" +} + +.icon-playcircle:before, .icon-playcircle:after { + content: "\f31e" +} + +.icon-playsolid:before, .icon-playsolid:after { + content: "\ea07" +} + +.icon-replay:before, .icon-replay:after { + content: "\f321" +} + +.icon-stopcircle:before, .icon-stopcircle:after { + content: "\f320" +} + +.icon-stopsolid:before, .icon-stopsolid:after { + content: "\ea09" +} + +.icon-circle:before, .icon-circle:after { + content: "\f32c" +} + +.icon-check:before, .icon-check:after { + content: "\f30b" +} + +.icon-checkcircle:before, .icon-checkcircle:after { + content: "\f311" +} + +.icon-checksolid:before, .icon-checksolid:after { + content: "\f317" +} + +.icon-reset:before, .icon-reset:after { + content: "\f308" +} + +.icon-resetcircle:before, .icon-resetcircle:after { + content: "\f30e" +} + +.icon-resetsolid:before, .icon-resetsolid:after { + content: "\f314" +} + +.icon-exclamation:before, .icon-exclamation:after { + content: "\f30c" +} + +.icon-exclamationcircle:before, .icon-exclamationcircle:after { + content: "\f312" +} + +.icon-exclamationsolid:before, .icon-exclamationsolid:after { + content: "\f318" +} + +.icon-exclamationtriangle:before, .icon-exclamationtriangle:after { + content: "\ea15" +} + +.icon-exclamationtrianglesolid:before, .icon-exclamationtrianglesolid:after { + content: "\ea16" +} + +.icon-infocircle:before, .icon-infocircle:after { + content: "\f32a" +} + +.icon-infosolid:before, .icon-infosolid:after { + content: "\ea14" +} + +.icon-question:before, .icon-question:after { + content: "\f30d" +} + +.icon-questioncircle:before, .icon-questioncircle:after { + content: "\f313" +} + +.icon-questionsolid:before, .icon-questionsolid:after { + content: "\f319" +} + +.icon-plus:before, .icon-plus:after { + content: "\f309" +} + +.icon-pluscircle:before, .icon-pluscircle:after { + content: "\f30f" +} + +.icon-plussolid:before, .icon-plussolid:after { + content: "\f315" +} + +.icon-minus:before, .icon-minus:after { + content: "\f30a" +} + +.icon-minuscircle:before, .icon-minuscircle:after { + content: "\f310" +} + +.icon-minussolid:before, .icon-minussolid:after { + content: "\f316" +} + +.icon-1circle:before, .icon-1circle:after { + content: "\f342" +} + +.icon-2circle:before, .icon-2circle:after { + content: "\f343" +} + +.icon-3circle:before, .icon-3circle:after { + content: "\f344" +} + +.icon-4circle:before, .icon-4circle:after { + content: "\f345" +} + +.icon-5circle:before, .icon-5circle:after { + content: "\f346" +} + +.icon-6circle:before, .icon-6circle:after { + content: "\f347" +} + +.icon-7circle:before, .icon-7circle:after { + content: "\f348" +} + +.icon-8circle:before, .icon-8circle:after { + content: "\f349" +} + +.icon-9circle:before, .icon-9circle:after { + content: "\f34a" +} + +.icon-10circle:before, .icon-10circle:after { + content: "\f34b" +} + +.icon-11circle:before, .icon-11circle:after { + content: "\f34c" +} + +.icon-12circle:before, .icon-12circle:after { + content: "\f34d" +} + +.icon-13circle:before, .icon-13circle:after { + content: "\f34e" +} + +.icon-14circle:before, .icon-14circle:after { + content: "\f34f" +} + +.icon-15circle:before, .icon-15circle:after { + content: "\f350" +} + +.icon-16circle:before, .icon-16circle:after { + content: "\f351" +} + +.icon-17circle:before, .icon-17circle:after { + content: "\f352" +} + +.icon-18circle:before, .icon-18circle:after { + content: "\f353" +} + +.icon-19circle:before, .icon-19circle:after { + content: "\f354" +} + +.icon-20circle:before, .icon-20circle:after { + content: "\f355" +} + +.icon-close:before, .icon-close:after { + content: "\f35e" +} + +.icon-closecompact:before, .icon-closecompact:after { + content: "\f364" +} + +.icon-paddleleft:before, .icon-paddleleft:after { + content: "\f35a" +} + +.icon-paddleleftcompact:before, .icon-paddleleftcompact:after { + content: "\f360" +} + +.icon-paddleright:before, .icon-paddleright:after { + content: "\f35b" +} + +.icon-paddlerightcompact:before, .icon-paddlerightcompact:after { + content: "\f361" +} + +.icon-paddleup:before, .icon-paddleup:after { + content: "\f35c" +} + +.icon-paddleupcompact:before, .icon-paddleupcompact:after { + content: "\f362" +} + +.icon-paddledown:before, .icon-paddledown:after { + content: "\f35d" +} + +.icon-paddledowncompact:before, .icon-paddledowncompact:after { + content: "\f363" +} + +.icon-thumbnailreplay:before, .icon-thumbnailreplay:after { + content: "\f357" +} + +.icon-thumbnailpause:before, .icon-thumbnailpause:after { + content: "\f358" +} + +.icon-thumbnailplay:before, .icon-thumbnailplay:after { + content: "\f359" +} + +.icon-externalrtl:before, .icon-externalrtl:after { + content: "\f333" +} + +.icon-questionrtl:before, .icon-questionrtl:after { + content: "\f332" +} + +.icon-questioncirclertl:before, .icon-questioncirclertl:after { + content: "\f330" +} + +.icon-questionsolidrtl:before, .icon-questionsolidrtl:after { + content: "\f331" +} + +.more:before, .more:after { + content: "\f301" +} + +.more-block { + margin-top:.5em +} + +.icon-wrapper .icon, .icon-wrapper .more:not(.icon-before):after, .icon-wrapper .icon-before:before, .icon-wrapper .icon-after: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:before, html[dir=rtl] .icon-external:after { + content: "\f333" +} + +html[dir=rtl] .icon-wrapper { + unicode-bidi:bidi-override +} + +html[dir=rtl] .icon-copy { + unicode-bidi:embed +} + +:lang(ar) .icon-question:before, :lang(ar) .icon-question:after { + content: "\f332" +} + +:lang(ar) .icon-questioncircle:before, :lang(ar) .icon-questioncircle:after { + content: "\f330" +} + +:lang(ar) .icon-questionsolid:before, :lang(ar) .icon-questionsolid:after { + content: "\f331" +} + +body { + min-width:320px +} + +.large-hide { + display:none +} + +.large-show { + display:block +} + +.large-show-inline { + display:inline +} + +.large-show-inlineblock { + display:inline-block +} + +@media only screen and (min-width: 1441px) { + .xlarge-hide { + display:none + } + + .xlarge-show { + display:block + } + + .xlarge-show-inline { + display:inline + } + + .xlarge-show-inlineblock { + display:inline-block + } +} + +@media only screen and (max-width: 1068px) { + .medium-hide { + display:none + } + + .medium-show { + display:block + } + + .medium-show-inline { + display:inline + } + + .medium-show-inlineblock { + display:inline-block + } +} + +@media only screen and (max-width: 734px) { + .small-hide { + display:none + } + + .small-show { + display:block + } + + .small-show-inline { + display:inline + } + + .small-show-inlineblock { + display:inline-block + } +} + +.viewport-content { + margin-left: auto; + margin-right: auto; + width:980px +} + +@media only screen and (min-width: 1441px) { + .viewport-content { + margin-left: auto; + margin-right: auto; + width:980px + } +} + +@media only screen and (max-width: 1068px) { + .viewport-content { + margin-left: auto; + margin-right: auto; + width:692px + } +} + +@media only screen and (max-width: 734px) { + .viewport-content { + margin-left: auto; + margin-right: auto; + width:87.5% + } +} + +.button { + background: var(--sk-button-background); + color: var(--sk-button-color); + cursor: pointer; + display: inline-block; + text-align: center; + white-space: nowrap; + font-size: 17px; + line-height: 1.1764805882; + font-weight: 400; + letter-spacing: -.022em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif; + min-width: 28px; + padding: 8px 16px; + border-radius: 980px; + --sk-button-background: rgb(0, 113, 227); + --sk-button-background-hover: #0077ED; + --sk-button-background-active: #006EDB; + --sk-button-color: rgb(255, 255, 255); + --sk-button-disabled-opacity: .32; + --sk-button-margin-horizontal: 14px; + --sk-button-margin-vertical: 14px +} + +.button:hover { + background: var(--sk-button-background-hover, var(--sk-button-background)); + color: var(--sk-button-color-hover, var(--sk-button-color)); + text-decoration:none +} + +.button:focus { + box-shadow: 0 0 0 4px rgba(0, 125, 250, .6); + outline:none +} + +.button:focus[data-focus-method=mouse]:not(input):not(textarea):not(select), .button:focus[data-focus-method=touch]:not(input):not(textarea):not(select) { + box-shadow:none +} + +.button:active { + background: var(--sk-button-background-active, var(--sk-button-background)); + color: var(--sk-button-color-active, var(--sk-button-color)); + outline:none +} + +.button:disabled, .button.disabled { + background: var(--sk-button-background); + color: var(--sk-button-color); + opacity: var(--sk-button-disabled-opacity); + cursor:default +} + +.button:lang(ar) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button:lang(ja) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button:lang(ko) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button:lang(zh) { + letter-spacing:0em +} + +.button:lang(th) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button:lang(zh-HK) { + font-family:-apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-block { + box-sizing: border-box; + display: block; + width: 100%; + border-radius: 8px; + --sk-button-margin-horizontal: 9px; + --sk-button-margin-vertical: 9px +} + +.button-neutral { + --sk-button-background: rgb(29, 29, 31); + --sk-button-background-hover: #272729; + --sk-button-background-active: #18181A; + --sk-button-color: rgb(255, 255, 255); + --sk-button-disabled-opacity: .32 +} + +.button-secondary { + --sk-button-background: rgb(232, 232, 237); + --sk-button-background-hover: #EBEBF0; + --sk-button-background-active: #E6E6EB; + --sk-button-color: rgb(0, 0, 0); + --sk-button-disabled-opacity: .56 +} + +.button-secondary-alpha { + --sk-button-background: rgba(0, 0, 0, .08); + --sk-button-background-hover: rgba(0, 0, 0, .07); + --sk-button-background-active: rgba(0, 0, 0, .09); + --sk-button-color: rgb(0, 0, 0); + --sk-button-disabled-opacity: .56 +} + +.button-super { + font-size: 17px; + line-height: 1.1764805882; + font-weight: 400; + letter-spacing: -.022em; + font-family: SF Pro Text, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif; + min-width: 28px; + padding: 18px 31px; + --sk-button-margin-horizontal: 22px; + --sk-button-margin-vertical: 22px +} + +.button-super:lang(ar) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-super:lang(ja) { + letter-spacing: 0em; + font-family:-apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-super:lang(ko) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-super:lang(zh) { + letter-spacing:0em +} + +.button-super:lang(th) { + font-family:-apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-super:lang(zh-CN) { + font-family:-apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-super:lang(zh-HK) { + font-family:-apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-super:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-super:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-super.button-block { + border-radius: 12px; + --sk-button-margin-horizontal: 14px; + --sk-button-margin-vertical: 14px +} + +.button-elevated { + font-size: 17px; + line-height: 1.1764805882; + font-weight: 400; + letter-spacing: -.022em; + font-family: SF Pro Text, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif; + min-width: 26px; + padding: 12px 22px; + --sk-button-margin-horizontal: 18px; + --sk-button-margin-vertical: 18px +} + +.button-elevated:lang(ar) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-elevated:lang(ja) { + letter-spacing: 0em; + font-family:-apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-elevated:lang(ko) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-elevated:lang(zh) { + letter-spacing:0em +} + +.button-elevated:lang(th) { + font-family:-apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-elevated:lang(zh-CN) { + font-family:-apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-elevated:lang(zh-HK) { + font-family:-apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-elevated:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-elevated:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-elevated.button-block { + border-radius: 10px; + --sk-button-margin-horizontal: 11px; + --sk-button-margin-vertical: 11px +} + +.button-reduced { + font-size: 12px; + line-height: 1.3333733333; + font-weight: 400; + letter-spacing: -.01em; + font-family: SF Pro Text, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif; + min-width: 23px; + padding: 4px 11px; + --sk-button-margin-horizontal: 10px; + --sk-button-margin-vertical: 10px +} + +.button-reduced:lang(ar) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-reduced:lang(ja) { + letter-spacing: 0em; + font-family:-apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-reduced:lang(ko) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-reduced:lang(zh) { + letter-spacing:0em +} + +.button-reduced:lang(th) { + font-family:-apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-reduced:lang(zh-CN) { + font-family:-apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-reduced:lang(zh-HK) { + font-family:-apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-reduced:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-reduced:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.button-reduced.button-block { + border-radius: 5px; + --sk-button-margin-horizontal: 6px; + --sk-button-margin-vertical: 6px +} + +.button-margin { + margin-inline-end: var(--sk-button-margin-horizontal); + margin-bottom:var(--sk-button-margin-vertical) +} + +.typography-headline-standalone { + font-size: 96px; + line-height: 1.0416666667; + font-weight: 600; + letter-spacing: -.015em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-standalone:lang(ar) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-standalone:lang(ja) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-standalone:lang(ko) { + line-height: 1.1461533333; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-standalone:lang(zh) { + letter-spacing:0em +} + +.typography-headline-standalone:lang(th) { + line-height: 1.34375; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-standalone:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-standalone:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-standalone:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-standalone:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +@media only screen and (max-width: 1068px) { + .typography-headline-standalone { + font-size: 80px; + line-height: 1.05; + font-weight: 600; + letter-spacing: -.015em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-standalone:lang(ar) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-standalone:lang(ja) { + line-height: 1.0875; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-standalone:lang(ko) { + line-height: 1.15; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-standalone:lang(zh) { + letter-spacing:0em + } + + .typography-headline-standalone:lang(th) { + line-height: 1.35; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-standalone:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-standalone:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-standalone:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-standalone:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +@media only screen and (max-width: 734px) { + .typography-headline-standalone { + font-size: 48px; + line-height: 1.0834933333; + font-weight: 600; + letter-spacing: -.003em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-standalone:lang(ar) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-standalone:lang(ja) { + line-height: 1.1459933333; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-standalone:lang(ko) { + line-height: 1.1875; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-standalone:lang(zh) { + letter-spacing:0em + } + + .typography-headline-standalone:lang(th) { + line-height: 1.3334933333; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-standalone:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-standalone:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-standalone:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-standalone:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +.typography-headline-super { + font-size: 80px; + line-height: 1.05; + font-weight: 600; + letter-spacing: -.015em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-super:lang(ar) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-super:lang(ja) { + line-height: 1.0875; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-super:lang(ko) { + line-height: 1.15; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-super:lang(zh) { + letter-spacing:0em +} + +.typography-headline-super:lang(th) { + line-height: 1.35; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-super:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-super:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-super:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-super:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +@media only screen and (max-width: 1068px) { + .typography-headline-super { + font-size: 64px; + line-height: 1.0625; + font-weight: 600; + letter-spacing: -.009em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-super:lang(ar) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-super:lang(ja) { + line-height: 1.109375; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-super:lang(ko) { + line-height: 1.171875; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-super:lang(zh) { + letter-spacing:0em + } + + .typography-headline-super:lang(th) { + line-height: 1.34375; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-super:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-super:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-super:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-super:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +@media only screen and (max-width: 734px) { + .typography-headline-super { + font-size: 48px; + line-height: 1.0834933333; + font-weight: 600; + letter-spacing: -.003em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-super:lang(ar) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-super:lang(ja) { + line-height: 1.1459933333; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-super:lang(ko) { + line-height: 1.1875; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-super:lang(zh) { + letter-spacing:0em + } + + .typography-headline-super:lang(th) { + line-height: 1.3334933333; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-super:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-super:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-super:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-super:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +.typography-headline-elevated { + font-size: 64px; + line-height: 1.0625; + font-weight: 600; + letter-spacing: -.009em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-elevated:lang(ar) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-elevated:lang(ja) { + line-height: 1.109375; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-elevated:lang(ko) { + line-height: 1.171875; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-elevated:lang(zh) { + letter-spacing:0em +} + +.typography-headline-elevated:lang(th) { + line-height: 1.34375; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-elevated:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-elevated:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-elevated:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-elevated:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +@media only screen and (max-width: 1068px) { + .typography-headline-elevated { + font-size: 48px; + line-height: 1.0834933333; + font-weight: 600; + letter-spacing: -.003em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-elevated:lang(ar) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-elevated:lang(ja) { + line-height: 1.1459933333; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-elevated:lang(ko) { + line-height: 1.1875; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-elevated:lang(zh) { + letter-spacing:0em + } + + .typography-headline-elevated:lang(th) { + line-height: 1.3334933333; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-elevated:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-elevated:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-elevated:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-elevated:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +@media only screen and (max-width: 734px) { + .typography-headline-elevated { + font-size: 40px; + line-height: 1.1; + font-weight: 600; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-elevated:lang(ja) { + line-height: 1.175; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-elevated:lang(ko) { + line-height: 1.2; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-elevated:lang(th) { + line-height: 1.35; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-elevated:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-elevated:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-elevated:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-elevated:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-elevated:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +.typography-headline { + font-size: 48px; + line-height: 1.0834933333; + font-weight: 600; + letter-spacing: -.003em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline:lang(ar) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline:lang(ja) { + line-height: 1.1459933333; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline:lang(ko) { + line-height: 1.1875; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline:lang(zh) { + letter-spacing:0em +} + +.typography-headline:lang(th) { + line-height: 1.3334933333; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +@media only screen and (max-width: 1068px) { + .typography-headline { + font-size: 40px; + line-height: 1.1; + font-weight: 600; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline:lang(ja) { + line-height: 1.175; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline:lang(ko) { + line-height: 1.2; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline:lang(th) { + line-height: 1.35; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +@media only screen and (max-width: 734px) { + .typography-headline { + font-size: 32px; + line-height: 1.125; + font-weight: 600; + letter-spacing: .004em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline:lang(ja) { + line-height: 1.21875; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline:lang(ko) { + line-height: 1.21875; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline:lang(th) { + line-height: 1.375; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +.typography-headline-reduced { + font-size: 40px; + line-height: 1.1; + font-weight: 600; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-reduced:lang(ja) { + line-height: 1.175; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-reduced:lang(ko) { + line-height: 1.2; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-reduced:lang(th) { + line-height: 1.35; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-reduced:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-reduced:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-reduced:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-reduced:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline-reduced:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +@media only screen and (max-width: 1068px) { + .typography-headline-reduced { + font-size: 32px; + line-height: 1.125; + font-weight: 600; + letter-spacing: .004em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-reduced:lang(ja) { + line-height: 1.21875; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-reduced:lang(ko) { + line-height: 1.21875; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-reduced:lang(th) { + line-height: 1.375; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-reduced:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-reduced:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-reduced:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-reduced:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-reduced:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +@media only screen and (max-width: 734px) { + .typography-headline-reduced { + font-size: 28px; + line-height: 1.1428571429; + font-weight: 600; + letter-spacing: .007em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-reduced:lang(ko) { + line-height: 1.25; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-reduced:lang(th) { + line-height: 1.3928571429; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-reduced:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-reduced:lang(ja) { + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-reduced:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-reduced:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-reduced:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-headline-reduced:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +.typography-eyebrow-super { + font-size: 32px; + line-height: 1.125; + font-weight: 600; + letter-spacing: .004em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-super:lang(ja) { + line-height: 1.21875; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-super:lang(ko) { + line-height: 1.21875; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-super:lang(th) { + line-height: 1.375; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-super:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-super:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-super:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-super:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-super:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +@media only screen and (max-width: 1068px) { + .typography-eyebrow-super { + font-size: 28px; + line-height: 1.1428571429; + font-weight: 600; + letter-spacing: .007em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-super:lang(ko) { + line-height: 1.25; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-super:lang(th) { + line-height: 1.3928571429; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-super:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-super:lang(ja) { + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-super:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-super:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-super:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-super:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +@media only screen and (max-width: 734px) { + .typography-eyebrow-super { + font-size: 24px; + line-height: 1.1666666667; + font-weight: 600; + letter-spacing: .009em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-super:lang(ja) { + line-height: 1.25; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-super:lang(ko) { + line-height: 1.2916666667; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-super:lang(th) { + line-height: 1.375; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-super:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-super:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-super:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-super:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-super:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +.typography-eyebrow-elevated { + font-size: 28px; + line-height: 1.1428571429; + font-weight: 600; + letter-spacing: .007em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-elevated:lang(ko) { + line-height: 1.25; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-elevated:lang(th) { + line-height: 1.3928571429; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-elevated:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-elevated:lang(ja) { + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-elevated:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-elevated:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-elevated:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-elevated:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +@media only screen and (max-width: 1068px) { + .typography-eyebrow-elevated { + font-size: 24px; + line-height: 1.1666666667; + font-weight: 600; + letter-spacing: .009em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-elevated:lang(ja) { + line-height: 1.25; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-elevated:lang(ko) { + line-height: 1.2916666667; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-elevated:lang(th) { + line-height: 1.375; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-elevated:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-elevated:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-elevated:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-elevated:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-elevated:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +@media only screen and (max-width: 734px) { + .typography-eyebrow-elevated { + font-size: 21px; + line-height: 1.1904761905; + font-weight: 600; + letter-spacing: .011em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-elevated:lang(ja) { + line-height: 1.2380952381; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-elevated:lang(ko) { + line-height: 1.2858042857; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-elevated:lang(th) { + line-height: 1.381002381; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-elevated:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-elevated:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-elevated:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-elevated:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-elevated:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +.typography-eyebrow { + font-size: 24px; + line-height: 1.1666666667; + font-weight: 600; + letter-spacing: .009em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow:lang(ja) { + line-height: 1.25; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow:lang(ko) { + line-height: 1.2916666667; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow:lang(th) { + line-height: 1.375; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +@media only screen and (max-width: 1068px) { + .typography-eyebrow { + font-size: 21px; + line-height: 1.1904761905; + font-weight: 600; + letter-spacing: .011em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow:lang(ja) { + line-height: 1.2380952381; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow:lang(ko) { + line-height: 1.2858042857; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow:lang(th) { + line-height: 1.381002381; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +.typography-eyebrow-reduced { + font-size: 21px; + line-height: 1.1904761905; + font-weight: 600; + letter-spacing: .011em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-reduced:lang(ja) { + line-height: 1.2380952381; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-reduced:lang(ko) { + line-height: 1.2858042857; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-reduced:lang(th) { + line-height: 1.381002381; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-reduced:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-reduced:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-reduced:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-reduced:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-eyebrow-reduced:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +@media only screen and (max-width: 734px) { + .typography-eyebrow-reduced { + font-size: 19px; + line-height: 1.2105263158; + font-weight: 600; + letter-spacing: .012em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-reduced:lang(ja) { + line-height: 1.2631578947; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-reduced:lang(ko) { + line-height: 1.3157894737; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-reduced:lang(th) { + line-height: 1.3684410526; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-reduced:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-reduced:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-reduced:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-reduced:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-eyebrow-reduced:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +.typography-intro-elevated { + font-size: 24px; + line-height: 1.3334133333; + font-weight: 400; + letter-spacing: .009em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-intro-elevated:lang(ja) { + line-height: 1.4166666667; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-intro-elevated:lang(ko) { + line-height: 1.4584133333; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-intro-elevated:lang(th) { + line-height: 1.375; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-intro-elevated:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-intro-elevated:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-intro-elevated:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-intro-elevated:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-intro-elevated:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +@media only screen and (max-width: 1068px) { + .typography-intro-elevated { + font-size: 21px; + line-height: 1.381002381; + font-weight: 400; + letter-spacing: .011em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-intro-elevated:lang(ja) { + line-height: 1.4286014286; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-intro-elevated:lang(ko) { + line-height: 1.5238095238; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-intro-elevated:lang(th) { + line-height: 1.381002381; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-intro-elevated:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-intro-elevated:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-intro-elevated:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-intro-elevated:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-intro-elevated:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +.typography-intro { + font-size: 21px; + line-height: 1.381002381; + font-weight: 400; + letter-spacing: .011em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-intro:lang(ja) { + line-height: 1.4286014286; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-intro:lang(ko) { + line-height: 1.5238095238; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-intro:lang(th) { + line-height: 1.381002381; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-intro:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-intro:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-intro:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-intro:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-intro:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +@media only screen and (max-width: 734px) { + .typography-intro { + font-size: 19px; + line-height: 1.4211026316; + font-weight: 400; + letter-spacing: .012em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-intro:lang(ja) { + line-height: 1.4737642105; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-intro:lang(ko) { + line-height: 1.5263157895; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-intro:lang(th) { + line-height: 1.3684410526; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-intro:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-intro:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-intro:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-intro:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-intro:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +.typography-quote { + font-size: 40px; + line-height: 1.2; + font-weight: 400; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-quote:lang(ja) { + line-height: 1.275; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-quote:lang(ko) { + line-height: 1.325; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-quote:lang(th) { + line-height: 1.35; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-quote:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-quote:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-quote:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-quote:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-quote:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +@media only screen and (max-width: 1068px) { + .typography-quote { + font-size: 32px; + line-height: 1.25; + font-weight: 400; + letter-spacing: .004em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote:lang(ja) { + line-height: 1.34375; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote:lang(ko) { + line-height: 1.375; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote:lang(th) { + line-height: 1.375; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +@media only screen and (max-width: 734px) { + .typography-quote { + font-size: 28px; + line-height: 1.2858342857; + font-weight: 400; + letter-spacing: .007em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote:lang(ko) { + line-height: 1.3928571429; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote:lang(th) { + line-height: 1.3928571429; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote:lang(ja) { + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +.typography-quote-reduced { + font-size: 32px; + line-height: 1.25; + font-weight: 400; + letter-spacing: .004em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-quote-reduced:lang(ja) { + line-height: 1.34375; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-quote-reduced:lang(ko) { + line-height: 1.375; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-quote-reduced:lang(th) { + line-height: 1.375; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-quote-reduced:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-quote-reduced:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-quote-reduced:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-quote-reduced:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-quote-reduced:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +@media only screen and (max-width: 1068px) { + .typography-quote-reduced { + font-size: 28px; + line-height: 1.2858342857; + font-weight: 400; + letter-spacing: .007em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote-reduced:lang(ko) { + line-height: 1.3928571429; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote-reduced:lang(th) { + line-height: 1.3928571429; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote-reduced:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote-reduced:lang(ja) { + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote-reduced:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote-reduced:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote-reduced:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote-reduced:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +@media only screen and (max-width: 734px) { + .typography-quote-reduced { + font-size: 24px; + line-height: 1.3334133333; + font-weight: 400; + letter-spacing: .009em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote-reduced:lang(ja) { + line-height: 1.4166666667; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote-reduced:lang(ko) { + line-height: 1.4584133333; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote-reduced:lang(th) { + line-height: 1.375; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote-reduced:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote-reduced:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote-reduced:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote-reduced:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-quote-reduced:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +.typography-callout { + font-size: 32px; + line-height: 1.125; + font-weight: 600; + letter-spacing: .004em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-callout:lang(ja) { + line-height: 1.21875; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-callout:lang(ko) { + line-height: 1.21875; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-callout:lang(th) { + line-height: 1.375; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-callout:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-callout:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-callout:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-callout:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-callout:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +@media only screen and (max-width: 1068px) { + .typography-callout { + font-size: 28px; + line-height: 1.1428571429; + font-weight: 600; + letter-spacing: .007em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-callout:lang(ko) { + line-height: 1.25; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-callout:lang(th) { + line-height: 1.3928571429; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-callout:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-callout:lang(ja) { + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-callout:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-callout:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-callout:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-callout:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +@media only screen and (max-width: 734px) { + .typography-callout { + font-size: 24px; + line-height: 1.1666666667; + font-weight: 600; + letter-spacing: .009em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-callout:lang(ja) { + line-height: 1.25; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-callout:lang(ko) { + line-height: 1.2916666667; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-callout:lang(th) { + line-height: 1.375; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-callout:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-callout:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-callout:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-callout:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-callout:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +.typography-manifesto { + font-size: 32px; + line-height: 1.25; + font-weight: 600; + letter-spacing: .004em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-manifesto:lang(ja) { + line-height: 1.34375; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-manifesto:lang(ko) { + line-height: 1.375; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-manifesto:lang(th) { + line-height: 1.375; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-manifesto:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-manifesto:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-manifesto:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-manifesto:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-manifesto:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +@media only screen and (max-width: 1068px) { + .typography-manifesto { + font-size: 28px; + line-height: 1.2858342857; + font-weight: 600; + letter-spacing: .007em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-manifesto:lang(ko) { + line-height: 1.3928571429; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-manifesto:lang(th) { + line-height: 1.3928571429; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-manifesto:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-manifesto:lang(ja) { + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-manifesto:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-manifesto:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-manifesto:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-manifesto:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +@media only screen and (max-width: 734px) { + .typography-manifesto { + font-size: 24px; + line-height: 1.3334133333; + font-weight: 600; + letter-spacing: .009em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-manifesto:lang(ja) { + line-height: 1.4166666667; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-manifesto:lang(ko) { + line-height: 1.4584133333; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-manifesto:lang(th) { + line-height: 1.375; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-manifesto:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-manifesto:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-manifesto:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-manifesto:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-manifesto:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +.typography-label { + font-size: 24px; + line-height: 1.1666666667; + font-weight: 600; + letter-spacing: .009em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-label:lang(ja) { + line-height: 1.25; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-label:lang(ko) { + line-height: 1.2916666667; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-label:lang(th) { + line-height: 1.375; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-label:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-label:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-label:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-label:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-label:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +@media only screen and (max-width: 1068px) { + .typography-label { + font-size: 21px; + line-height: 1.1904761905; + font-weight: 600; + letter-spacing: .011em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-label:lang(ja) { + line-height: 1.2380952381; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-label:lang(ko) { + line-height: 1.2858042857; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-label:lang(th) { + line-height: 1.381002381; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-label:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-label:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-label:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-label:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } + + .typography-label:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif + } +} + +.typography-tout { + font-size: 19px; + line-height: 1.2105263158; + font-weight: 600; + letter-spacing: .012em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-tout:lang(ja) { + line-height: 1.2631578947; + font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-tout:lang(ko) { + line-height: 1.3157894737; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-tout:lang(th) { + line-height: 1.3684410526; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-tout:lang(ar) { + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-tout:lang(zh-CN) { + font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-tout:lang(zh-HK) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-tout:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-tout:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body { + font-size: 17px; + line-height: 1.4705882353; + font-weight: 400; + letter-spacing: -.022em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body:lang(ar) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body:lang(ja) { + letter-spacing: 0em; + font-family:-apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body:lang(ko) { + line-height: 1.5882352941; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body:lang(zh) { + letter-spacing:0em +} + +.typography-body:lang(th) { + line-height: 1.3529611765; + letter-spacing: 0em; + font-family:-apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body:lang(zh-CN) { + font-family:-apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body:lang(zh-HK) { + font-family:-apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-tight { + font-size: 17px; + line-height: 1.2353641176; + font-weight: 400; + letter-spacing: -.022em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-tight:lang(ar) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-tight:lang(ja) { + letter-spacing: 0em; + font-family:-apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-tight:lang(ko) { + line-height: 1.3529611765; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-tight:lang(zh) { + letter-spacing:0em +} + +.typography-body-tight:lang(th) { + line-height: 1.3529611765; + letter-spacing: 0em; + font-family:-apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-tight:lang(zh-CN) { + font-family:-apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-tight:lang(zh-HK) { + font-family:-apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-tight:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-tight:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-reduced { + font-size: 14px; + line-height: 1.4285914286; + font-weight: 400; + letter-spacing: -.016em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-reduced:lang(ar) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-reduced:lang(ja) { + letter-spacing: 0em; + font-family:-apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-reduced:lang(ko) { + line-height: 1.5714285714; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-reduced:lang(zh) { + letter-spacing:0em +} + +.typography-body-reduced:lang(th) { + line-height: 1.3571828571; + letter-spacing: 0em; + font-family:-apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-reduced:lang(zh-CN) { + font-family:-apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-reduced:lang(zh-HK) { + font-family:-apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-reduced:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-reduced:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-reduced-tight { + font-size: 14px; + line-height: 1.2857742857; + font-weight: 400; + letter-spacing: -.016em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-reduced-tight:lang(ar) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-reduced-tight:lang(ja) { + line-height: 1.3571828571; + letter-spacing: 0em; + font-family:-apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-reduced-tight:lang(ko) { + line-height: 1.4285914286; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-reduced-tight:lang(zh) { + letter-spacing:0em +} + +.typography-body-reduced-tight:lang(th) { + line-height: 1.3571828571; + letter-spacing: 0em; + font-family:-apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-reduced-tight:lang(zh-CN) { + font-family:-apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-reduced-tight:lang(zh-HK) { + font-family:-apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-reduced-tight:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-body-reduced-tight:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-caption { + font-size: 12px; + line-height: 1.3333733333; + font-weight: 400; + letter-spacing: -.01em; + font-family:-apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-caption:lang(ar) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-caption:lang(ja) { + line-height: 1.4166666667; + letter-spacing: 0em; + font-family:-apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-caption:lang(ko) { + line-height: 1.4166666667; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-caption:lang(zh) { + letter-spacing:0em +} + +.typography-caption:lang(th) { + line-height: 1.3333733333; + letter-spacing: 0em; + font-family:-apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-caption:lang(zh-CN) { + font-family:-apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-caption:lang(zh-HK) { + font-family:-apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-caption:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-caption:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-sosumi { + font-size: 12px; + line-height: 1.3333733333; + font-weight: 400; + letter-spacing: -.01em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-sosumi:lang(ar) { + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-sosumi:lang(ja) { + line-height: 1.4166666667; + letter-spacing: 0em; + font-family:-apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-sosumi:lang(ko) { + line-height: 1.4166666667; + letter-spacing: 0em; + font-family: -apple-system, BlinkMacSystemFont, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-sosumi:lang(zh) { + letter-spacing:0em +} + +.typography-sosumi:lang(th) { + line-height: 1.3333733333; + letter-spacing: 0em; + font-family:-apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-sosumi:lang(zh-CN) { + font-family:-apple-system, BlinkMacSystemFont, PingFang SC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-sosumi:lang(zh-HK) { + font-family:-apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-sosumi:lang(zh-MO) { + font-family: -apple-system, BlinkMacSystemFont, PingFang HK, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-sosumi:lang(zh-TW) { + font-family: -apple-system, BlinkMacSystemFont, PingFang TC, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +.typography-headline + .typography-intro { + --sk-headline-plus-first-element-margin: 1.2em +} + +.typography-headline-super + .typography-intro-elevated { + --sk-headline-plus-first-element-margin: 1.6em +} + +.typography-headline-elevated + .typography-intro-elevated { + --sk-headline-plus-first-element-margin: 1.4em +} + +.typography-headline-reduced + p, .typography-headline-reduced + ul, .typography-headline-reduced + .typography-body { + --sk-headline-plus-first-element-margin: 1em +} + +html, body { + height: 100%; + font-family: -apple-system, BlinkMacSystemFont, Roboto, Roboto, Helvetica Neue, Roboto, Helvetica, Arial, sans-serif +} + +#app { + height: 100% +} diff --git a/music_assistant/providers/apple_music/musickit_auth/musickit_wrapper.html b/music_assistant/providers/apple_music/musickit_auth/musickit_wrapper.html new file mode 100644 index 00000000..5dc1dd21 --- /dev/null +++ b/music_assistant/providers/apple_music/musickit_auth/musickit_wrapper.html @@ -0,0 +1,176 @@ + + + + + + Music Assistant MusicKit Redirect + + + + + + + +
+
+
+
+
+
+ + + + + + + + + + + + + + + +

Apple Music

+
+
+
+
+
+

Music Assistant

+
+
+
+

+ Apple MusicKit is loading… +

+

Sign + in with Apple to allow Music Assistant to access your Apple Music + account.

+

+ +

+

+ +

+

+ +

+
+
+ Use a + different Apple Account +
+ +
+
+ + +