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 3b8509cff3ca4602bbc09a403b456b4b6a0a814b..8029a1af4a1749978ffa9cc043541d078981d71f 100644 (file)
--- 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 (file)
index 0000000..97f1d2b
--- /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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 30"><g><polygon points="10.686 20.191 13.423 23 0 23 0 25 13.388 25 10.65 27.899 12.016 29.292 16.049 25.04 16.125 24.961 17 24.048 16.125 23.132 16.049 23.053 12.016 18.8"/><polygon points="4.973 .8 .948 5.054 .873 5.133 0 6.048 .873 6.962 .948 7.041 4.973 11.292 6.337 9.899 3.605 7 16.965 7 16.965 5 3.569 5 6.301 2.191"/></g></svg>');
+  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 30"><g><polygon points="10.686 20.191 13.423 23 0 23 0 25 13.388 25 10.65 27.899 12.016 29.292 16.049 25.04 16.125 24.961 17 24.048 16.125 23.132 16.049 23.053 12.016 18.8"/><polygon points="4.973 .8 .948 5.054 .873 5.133 0 6.048 .873 6.962 .948 7.041 4.973 11.292 6.337 9.899 3.605 7 16.965 7 16.965 5 3.569 5 6.301 2.191"/></g></svg>')
+}
+
+.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 (file)
index 0000000..5dc1dd2
--- /dev/null
+++ b/music_assistant/providers/apple_music/musickit_auth/musickit_wrapper.html
@@ -0,0 +1,176 @@
+<html>
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Music Assistant MusicKit Redirect</title>
+  <script src="./index.js"></script>
+  <script src="https://js-cdn.music.apple.com/musickit/v3/musickit.js" data-web-components async></script>
+  <link rel="stylesheet" href="./index.css">
+  <script>
+    var music = null;
+    var music_user_token = "";
+
+    // The underlying MA auth helper times-out after fixed period so this window can no longer pass back any data so just close it.
+    // Self closing windows is anti-pattern user experience but better than leaving non-functioning UI presented
+    setTimeout(() => {
+      window.close()
+    }, flow_timeout * 1000);
+    function mkSignIn() {
+      document.getElementById('signin_button').disabled = true;
+      document.getElementById('message').innerHTML = "Apple Signin window should open…";
+      document.getElementById('sub-message').innerHTML = "If the Apple Music authentication window does not open, please check the MusicKit token and try again.";
+      music.authorize().then(function (token) {
+        music_user_token = encodeURIComponent(token);
+        document
+          .getElementById('close_button')
+          .style
+          .display = "inline-block";
+        window.location.href = return_url + "?music-user-token=" + music_user_token;
+      })
+    }
+    function mkSignOut() {
+      document.getElementById('message').innerHTML = "This window should close…";
+      music
+        .unauthorize()
+      document
+        .getElementById('close_button')
+        .style
+        .display = "inline-block";
+      window.location.href = return_url;
+    }
+    function interceptWindowClose() {
+      var xmlHttp = new XMLHttpRequest();
+      xmlHttp.open("GET", return_url + (music_user_token ? "?music-user-token=" + music_user_token : ""), true);
+      xmlHttp.send(null);
+    }
+
+    // Attempt to intercept window close and redirect back to the auth helper which will in turn close the helper panel
+    window.addEventListener("beforeunload", interceptWindowClose, false);
+
+    document.addEventListener('musickitloaded', function () { // MusicKit global is now defined
+      document.getElementById('message').innerHTML = "Apple MusicKit loaded";
+      document.getElementById('signin_button').disabled = false;
+      MusicKit.configure({
+        developerToken: app_token,
+        app: {
+          name: 'Music Assistant',
+          build: mass_buid
+        }
+      }).then(() => {
+        music = MusicKit.getInstance();
+        if (music.isAuthorized) {
+          document.getElementById('message').innerHTML = "Already signed in";
+          document.getElementById('sub-message').innerHTML = "Choose Continue to refresh token or Sign out to switch accounts.";
+          document.getElementById('signin_button').innerHTML = "Continue";
+          document
+            .getElementById('signout_button')
+            .style
+            .display = "inline-block";
+        } else {
+          document.getElementById('message').innerHTML = "Not signed in";
+          document
+            .getElementById('signin_button')
+            .style
+            .display = "inline-block";
+          document
+            .getElementById('signout_button')
+            .style
+            .display = "none";
+        }
+      });
+    });
+  </script>
+</head>
+
+<body onunload="interceptWindowClose()">
+  <div id="app" class="container">
+    <div class="base-content-wrapper theme-music base-authorization-request"
+      data-test="oauth-authorization-request-third-party">
+      <section class="base-content-wrapper__content">
+        <div class="icons base-authorization-request__icons-container">
+          <div class="base-authorization-request__icon">
+            <div class="base-icon">
+              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
+                id="Artwork" x="0px" y="0px" width="76px" height="76px" viewbox="0 0 361 361"
+                style="enable-background:new 0 0 361 361;" xml:space="preserve">
+                <style type="text/css">
+                  .st0 {
+                    fill-rule: evenodd;
+                    clip-rule: evenodd;
+                    fill: url('#SVGID_1_');
+                  }
+
+                  .st1 {
+                    fill-rule: evenodd;
+                    clip-rule: evenodd;
+                    fill: #FFFFFF;
+                  }
+                </style>
+                <g id="Layer_5">
+                  <lineargradient id="SVGID_1_" gradientunits="userSpaceOnUse" x1="180" y1="358.6047" x2="180"
+                    y2="7.7586">
+                    <stop offset="0" style="stop-color:#FA233B" />
+                    <stop offset="1" style="stop-color:#FB5C74" />
+                  </lineargradient>
+                  <path class="st0"
+                    d="M360,112.61c0-4.3,0-8.6-0.02-12.9c-0.02-3.62-0.06-7.24-0.16-10.86c-0.21-7.89-0.68-15.84-2.08-23.64c-1.42-7.92-3.75-15.29-7.41-22.49c-3.6-7.07-8.3-13.53-13.91-19.14c-5.61-5.61-12.08-10.31-19.15-13.91c-7.19-3.66-14.56-5.98-22.47-7.41c-7.8-1.4-15.76-1.87-23.65-2.08c-3.62-0.1-7.24-0.14-10.86-0.16C255.99,0,251.69,0,247.39,0H112.61c-4.3,0-8.6,0-12.9,0.02c-3.62,0.02-7.24,0.06-10.86,0.16C80.96,0.4,73,0.86,65.2,2.27c-7.92,1.42-15.28,3.75-22.47,7.41c-7.07,3.6-13.54,8.3-19.15,13.91c-5.61,5.61-10.31,12.07-13.91,19.14c-3.66,7.2-5.99,14.57-7.41,22.49c-1.4,7.8-1.87,15.76-2.08,23.64c-0.1,3.62-0.14,7.24-0.16,10.86C0,104.01,0,108.31,0,112.61v134.77c0,4.3,0,8.6,0.02,12.9c0.02,3.62,0.06,7.24,0.16,10.86c0.21,7.89,0.68,15.84,2.08,23.64c1.42,7.92,3.75,15.29,7.41,22.49c3.6,7.07,8.3,13.53,13.91,19.14c5.61,5.61,12.08,10.31,19.15,13.91c7.19,3.66,14.56,5.98,22.47,7.41c7.8,1.4,15.76,1.87,23.65,2.08c3.62,0.1,7.24,0.14,10.86,0.16c4.3,0.03,8.6,0.02,12.9,0.02h134.77c4.3,0,8.6,0,12.9-0.02c3.62-0.02,7.24-0.06,10.86-0.16c7.89-0.21,15.85-0.68,23.65-2.08c7.92-1.42,15.28-3.75,22.47-7.41c7.07-3.6,13.54-8.3,19.15-13.91c5.61-5.61,10.31-12.07,13.91-19.14c3.66-7.2,5.99-14.57,7.41-22.49c1.4-7.8,1.87-15.76,2.08-23.64c0.1-3.62,0.14-7.24,0.16-10.86c0.03-4.3,0.02-8.6,0.02-12.9V112.61z" />
+                </g>
+                <g id="Glyph_2_">
+                  <g>
+                    <path class="st1"
+                      d="M254.5,55c-0.87,0.08-8.6,1.45-9.53,1.64l-107,21.59l-0.04,0.01c-2.79,0.59-4.98,1.58-6.67,3c-2.04,1.71-3.17,4.13-3.6,6.95c-0.09,0.6-0.24,1.82-0.24,3.62c0,0,0,109.32,0,133.92c0,3.13-0.25,6.17-2.37,8.76c-2.12,2.59-4.74,3.37-7.81,3.99c-2.33,0.47-4.66,0.94-6.99,1.41c-8.84,1.78-14.59,2.99-19.8,5.01c-4.98,1.93-8.71,4.39-11.68,7.51c-5.89,6.17-8.28,14.54-7.46,22.38c0.7,6.69,3.71,13.09,8.88,17.82c3.49,3.2,7.85,5.63,12.99,6.66c5.33,1.07,11.01,0.7,19.31-0.98c4.42-0.89,8.56-2.28,12.5-4.61c3.9-2.3,7.24-5.37,9.85-9.11c2.62-3.75,4.31-7.92,5.24-12.35c0.96-4.57,1.19-8.7,1.19-13.26l0-116.15c0-6.22,1.76-7.86,6.78-9.08c0,0,88.94-17.94,93.09-18.75c5.79-1.11,8.52,0.54,8.52,6.61l0,79.29c0,3.14-0.03,6.32-2.17,8.92c-2.12,2.59-4.74,3.37-7.81,3.99c-2.33,0.47-4.66,0.94-6.99,1.41c-8.84,1.78-14.59,2.99-19.8,5.01c-4.98,1.93-8.71,4.39-11.68,7.51c-5.89,6.17-8.49,14.54-7.67,22.38c0.7,6.69,3.92,13.09,9.09,17.82c3.49,3.2,7.85,5.56,12.99,6.6c5.33,1.07,11.01,0.69,19.31-0.98c4.42-0.89,8.56-2.22,12.5-4.55c3.9-2.3,7.24-5.37,9.85-9.11c2.62-3.75,4.31-7.92,5.24-12.35c0.96-4.57,1-8.7,1-13.26V64.46C263.54,58.3,260.29,54.5,254.5,55z" />
+                  </g>
+                </g>
+              </svg>
+              <p class="base-icon__label">Apple Music</p>
+            </div>
+          </div>
+          <div class="base-authorization-request__arrows"></div>
+          <div class="base-authorization-request__icon">
+            <div class="base-icon"><img
+                src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAPLklEQVR4nOzda2xU1doH8KedFqYThKIWHEu0+mJt1BfEAaNcFSqtqMSWotBKAClUJUYEQW38dviAXBovXMJFCCiUSwehIAP1gw3FC6QeFLCYeNCWS8RWoEgptEPbk7UPcjikXfuZdtbeaw//X7K+6JM9D8p/ZvbsvZ8V3dLSQm2t6urqmIKCgowhQ4asJ6J/EVEDEbVgYTl4BYnohM/nK87Pz59SWVnZRZaBVv9hZWVl14yMjPeI6KIGfyAsLJXris/nW1VeXp7ICojf7x/q8XhOatA4FpaVq27u3LnZ0oCIr1NEdEGDZrGwbFk5OTnvthoQ8cmBcGBhUVN+fn7e/wREnHPgaxUW1rV1ORAIPHQtIFdPyO1uCgtLm5WSkrK1rq6Ooqqrq2N69Ohxnog8BADXBAKBPi6v1zt6z549E+xuBkBDZ1z19fXvHT9+vI/dnQDo5tixYz2irl4h/z+7mwHQkQjIZSLqbHcjADqKunrWDgCtiLa7AQCdISAAEggIgAQCAiCBgABIICAAEggIgAQCAiCBgABIICAAEggIgAQCAiCBgABIICAAEggIgAQCAiCBgABIICAAEggIgAQCAiCBgABIICAAEggIgAQCAiCBgABIICAAEggIgAQCAiCBgABIICAAEggIgAQCAiCBgABIICAAEggIgAQCAiCBgABIICAAEggIgAQCAiCBgABIICAAEggIgAQCAiARo+Kg+/bto+TkZNO6u+++my5dusQ+bnZ2Nn3wwQemde+//z4tWrSIfVzhl19+oW7dupnW9ejRI6Tj2mXevHn08ssvm9YdPXqUhg0b1uq/S0xMpIMHD7JeLzU1lQ4dOhRyn7pTEpDu3btTQkKCaV1UVFRIx3W73azjejyekI4r3HbbbUbfkSA2NpZycnJY/63Em0lbTp06RTU1NfTAAw+YHmf27Nk0YcKEkHvVHb5iRaDnn3+eevXqZVrX1NRERUVF0pqFCxeyXnPkyJEUE6Pk/dZWCEgEEgHh+Pzzz6mqqkpaU1JSQs3NzabHEl89X3rpJXaPToGARBiv10svvvgiq/aLL74wrRFfswoLC1nHe+6551h1ToKARJj09HRyuVymdadPn6b169ezjik+aThGjx5NSUlJrFqnQEAizJw5c1h1X375JQWDQVbtzp076fjx46Z14hwkMzOTdUynQEAiyL333kspKSms2gULFrCP29DQQMXFxazaqVOnso/rBAhIBJk5cyarTpxXHD58OKRjr1ixglUnAtq/f/+Qjq0zBCRCiPOOKVOmsGpDvYgqiECVl5ezaidNmhTy8XWFgEQIcYLsdrtN65qbm2nlypXteo0NGzaw6iZPnkzR0ZHxVysy/hRAr776Kqtu9+7dVFdX167XWLVqFavO4/EYgY0ECEgESEhIoMGDB7NqP/zww3a/zoULF2jXrl2s2rfffrvdr6MTBCQCTJ8+neLi4kzramtrqaysrEOvJbt363qPPfaYcX+b0yEgESAtLY1Vt2zZspDunm7N3r176dy5c6zaGTNmdOi1dICAONyQIUOMd2sO7tcjM4sXL2bVvfDCC2F5PTshIA73zDPPsOq+/fZb4zmdcNi4cSOrLjk5uc1nTZwCAXGwLl26UF5eHquWc2MiV0VFBX3zzTes2uzs7LC9rh0QEAcbOHAgxcfHm9ZdvnyZli5dGtbXXrduHatu3Lhx7XqATRcIiIO9+eabrLqysjL2iTWX3++n+vp607quXbuyb7/XEQLiUOIvXnp6OquWe1Idij///JN9G7yTT9YREIfi3jV78eJF2rFjh5IeNm/ezKoTQb7nnnuU9KAaAuJQ3Dt3V69eTS0tLUp62LlzJx07doxV69TnRBAQB3r44YfpzjvvZNWG8txHqJqbm9nXVmbNmqWsD5UQEAfi/mWrqKigEydOKO2loKCAVef1eqlv375Ke1EBAXEYt9tNI0aMYNWq/PT4W2VlpRFEDifewIiAOEx2drbxbmwmGAwat7ZbYf78+ay6rKws6tSpk/J+wgkBcRjuaJ2NGzcak0usUFhYaAyhMxMbG+u42VkIiIMkJSWxH0RS9dNuaxobG9lPG+bm5irvJ5wQEAfJzMxkPcoqTsy5F/HCZfny5ay6Rx991FHXRBAQhxDB4F4c3LJlC125ckV5T9c7cOAAa3aWy+WiadOmWdJTOCAgDuHz+dgzr1avXq28nxsFg0H2p0hGRkbIk/3tgoA4xOTJk1l1Bw8epJ9++kl5P63hDpe7//772c+x2A0BcQjuzKu1a9cq76UtR44cYV9ZHzVqlPJ+wgEBcQBxcs65ftDU1NTumVfhUlJSwqoTn4i33nqr8n46CgFxAO4V6EAgwHpGQ6VPPvmEzpw5Y1oXyh0BdkJANOf1eo2fRjnmzZunvB8zdXV1VFpayqp96623lPfTUQiI5l5//XVWnXjX/vrrr5X3w8HZaJWuXhPRfVNUBERzGRkZrLqPP/5YeS9c+/btYz/i+8YbbyjvpyMQEI0NHz6cfe2D+3SfVT766CNW3Wuvvaa8l45AQDTGvbFPvGMfPXpUeT+hWLJkCasuPj6ennzySeX9tBcCoqlu3bqxd6v97LPPlPcTqpqaGvY5kc4jShEQTYlwdO/e3bSuvr7euPdKR9w91ocNG2YMwdMRAqIp7kRCEY6zZ88q76c9SktLjaF1ZsSn5SuvvGJJT6FCQDTUu3dvGjlyJKu2qKhIeT/tVVtby76yz51QbzUEREPcn3arqqqM0Ts6484ETk1NpX79+invJ1QIiIa4J63btm1T3ktHlZSUGDcxcui4bRsCoplHHnmEPfOKexJsp5aWFvbjv3l5ecZz6zpBQDQzZ84cVp14Vz558qTyfsJhyZIlrKEOXq+XHn/8cUt64kJANNK5c2caO3Ysq5a7V6AOTp06xb4motuVdQREIxMmTGANZWhoaGDv8qQL7hbSWVlZrP3erYKAaGTSpEmsOhEOq4cydJToORgMmta5XC6tZmchIJq477772M99cN+NdSLCUVhYyKrlnodZAQHRBPcXnBMnTrD3B9QN97xJvFnoMjsLAdGA+Frx7LPPsmqXLl1qbDvgRBUVFazZWaTRpwgCooH09HRjFI4ZEQwrR4qqsGjRIlbdqFGjjDcOuyEgGuAOpN6zZ49tM6/CZdu2bawdr+666y72LTcqISA269mzJ02cOJFVG869zu0ivmJx7x9DQICGDh3K+t3/3Llzjvz1qjXc51eysrIoISFBeT8yCIjNZs+ezar76quvjAuEkaCoqIg1O6tTp062byGNgNjojjvuoAEDBrBquSe3TnDp0iX2pwj34qkqCIiNuCNv/vjjD8de+2jLp59+yqrr378/Pfjgg8r7aQsCYiPujXncCSFOIgLP3fzTzltPEBCbpKamUteuXVm13BlTTrNp0yZW3fTp05X30hYExCbcr1d79+6l8+fPK+/HDosXL2bV3XLLLbYNukZAbBAfH0+DBg1i1XLn3DrR2bNnqaysjFVr1x7rCIgNcnNzWTOvLly4wJ6U7lTcifRPPfWU8cZiNQTEBtztx1atWsUeAu1Uu3fvposXL7Jq8/LylPdzIwTEYj6fj5544glWLXe3Jidrbm6mFStWsGrHjx+vvJ8bISAW4+7Nd/jwYePd9Wawbt06Vl3fvn2NNxgrISAWiouLY4/Y3L59u/J+dPHDDz/QoUOHWLXc3X7DBQGx0MCBA1kzrxobG9l7jkeKNWvWsOoyMzON6S9WQUAsxD3J3L9/v2NmXoXLli1bWEMdvF6vpbfBIyAWiY2NNW7f5rjZPj3o6uysrVu3smrFp4hVEBCLiO/OUVFRpnUNDQ3s6R+Rhvs48ZgxY6hXr17K+yEExDrcLY83bNjg2KEMHbVp0yb6/fffTeuio6PZvwZ2FAJigeTkZGOUDcf8+fOV96OrK1euUCAQYNVyHzTrKATEAtxPj19//ZV+/vln5f3obMGCBay63r17G288qiEgionzDu7uSQUFBcr70Z14g6iqqmLVzpo1S3k/CIhiY8eONUbYmGlqaqJdu3ZZ0pPuuJ8iEydOpJiYGKW9ICCKjRkzhlW3Y8cO+u2335T34wRr1qxh/VDRuXNn5T/5IiAKJSYmsofCbd68WXk/TlFfX0/FxcWs2mnTpintBQFRaPTo0cb9V2Zqamocsd+glbhPGw4aNMi4uq4KAqJQbm4uq87v9xujcOC/ysrKWLOz3G630l2pEBBF+vXrZ2zIybF27Vrl/ThNY2OjMcme4+mnn2bdpdAeCIgi48aNY9UdOXKEvvvuO+X9OBF3FnEoD6GFCgFRhHvyyB19czPav3+/MdWFg/sYc6gQEAVCGTDAPRm9WXGvDU2dOpU9ZywUCIgC77zzDquutLSUamtrlffjZMuWLTN+9jUjwjF48OCwvz4CEmbif9Tw4cNZtU7a69wuf/31F/tr1syZM8P++ghImHHHZJ4/f/6mGcrQUdzRqyNGjAj77CwEJMy4v15FymY4VggEAsYnCQd3KAYXAhJGAwYMoD59+rBqb9anBttr5cqVrLoZM2aE9XURkDDijqT58ccf6fvvv1feTyThbiDUs2dPY0+RcIkiIvMtR0PkdruNxyLNcH6duJ7L5WKNfAkGg6wJGdeLi4tjXY2V9Sx642xd3J7+gMjj8bDqGhsbjacTw0FJQAAiBb5iAUggIAASCAiABAICIIGAAEggIAASCAiABAICIIGAAEggIAASCAiABAICIIGAAEggIAASCAiABAICIIGAAEggIAASCAiABAICIIGAAEggIAASCAiABAICIIGAAEggIAASCAiABAICIIGAAEggIAASCAiABAICIIGAAEggIAASCAiAhAhIeHY7BIhAIiCn7W4CQFfRPp/vn3Y3AaCpU9FpaWnFdncBoKO0tLTtUZWVlV2SkpJqich8B3yAm4jf7x9CLS0t5PP5VhJRCxYW1n/W7bfffqC6utplBKS8vDyRiOrsbgoLS5e1fPnyESIbRkDEmjt37ni7m8LC0mFlZGQs/DsX1wIiVk5OzrtE1GR3g1hYdi2fz7eprq6OWg2IWPn5+dOI6LLdjWJhWb3EJ8f14Wg1IGIFAoGHUlJSttrdMBaWFUuckP99znHjajUgYokkBQKB/8/JyfmHx+M5avcfAgsrzOtkWlraEr/fP7i6utrVVg7+HQAA//8lg4qn7XUSfgAAAABJRU5ErkJggg=="
+                height="76px" width="76px">
+              <p class="base-icon__label">Music Assistant</p>
+            </div>
+          </div>
+        </div>
+        <h1 class="base-content-wrapper__title typography-label">
+          <span id="message">Apple MusicKit is loading…</span>
+        </h1>
+        <p id="sub-message" class="base-content-wrapper__description typography-body-tight">Sign
+          in with Apple to allow Music Assistant to access your Apple Music
+          account.</p>
+        <p>
+          <button id="signin_button"
+            class="button button-block button-elevated button-primary base-button base-button--primary base-content-wrapper__button"
+            onclick="mkSignIn();" disabled>Sign In</button>
+        </p>
+        <p>
+          <button id="signout_button"
+            class="button button-block button-elevated button-primary base-button base-button--primary base-content-wrapper__button"
+            onclick="mkSignOut();" style="display: none">Sign Out</button>
+        </p>
+        <p>
+          <button id="close_button"
+            class="button button-block button-elevated button-secondary base-button base-button--secondary base-content-wrapper__button"
+            onclick="window.location.href = return_url;">Close</button>
+        </p>
+      </section>
+      <div class="privacy-summary__link-container">
+        <a class="privacy-summary__link-text privacy-summary__link-text--margin-top typography-caption"
+          onclick="music.unauthorize(); location.reload();" href="#">Use a
+          different Apple&nbsp;Account</a>
+      </div>
+      <footer class="base-footer">
+        <p class="base-footer__copyright">© 2025 Music Assistant - Part of the
+          <a href="https://www.openhomefoundation.org">Open
+            Home Foundation</a>. Support us on
+          <a href="https://github.com/sponsors/music-assistant">GitHub</a>.
+        </p>
+      </footer>
+    </div>
+  </div>
+</body>
+
+</html>