@charset "utf-8";

html { text-size-adjust: 100%; }

body { margin: 0px; padding: 0px; }

ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, hgroup, p, blockquote, figure, form, fieldset, input, legend, pre, abbr, button { margin: 0px; padding: 0px; }

pre, code, address, caption, th, figcaption { font-size: 1em; font-weight: normal; font-style: normal; }

fieldset, iframe { border: 0px; }

caption, th { text-align: left; }

table { border-collapse: collapse; border-spacing: 0px; }

main, summary, details { display: block; }

audio, canvas, video, progress { vertical-align: baseline; }

button { background: none; border: 0px; box-sizing: content-box; color: inherit; cursor: pointer; font: inherit; overflow: visible; vertical-align: inherit; }

button:disabled { cursor: default; }

:focus-visible { outline: 2px solid var(--sk-focus-color, #0071e3); outline-offset: var(--sk-focus-offset, 1px); }

: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: 0.4em; --sk-paragraph-plus-element-margin: 0.8em; --sk-headline-plus-first-element-margin: 0.8em; --sk-headline-plus-headline-margin: 0.4em; --sk-paragraph-plus-headline-margin: 1.6em; }

html { font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 106.25%; quotes: "“" "”"; }

[lang]:lang(ar) { font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

[lang]:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }

[lang]:lang(ko) { font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }

[lang]:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

[lang]:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

[lang]:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

[lang]:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

[lang]:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

:lang(cs) { quotes: "„" "“"; }

:lang(de) { quotes: "„" "“"; }

:lang(de-CH) { quotes: "«" "»"; }

:lang(de-LI) { quotes: "«" "»"; }

:lang(fr) { quotes: "« " " »"; }

:lang(fr-CH) { quotes: "«" "»"; }

:lang(es-ES) { quotes: "«" "»"; }

:lang(hu) { quotes: "„" "“"; }

:lang(ja-JP) { quotes: "「" "」"; }

:lang(no-NO) { quotes: "«" "»"; }

:lang(lt) { quotes: "„" "“"; }

:lang(pl) { quotes: "„" "“"; }

:lang(ru) { quotes: "« " " »"; }

:lang(zh) { quotes: "「" "」"; }

:lang(zh-CN) { quotes: "“" "”"; }

body { font-size: 17px; line-height: 1.47059; font-weight: 400; letter-spacing: -0.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", 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: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

body:lang(ja) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }

body:lang(ko) { line-height: 1.58824; letter-spacing: 0em; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }

body:lang(zh) { letter-spacing: 0em; }

body:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

body:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

body:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

body:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

body:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

body, input, textarea, select, button { font-synthesis: none; -webkit-font-smoothing: antialiased; }

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: 0px; }

h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * { margin-top: var(--sk-headline-plus-first-element-margin, 0.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, 0.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: 0px; }

p + *, ul + *, ol + * { margin-top: var(--sk-paragraph-plus-element-margin, 0.8em); }

ul, ol { margin-inline-start: 1.17647em; }

ul ul, ul ol, ol ul, ol ol { margin-top: 0px; margin-bottom: 0px; }

nav ul, nav ol { margin: 0px; list-style: none; }

li li { font-size: 1em; }

b, strong { font-weight: 600; }

em, i, cite, dfn { font-style: italic; }

abbr { border: 0px; }

: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: 0.42; }

a { color: var(--sk-body-link-color, rgb(0, 102, 204)); letter-spacing: inherit; }

a:disabled { text-decoration: none; }

a:hover { text-decoration: underline; }

a.disabled, a :disabled { opacity: var(--sk-link-disabled-opacity, 0.42); }

:root { --sk-focus-color: #0071e3; --sk-focus-color-alt: rgb(0, 0, 0); --sk-focus-offset: 1px; --sk-focus-offset-container: 3px; }

html:not([dir="rtl"]) { --r-sk-start: left; --r-sk-end: right; --r-sk-safe-area-inset-start: env(safe-area-inset-left); --r-sk-safe-area-inset-end: env(safe-area-inset-right); --r-sk-logical-factor: 1; }

html[dir="rtl"] { --r-sk-start: right; --r-sk-end: left; --r-sk-safe-area-inset-start: env(safe-area-inset-right); --r-sk-safe-area-inset-end: env(safe-area-inset-left); --r-sk-logical-factor: -1; }

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

@media (min-width: 1441px) and (min-height: 776px) {
  .xlargetall-justify-content-start { justify-content: flex-start; }
  .xlargetall-justify-content-end { justify-content: flex-end; }
  .xlargetall-justify-content-center { justify-content: center; }
  .xlargetall-justify-content-spacebetween { justify-content: space-between; }
  .xlargetall-justify-content-spacearound { justify-content: space-around; }
  .xlargetall-justify-content-spaceevenly { justify-content: space-evenly; }
  .xlargetall-align-items-start { align-items: flex-start; }
  .xlargetall-align-items-center { align-items: center; }
  .xlargetall-align-items-end { align-items: flex-end; }
  .xlargetall-align-self-start { align-self: flex-start; }
  .xlargetall-align-self-center { align-self: center; }
  .xlargetall-align-self-end { align-self: flex-end; }
}

@media (min-width: 1070px) and (max-width: 1440px) and (min-height: 776px) {
  .largetall-justify-content-start { justify-content: flex-start; }
  .largetall-justify-content-end { justify-content: flex-end; }
  .largetall-justify-content-center { justify-content: center; }
  .largetall-justify-content-spacebetween { justify-content: space-between; }
  .largetall-justify-content-spacearound { justify-content: space-around; }
  .largetall-justify-content-spaceevenly { justify-content: space-evenly; }
  .largetall-align-items-start { align-items: flex-start; }
  .largetall-align-items-center { align-items: center; }
  .largetall-align-items-end { align-items: flex-end; }
  .largetall-align-self-start { align-self: flex-start; }
  .largetall-align-self-center { align-self: center; }
  .largetall-align-self-end { align-self: flex-end; }
}

@media (min-width: 736px) and (max-width: 1069px) and (min-height: 734px) {
  .mediumtall-justify-content-start { justify-content: flex-start; }
  .mediumtall-justify-content-end { justify-content: flex-end; }
  .mediumtall-justify-content-center { justify-content: center; }
  .mediumtall-justify-content-spacebetween { justify-content: space-between; }
  .mediumtall-justify-content-spacearound { justify-content: space-around; }
  .mediumtall-justify-content-spaceevenly { justify-content: space-evenly; }
  .mediumtall-align-items-start { align-items: flex-start; }
  .mediumtall-align-items-center { align-items: center; }
  .mediumtall-align-items-end { align-items: flex-end; }
  .mediumtall-align-self-start { align-self: flex-start; }
  .mediumtall-align-self-center { align-self: center; }
  .mediumtall-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); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; }

@media (inverted-colors) {
  .no-inversion { filter: invert(1); }
}

.nowrap { display: inline-block; text-decoration: inherit; white-space: nowrap; }

.clear { clear: both; }

.cursor-grab { cursor: grab; }

.cursor-grabbing { cursor: grabbing; }

:root { --sk-footnote-font-size: 0.6em; --sk-footnote-offset-top: -0.5em; }

sup, sub { position: relative; font-size: var(--sk-footnote-font-size, 0.6em); vertical-align: baseline; }

sup { top: var(--sk-footnote-offset-top, -0.5em); }

sub { bottom: -0.25em; }

.row { display: flex; flex-flow: wrap; width: 100%; }

.row-reverse { flex-direction: row-reverse; }

.column { box-sizing: border-box; margin: 0px; padding: 0px; min-width: 0px; }

.large-offset-0 { margin-inline-start: 0px; }

.large-order-0 { order: 0; }

.large-1 { flex-basis: 8.33333%; max-width: 8.33333%; }

.large-offset-1 { margin-inline-start: 8.33333%; }

.large-order-1 { order: 1; }

.large-2 { flex-basis: 16.6667%; max-width: 16.6667%; }

.large-offset-2 { margin-inline-start: 16.6667%; }

.large-order-2 { order: 2; }

.large-3 { flex-basis: 25%; max-width: 25%; }

.large-offset-3 { margin-inline-start: 25%; }

.large-order-3 { order: 3; }

.large-4 { flex-basis: 33.3333%; max-width: 33.3333%; }

.large-offset-4 { margin-inline-start: 33.3333%; }

.large-order-4 { order: 4; }

.large-5 { flex-basis: 41.6667%; max-width: 41.6667%; }

.large-offset-5 { margin-inline-start: 41.6667%; }

.large-order-5 { order: 5; }

.large-6 { flex-basis: 50%; max-width: 50%; }

.large-offset-6 { margin-inline-start: 50%; }

.large-order-6 { order: 6; }

.large-7 { flex-basis: 58.3333%; max-width: 58.3333%; }

.large-offset-7 { margin-inline-start: 58.3333%; }

.large-order-7 { order: 7; }

.large-8 { flex-basis: 66.6667%; max-width: 66.6667%; }

.large-offset-8 { margin-inline-start: 66.6667%; }

.large-order-8 { order: 8; }

.large-9 { flex-basis: 75%; max-width: 75%; }

.large-offset-9 { margin-inline-start: 75%; }

.large-order-9 { order: 9; }

.large-10 { flex-basis: 83.3333%; max-width: 83.3333%; }

.large-offset-10 { margin-inline-start: 83.3333%; }

.large-order-10 { order: 10; }

.large-11 { flex-basis: 91.6667%; max-width: 91.6667%; }

.large-offset-11 { margin-inline-start: 91.6667%; }

.large-order-11 { order: 11; }

.large-12 { flex-basis: 100%; max-width: 100%; }

.large-offset-12 { margin-inline-start: 100%; }

.large-order-12 { order: 12; }

.large-centered { margin-inline: auto; }

.large-uncentered { margin-inline: 0px; }

.large-last { margin-inline-start: auto; }

.large-notlast { margin-inline-start: 0px; }

.large-grow { flex: 1 1 auto; max-width: initial; }

.large-ungrow { flex: initial; max-width: initial; }

@media (min-width: 1441px) {
  .xlarge-offset-0 { margin-inline-start: 0px; }
  .xlarge-order-0 { order: 0; }
  .xlarge-1 { flex-basis: 8.33333%; max-width: 8.33333%; }
  .xlarge-offset-1 { margin-inline-start: 8.33333%; }
  .xlarge-order-1 { order: 1; }
  .xlarge-2 { flex-basis: 16.6667%; max-width: 16.6667%; }
  .xlarge-offset-2 { margin-inline-start: 16.6667%; }
  .xlarge-order-2 { order: 2; }
  .xlarge-3 { flex-basis: 25%; max-width: 25%; }
  .xlarge-offset-3 { margin-inline-start: 25%; }
  .xlarge-order-3 { order: 3; }
  .xlarge-4 { flex-basis: 33.3333%; max-width: 33.3333%; }
  .xlarge-offset-4 { margin-inline-start: 33.3333%; }
  .xlarge-order-4 { order: 4; }
  .xlarge-5 { flex-basis: 41.6667%; max-width: 41.6667%; }
  .xlarge-offset-5 { margin-inline-start: 41.6667%; }
  .xlarge-order-5 { order: 5; }
  .xlarge-6 { flex-basis: 50%; max-width: 50%; }
  .xlarge-offset-6 { margin-inline-start: 50%; }
  .xlarge-order-6 { order: 6; }
  .xlarge-7 { flex-basis: 58.3333%; max-width: 58.3333%; }
  .xlarge-offset-7 { margin-inline-start: 58.3333%; }
  .xlarge-order-7 { order: 7; }
  .xlarge-8 { flex-basis: 66.6667%; max-width: 66.6667%; }
  .xlarge-offset-8 { margin-inline-start: 66.6667%; }
  .xlarge-order-8 { order: 8; }
  .xlarge-9 { flex-basis: 75%; max-width: 75%; }
  .xlarge-offset-9 { margin-inline-start: 75%; }
  .xlarge-order-9 { order: 9; }
  .xlarge-10 { flex-basis: 83.3333%; max-width: 83.3333%; }
  .xlarge-offset-10 { margin-inline-start: 83.3333%; }
  .xlarge-order-10 { order: 10; }
  .xlarge-11 { flex-basis: 91.6667%; max-width: 91.6667%; }
  .xlarge-offset-11 { margin-inline-start: 91.6667%; }
  .xlarge-order-11 { order: 11; }
  .xlarge-12 { flex-basis: 100%; max-width: 100%; }
  .xlarge-offset-12 { margin-inline-start: 100%; }
  .xlarge-order-12 { order: 12; }
  .xlarge-centered { margin-inline: auto; }
  .xlarge-uncentered { margin-inline: 0px; }
  .xlarge-last { margin-inline-start: auto; }
  .xlarge-notlast { margin-inline-start: 0px; }
  .xlarge-grow { flex: 1 1 auto; max-width: initial; }
  .xlarge-ungrow { flex: initial; max-width: initial; }
}

@media (max-width: 1068px) {
  .medium-offset-0 { margin-inline-start: 0px; }
  .medium-order-0 { order: 0; }
  .medium-1 { flex-basis: 8.33333%; max-width: 8.33333%; }
  .medium-offset-1 { margin-inline-start: 8.33333%; }
  .medium-order-1 { order: 1; }
  .medium-2 { flex-basis: 16.6667%; max-width: 16.6667%; }
  .medium-offset-2 { margin-inline-start: 16.6667%; }
  .medium-order-2 { order: 2; }
  .medium-3 { flex-basis: 25%; max-width: 25%; }
  .medium-offset-3 { margin-inline-start: 25%; }
  .medium-order-3 { order: 3; }
  .medium-4 { flex-basis: 33.3333%; max-width: 33.3333%; }
  .medium-offset-4 { margin-inline-start: 33.3333%; }
  .medium-order-4 { order: 4; }
  .medium-5 { flex-basis: 41.6667%; max-width: 41.6667%; }
  .medium-offset-5 { margin-inline-start: 41.6667%; }
  .medium-order-5 { order: 5; }
  .medium-6 { flex-basis: 50%; max-width: 50%; }
  .medium-offset-6 { margin-inline-start: 50%; }
  .medium-order-6 { order: 6; }
  .medium-7 { flex-basis: 58.3333%; max-width: 58.3333%; }
  .medium-offset-7 { margin-inline-start: 58.3333%; }
  .medium-order-7 { order: 7; }
  .medium-8 { flex-basis: 66.6667%; max-width: 66.6667%; }
  .medium-offset-8 { margin-inline-start: 66.6667%; }
  .medium-order-8 { order: 8; }
  .medium-9 { flex-basis: 75%; max-width: 75%; }
  .medium-offset-9 { margin-inline-start: 75%; }
  .medium-order-9 { order: 9; }
  .medium-10 { flex-basis: 83.3333%; max-width: 83.3333%; }
  .medium-offset-10 { margin-inline-start: 83.3333%; }
  .medium-order-10 { order: 10; }
  .medium-11 { flex-basis: 91.6667%; max-width: 91.6667%; }
  .medium-offset-11 { margin-inline-start: 91.6667%; }
  .medium-order-11 { order: 11; }
  .medium-12 { flex-basis: 100%; max-width: 100%; }
  .medium-offset-12 { margin-inline-start: 100%; }
  .medium-order-12 { order: 12; }
  .medium-centered { margin-inline: auto; }
  .medium-uncentered { margin-inline: 0px; }
  .medium-last { margin-inline-start: auto; }
  .medium-notlast { margin-inline-start: 0px; }
  .medium-grow { flex: 1 1 auto; max-width: initial; }
  .medium-ungrow { flex: initial; max-width: initial; }
}

@media (max-width: 734px) {
  .small-offset-0 { margin-inline-start: 0px; }
  .small-order-0 { order: 0; }
  .small-1 { flex-basis: 8.33333%; max-width: 8.33333%; }
  .small-offset-1 { margin-inline-start: 8.33333%; }
  .small-order-1 { order: 1; }
  .small-2 { flex-basis: 16.6667%; max-width: 16.6667%; }
  .small-offset-2 { margin-inline-start: 16.6667%; }
  .small-order-2 { order: 2; }
  .small-3 { flex-basis: 25%; max-width: 25%; }
  .small-offset-3 { margin-inline-start: 25%; }
  .small-order-3 { order: 3; }
  .small-4 { flex-basis: 33.3333%; max-width: 33.3333%; }
  .small-offset-4 { margin-inline-start: 33.3333%; }
  .small-order-4 { order: 4; }
  .small-5 { flex-basis: 41.6667%; max-width: 41.6667%; }
  .small-offset-5 { margin-inline-start: 41.6667%; }
  .small-order-5 { order: 5; }
  .small-6 { flex-basis: 50%; max-width: 50%; }
  .small-offset-6 { margin-inline-start: 50%; }
  .small-order-6 { order: 6; }
  .small-7 { flex-basis: 58.3333%; max-width: 58.3333%; }
  .small-offset-7 { margin-inline-start: 58.3333%; }
  .small-order-7 { order: 7; }
  .small-8 { flex-basis: 66.6667%; max-width: 66.6667%; }
  .small-offset-8 { margin-inline-start: 66.6667%; }
  .small-order-8 { order: 8; }
  .small-9 { flex-basis: 75%; max-width: 75%; }
  .small-offset-9 { margin-inline-start: 75%; }
  .small-order-9 { order: 9; }
  .small-10 { flex-basis: 83.3333%; max-width: 83.3333%; }
  .small-offset-10 { margin-inline-start: 83.3333%; }
  .small-order-10 { order: 10; }
  .small-11 { flex-basis: 91.6667%; max-width: 91.6667%; }
  .small-offset-11 { margin-inline-start: 91.6667%; }
  .small-order-11 { order: 11; }
  .small-12 { flex-basis: 100%; max-width: 100%; }
  .small-offset-12 { margin-inline-start: 100%; }
  .small-order-12 { order: 12; }
  .small-centered { margin-inline: auto; }
  .small-uncentered { margin-inline: 0px; }
  .small-last { margin-inline-start: auto; }
  .small-notlast { margin-inline-start: 0px; }
  .small-grow { flex: 1 1 auto; max-width: initial; }
  .small-ungrow { flex: initial; max-width: initial; }
}

@media (min-width: 1441px) and (min-height: 776px) {
  .xlargetall-offset-0 { margin-inline-start: 0px; }
  .xlargetall-order-0 { order: 0; }
  .xlargetall-1 { flex-basis: 8.33333%; max-width: 8.33333%; }
  .xlargetall-offset-1 { margin-inline-start: 8.33333%; }
  .xlargetall-order-1 { order: 1; }
  .xlargetall-2 { flex-basis: 16.6667%; max-width: 16.6667%; }
  .xlargetall-offset-2 { margin-inline-start: 16.6667%; }
  .xlargetall-order-2 { order: 2; }
  .xlargetall-3 { flex-basis: 25%; max-width: 25%; }
  .xlargetall-offset-3 { margin-inline-start: 25%; }
  .xlargetall-order-3 { order: 3; }
  .xlargetall-4 { flex-basis: 33.3333%; max-width: 33.3333%; }
  .xlargetall-offset-4 { margin-inline-start: 33.3333%; }
  .xlargetall-order-4 { order: 4; }
  .xlargetall-5 { flex-basis: 41.6667%; max-width: 41.6667%; }
  .xlargetall-offset-5 { margin-inline-start: 41.6667%; }
  .xlargetall-order-5 { order: 5; }
  .xlargetall-6 { flex-basis: 50%; max-width: 50%; }
  .xlargetall-offset-6 { margin-inline-start: 50%; }
  .xlargetall-order-6 { order: 6; }
  .xlargetall-7 { flex-basis: 58.3333%; max-width: 58.3333%; }
  .xlargetall-offset-7 { margin-inline-start: 58.3333%; }
  .xlargetall-order-7 { order: 7; }
  .xlargetall-8 { flex-basis: 66.6667%; max-width: 66.6667%; }
  .xlargetall-offset-8 { margin-inline-start: 66.6667%; }
  .xlargetall-order-8 { order: 8; }
  .xlargetall-9 { flex-basis: 75%; max-width: 75%; }
  .xlargetall-offset-9 { margin-inline-start: 75%; }
  .xlargetall-order-9 { order: 9; }
  .xlargetall-10 { flex-basis: 83.3333%; max-width: 83.3333%; }
  .xlargetall-offset-10 { margin-inline-start: 83.3333%; }
  .xlargetall-order-10 { order: 10; }
  .xlargetall-11 { flex-basis: 91.6667%; max-width: 91.6667%; }
  .xlargetall-offset-11 { margin-inline-start: 91.6667%; }
  .xlargetall-order-11 { order: 11; }
  .xlargetall-12 { flex-basis: 100%; max-width: 100%; }
  .xlargetall-offset-12 { margin-inline-start: 100%; }
  .xlargetall-order-12 { order: 12; }
  .xlargetall-centered { margin-inline: auto; }
  .xlargetall-uncentered { margin-inline: 0px; }
  .xlargetall-last { margin-inline-start: auto; }
  .xlargetall-notlast { margin-inline-start: 0px; }
  .xlargetall-grow { flex: 1 1 auto; max-width: initial; }
  .xlargetall-ungrow { flex: initial; max-width: initial; }
}

@media (min-width: 1070px) and (max-width: 1440px) and (min-height: 776px) {
  .largetall-offset-0 { margin-inline-start: 0px; }
  .largetall-order-0 { order: 0; }
  .largetall-1 { flex-basis: 8.33333%; max-width: 8.33333%; }
  .largetall-offset-1 { margin-inline-start: 8.33333%; }
  .largetall-order-1 { order: 1; }
  .largetall-2 { flex-basis: 16.6667%; max-width: 16.6667%; }
  .largetall-offset-2 { margin-inline-start: 16.6667%; }
  .largetall-order-2 { order: 2; }
  .largetall-3 { flex-basis: 25%; max-width: 25%; }
  .largetall-offset-3 { margin-inline-start: 25%; }
  .largetall-order-3 { order: 3; }
  .largetall-4 { flex-basis: 33.3333%; max-width: 33.3333%; }
  .largetall-offset-4 { margin-inline-start: 33.3333%; }
  .largetall-order-4 { order: 4; }
  .largetall-5 { flex-basis: 41.6667%; max-width: 41.6667%; }
  .largetall-offset-5 { margin-inline-start: 41.6667%; }
  .largetall-order-5 { order: 5; }
  .largetall-6 { flex-basis: 50%; max-width: 50%; }
  .largetall-offset-6 { margin-inline-start: 50%; }
  .largetall-order-6 { order: 6; }
  .largetall-7 { flex-basis: 58.3333%; max-width: 58.3333%; }
  .largetall-offset-7 { margin-inline-start: 58.3333%; }
  .largetall-order-7 { order: 7; }
  .largetall-8 { flex-basis: 66.6667%; max-width: 66.6667%; }
  .largetall-offset-8 { margin-inline-start: 66.6667%; }
  .largetall-order-8 { order: 8; }
  .largetall-9 { flex-basis: 75%; max-width: 75%; }
  .largetall-offset-9 { margin-inline-start: 75%; }
  .largetall-order-9 { order: 9; }
  .largetall-10 { flex-basis: 83.3333%; max-width: 83.3333%; }
  .largetall-offset-10 { margin-inline-start: 83.3333%; }
  .largetall-order-10 { order: 10; }
  .largetall-11 { flex-basis: 91.6667%; max-width: 91.6667%; }
  .largetall-offset-11 { margin-inline-start: 91.6667%; }
  .largetall-order-11 { order: 11; }
  .largetall-12 { flex-basis: 100%; max-width: 100%; }
  .largetall-offset-12 { margin-inline-start: 100%; }
  .largetall-order-12 { order: 12; }
  .largetall-centered { margin-inline: auto; }
  .largetall-uncentered { margin-inline: 0px; }
  .largetall-last { margin-inline-start: auto; }
  .largetall-notlast { margin-inline-start: 0px; }
  .largetall-grow { flex: 1 1 auto; max-width: initial; }
  .largetall-ungrow { flex: initial; max-width: initial; }
}

@media (min-width: 736px) and (max-width: 1069px) and (min-height: 734px) {
  .mediumtall-offset-0 { margin-inline-start: 0px; }
  .mediumtall-order-0 { order: 0; }
  .mediumtall-1 { flex-basis: 8.33333%; max-width: 8.33333%; }
  .mediumtall-offset-1 { margin-inline-start: 8.33333%; }
  .mediumtall-order-1 { order: 1; }
  .mediumtall-2 { flex-basis: 16.6667%; max-width: 16.6667%; }
  .mediumtall-offset-2 { margin-inline-start: 16.6667%; }
  .mediumtall-order-2 { order: 2; }
  .mediumtall-3 { flex-basis: 25%; max-width: 25%; }
  .mediumtall-offset-3 { margin-inline-start: 25%; }
  .mediumtall-order-3 { order: 3; }
  .mediumtall-4 { flex-basis: 33.3333%; max-width: 33.3333%; }
  .mediumtall-offset-4 { margin-inline-start: 33.3333%; }
  .mediumtall-order-4 { order: 4; }
  .mediumtall-5 { flex-basis: 41.6667%; max-width: 41.6667%; }
  .mediumtall-offset-5 { margin-inline-start: 41.6667%; }
  .mediumtall-order-5 { order: 5; }
  .mediumtall-6 { flex-basis: 50%; max-width: 50%; }
  .mediumtall-offset-6 { margin-inline-start: 50%; }
  .mediumtall-order-6 { order: 6; }
  .mediumtall-7 { flex-basis: 58.3333%; max-width: 58.3333%; }
  .mediumtall-offset-7 { margin-inline-start: 58.3333%; }
  .mediumtall-order-7 { order: 7; }
  .mediumtall-8 { flex-basis: 66.6667%; max-width: 66.6667%; }
  .mediumtall-offset-8 { margin-inline-start: 66.6667%; }
  .mediumtall-order-8 { order: 8; }
  .mediumtall-9 { flex-basis: 75%; max-width: 75%; }
  .mediumtall-offset-9 { margin-inline-start: 75%; }
  .mediumtall-order-9 { order: 9; }
  .mediumtall-10 { flex-basis: 83.3333%; max-width: 83.3333%; }
  .mediumtall-offset-10 { margin-inline-start: 83.3333%; }
  .mediumtall-order-10 { order: 10; }
  .mediumtall-11 { flex-basis: 91.6667%; max-width: 91.6667%; }
  .mediumtall-offset-11 { margin-inline-start: 91.6667%; }
  .mediumtall-order-11 { order: 11; }
  .mediumtall-12 { flex-basis: 100%; max-width: 100%; }
  .mediumtall-offset-12 { margin-inline-start: 100%; }
  .mediumtall-order-12 { order: 12; }
  .mediumtall-centered { margin-inline: auto; }
  .mediumtall-uncentered { margin-inline: 0px; }
  .mediumtall-last { margin-inline-start: auto; }
  .mediumtall-notlast { margin-inline-start: 0px; }
  .mediumtall-grow { flex: 1 1 auto; max-width: initial; }
  .mediumtall-ungrow { flex: initial; max-width: initial; }
}

.row-reverse .column { box-sizing: border-box; margin: 0px; padding: 0px; min-width: 0px; }

.row-reverse .large-offset-0 { margin-inline-end: 0px; }

.row-reverse .large-offset-1 { margin-inline-end: 8.33333%; }

.row-reverse .large-offset-2 { margin-inline-end: 16.6667%; }

.row-reverse .large-offset-3 { margin-inline-end: 25%; }

.row-reverse .large-offset-4 { margin-inline-end: 33.3333%; }

.row-reverse .large-offset-5 { margin-inline-end: 41.6667%; }

.row-reverse .large-offset-6 { margin-inline-end: 50%; }

.row-reverse .large-offset-7 { margin-inline-end: 58.3333%; }

.row-reverse .large-offset-8 { margin-inline-end: 66.6667%; }

.row-reverse .large-offset-9 { margin-inline-end: 75%; }

.row-reverse .large-offset-10 { margin-inline-end: 83.3333%; }

.row-reverse .large-offset-11 { margin-inline-end: 91.6667%; }

.row-reverse .large-offset-12 { margin-inline-end: 100%; }

.row-reverse .large-last { margin-inline-end: auto; }

.row-reverse .large-notlast { margin-inline-end: 0px; }

@media (min-width: 1441px) {
  .row-reverse .xlarge-offset-0 { margin-inline-end: 0px; }
  .row-reverse .xlarge-offset-1 { margin-inline-end: 8.33333%; }
  .row-reverse .xlarge-offset-2 { margin-inline-end: 16.6667%; }
  .row-reverse .xlarge-offset-3 { margin-inline-end: 25%; }
  .row-reverse .xlarge-offset-4 { margin-inline-end: 33.3333%; }
  .row-reverse .xlarge-offset-5 { margin-inline-end: 41.6667%; }
  .row-reverse .xlarge-offset-6 { margin-inline-end: 50%; }
  .row-reverse .xlarge-offset-7 { margin-inline-end: 58.3333%; }
  .row-reverse .xlarge-offset-8 { margin-inline-end: 66.6667%; }
  .row-reverse .xlarge-offset-9 { margin-inline-end: 75%; }
  .row-reverse .xlarge-offset-10 { margin-inline-end: 83.3333%; }
  .row-reverse .xlarge-offset-11 { margin-inline-end: 91.6667%; }
  .row-reverse .xlarge-offset-12 { margin-inline-end: 100%; }
  .row-reverse .xlarge-last { margin-inline-end: auto; }
  .row-reverse .xlarge-notlast { margin-inline-end: 0px; }
}

@media (max-width: 1068px) {
  .row-reverse .medium-offset-0 { margin-inline-end: 0px; }
  .row-reverse .medium-offset-1 { margin-inline-end: 8.33333%; }
  .row-reverse .medium-offset-2 { margin-inline-end: 16.6667%; }
  .row-reverse .medium-offset-3 { margin-inline-end: 25%; }
  .row-reverse .medium-offset-4 { margin-inline-end: 33.3333%; }
  .row-reverse .medium-offset-5 { margin-inline-end: 41.6667%; }
  .row-reverse .medium-offset-6 { margin-inline-end: 50%; }
  .row-reverse .medium-offset-7 { margin-inline-end: 58.3333%; }
  .row-reverse .medium-offset-8 { margin-inline-end: 66.6667%; }
  .row-reverse .medium-offset-9 { margin-inline-end: 75%; }
  .row-reverse .medium-offset-10 { margin-inline-end: 83.3333%; }
  .row-reverse .medium-offset-11 { margin-inline-end: 91.6667%; }
  .row-reverse .medium-offset-12 { margin-inline-end: 100%; }
  .row-reverse .medium-last { margin-inline-end: auto; }
  .row-reverse .medium-notlast { margin-inline-end: 0px; }
}

@media (max-width: 734px) {
  .row-reverse .small-offset-0 { margin-inline-end: 0px; }
  .row-reverse .small-offset-1 { margin-inline-end: 8.33333%; }
  .row-reverse .small-offset-2 { margin-inline-end: 16.6667%; }
  .row-reverse .small-offset-3 { margin-inline-end: 25%; }
  .row-reverse .small-offset-4 { margin-inline-end: 33.3333%; }
  .row-reverse .small-offset-5 { margin-inline-end: 41.6667%; }
  .row-reverse .small-offset-6 { margin-inline-end: 50%; }
  .row-reverse .small-offset-7 { margin-inline-end: 58.3333%; }
  .row-reverse .small-offset-8 { margin-inline-end: 66.6667%; }
  .row-reverse .small-offset-9 { margin-inline-end: 75%; }
  .row-reverse .small-offset-10 { margin-inline-end: 83.3333%; }
  .row-reverse .small-offset-11 { margin-inline-end: 91.6667%; }
  .row-reverse .small-offset-12 { margin-inline-end: 100%; }
  .row-reverse .small-last { margin-inline-end: auto; }
  .row-reverse .small-notlast { margin-inline-end: 0px; }
}

@media (min-width: 1441px) and (min-height: 776px) {
  .row-reverse .xlargetall-offset-0 { margin-inline-end: 0px; }
  .row-reverse .xlargetall-offset-1 { margin-inline-end: 8.33333%; }
  .row-reverse .xlargetall-offset-2 { margin-inline-end: 16.6667%; }
  .row-reverse .xlargetall-offset-3 { margin-inline-end: 25%; }
  .row-reverse .xlargetall-offset-4 { margin-inline-end: 33.3333%; }
  .row-reverse .xlargetall-offset-5 { margin-inline-end: 41.6667%; }
  .row-reverse .xlargetall-offset-6 { margin-inline-end: 50%; }
  .row-reverse .xlargetall-offset-7 { margin-inline-end: 58.3333%; }
  .row-reverse .xlargetall-offset-8 { margin-inline-end: 66.6667%; }
  .row-reverse .xlargetall-offset-9 { margin-inline-end: 75%; }
  .row-reverse .xlargetall-offset-10 { margin-inline-end: 83.3333%; }
  .row-reverse .xlargetall-offset-11 { margin-inline-end: 91.6667%; }
  .row-reverse .xlargetall-offset-12 { margin-inline-end: 100%; }
  .row-reverse .xlargetall-last { margin-inline-end: auto; }
  .row-reverse .xlargetall-notlast { margin-inline-end: 0px; }
}

@media (min-width: 1070px) and (max-width: 1440px) and (min-height: 776px) {
  .row-reverse .largetall-offset-0 { margin-inline-end: 0px; }
  .row-reverse .largetall-offset-1 { margin-inline-end: 8.33333%; }
  .row-reverse .largetall-offset-2 { margin-inline-end: 16.6667%; }
  .row-reverse .largetall-offset-3 { margin-inline-end: 25%; }
  .row-reverse .largetall-offset-4 { margin-inline-end: 33.3333%; }
  .row-reverse .largetall-offset-5 { margin-inline-end: 41.6667%; }
  .row-reverse .largetall-offset-6 { margin-inline-end: 50%; }
  .row-reverse .largetall-offset-7 { margin-inline-end: 58.3333%; }
  .row-reverse .largetall-offset-8 { margin-inline-end: 66.6667%; }
  .row-reverse .largetall-offset-9 { margin-inline-end: 75%; }
  .row-reverse .largetall-offset-10 { margin-inline-end: 83.3333%; }
  .row-reverse .largetall-offset-11 { margin-inline-end: 91.6667%; }
  .row-reverse .largetall-offset-12 { margin-inline-end: 100%; }
  .row-reverse .largetall-last { margin-inline-end: auto; }
  .row-reverse .largetall-notlast { margin-inline-end: 0px; }
}

@media (min-width: 736px) and (max-width: 1069px) and (min-height: 734px) {
  .row-reverse .mediumtall-offset-0 { margin-inline-end: 0px; }
  .row-reverse .mediumtall-offset-1 { margin-inline-end: 8.33333%; }
  .row-reverse .mediumtall-offset-2 { margin-inline-end: 16.6667%; }
  .row-reverse .mediumtall-offset-3 { margin-inline-end: 25%; }
  .row-reverse .mediumtall-offset-4 { margin-inline-end: 33.3333%; }
  .row-reverse .mediumtall-offset-5 { margin-inline-end: 41.6667%; }
  .row-reverse .mediumtall-offset-6 { margin-inline-end: 50%; }
  .row-reverse .mediumtall-offset-7 { margin-inline-end: 58.3333%; }
  .row-reverse .mediumtall-offset-8 { margin-inline-end: 66.6667%; }
  .row-reverse .mediumtall-offset-9 { margin-inline-end: 75%; }
  .row-reverse .mediumtall-offset-10 { margin-inline-end: 83.3333%; }
  .row-reverse .mediumtall-offset-11 { margin-inline-end: 91.6667%; }
  .row-reverse .mediumtall-offset-12 { margin-inline-end: 100%; }
  .row-reverse .mediumtall-last { margin-inline-end: auto; }
  .row-reverse .mediumtall-notlast { margin-inline-end: 0px; }
}

.grid { --sk-cssgrid-columns: 12; --sk-cssgrid-column-gutter-inner-large: var(--sk-cssgrid-column-gutter-inner, 24px); --sk-cssgrid-column-gutter-inner-xlarge: var(--sk-cssgrid-column-gutter-inner, var(--sk-cssgrid-column-gutter-inner-large)); --sk-cssgrid-column-gutter-inner-medium: var(--sk-cssgrid-column-gutter-inner, var(--sk-cssgrid-column-gutter-inner-large)); --sk-cssgrid-column-gutter-inner-small: var(--sk-cssgrid-column-gutter-inner, var(--sk-cssgrid-column-gutter-inner-large)); --sk-cssgrid-column-gutter-inner-xlargetall: var(--sk-cssgrid-column-gutter-inner, var(--sk-cssgrid-column-gutter-inner-large)); --sk-cssgrid-column-gutter-inner-largetall: var(--sk-cssgrid-column-gutter-inner, var(--sk-cssgrid-column-gutter-inner-large)); --sk-cssgrid-column-gutter-inner-mediumtall: var(--sk-cssgrid-column-gutter-inner, var(--sk-cssgrid-column-gutter-inner-large)); column-gap: var(--sk-cssgrid-column-gutter-inner-large); --sk-cssgrid-row-gutter-inner-large: var(--sk-cssgrid-row-gutter-inner, 24px); --sk-cssgrid-row-gutter-inner-xlarge: var(--sk-cssgrid-row-gutter-inner, var(--sk-cssgrid-row-gutter-inner-large)); --sk-cssgrid-row-gutter-inner-medium: var(--sk-cssgrid-row-gutter-inner, var(--sk-cssgrid-row-gutter-inner-large)); --sk-cssgrid-row-gutter-inner-small: var(--sk-cssgrid-row-gutter-inner, var(--sk-cssgrid-row-gutter-inner-large)); --sk-cssgrid-row-gutter-inner-xlargetall: var(--sk-cssgrid-row-gutter-inner, var(--sk-cssgrid-row-gutter-inner-large)); --sk-cssgrid-row-gutter-inner-largetall: var(--sk-cssgrid-row-gutter-inner, var(--sk-cssgrid-row-gutter-inner-large)); --sk-cssgrid-row-gutter-inner-mediumtall: var(--sk-cssgrid-row-gutter-inner, var(--sk-cssgrid-row-gutter-inner-large)); row-gap: var(--sk-cssgrid-row-gutter-inner-large); --sk-cssgrid-column-gutter-outer-large: var(--sk-cssgrid-column-gutter-outer, 24px); --sk-cssgrid-column-gutter-outer-xlarge: var(--sk-cssgrid-column-gutter-outer, var(--sk-cssgrid-column-gutter-outer-large)); --sk-cssgrid-column-gutter-outer-medium: var(--sk-cssgrid-column-gutter-outer, var(--sk-cssgrid-column-gutter-outer-large)); --sk-cssgrid-column-gutter-outer-small: var(--sk-cssgrid-column-gutter-outer, var(--sk-cssgrid-column-gutter-outer-large)); --sk-cssgrid-column-gutter-outer-xlargetall: var(--sk-cssgrid-column-gutter-outer, var(--sk-cssgrid-column-gutter-outer-large)); --sk-cssgrid-column-gutter-outer-largetall: var(--sk-cssgrid-column-gutter-outer, var(--sk-cssgrid-column-gutter-outer-large)); --sk-cssgrid-column-gutter-outer-mediumtall: var(--sk-cssgrid-column-gutter-outer, var(--sk-cssgrid-column-gutter-outer-large)); --sk-cssgrid-row-gutter-outer-large: var(--sk-cssgrid-row-gutter-outer, 0); --sk-cssgrid-row-gutter-outer-xlarge: var(--sk-cssgrid-row-gutter-outer, var(--sk-cssgrid-row-gutter-outer-large)); --sk-cssgrid-row-gutter-outer-medium: var(--sk-cssgrid-row-gutter-outer, var(--sk-cssgrid-row-gutter-outer-large)); --sk-cssgrid-row-gutter-outer-small: var(--sk-cssgrid-row-gutter-outer, var(--sk-cssgrid-row-gutter-outer-large)); --sk-cssgrid-row-gutter-outer-xlargetall: var(--sk-cssgrid-row-gutter-outer, var(--sk-cssgrid-row-gutter-outer-large)); --sk-cssgrid-row-gutter-outer-largetall: var(--sk-cssgrid-row-gutter-outer, var(--sk-cssgrid-row-gutter-outer-large)); --sk-cssgrid-row-gutter-outer-mediumtall: var(--sk-cssgrid-row-gutter-outer, var(--sk-cssgrid-row-gutter-outer-large)); padding-left: var(--sk-cssgrid-column-gutter-outer-large); padding-right: var(--sk-cssgrid-column-gutter-outer-large); padding-top: var(--sk-cssgrid-row-gutter-outer-large); padding-bottom: var(--sk-cssgrid-row-gutter-outer-large); margin-inline: auto; display: grid; grid-template-columns: repeat(var(--sk-cssgrid-columns), minmax(0, 1fr)); }

@media (min-width: 1441px) {
  .grid { column-gap: var(--sk-cssgrid-column-gutter-inner-xlarge); }
}

@media (max-width: 1068px) {
  .grid { column-gap: var(--sk-cssgrid-column-gutter-inner-medium); }
}

@media (max-width: 734px) {
  .grid { column-gap: var(--sk-cssgrid-column-gutter-inner-small); }
}

@media (min-width: 1441px) and (min-height: 776px) {
  .grid { column-gap: var(--sk-cssgrid-column-gutter-inner-xlargetall); }
}

@media (min-width: 1070px) and (max-width: 1440px) and (min-height: 776px) {
  .grid { column-gap: var(--sk-cssgrid-column-gutter-inner-largetall); }
}

@media (min-width: 736px) and (max-width: 1069px) and (min-height: 734px) {
  .grid { column-gap: var(--sk-cssgrid-column-gutter-inner-mediumtall); }
}

@media (min-width: 1441px) {
  .grid { row-gap: var(--sk-cssgrid-row-gutter-inner-xlarge); }
}

@media (max-width: 1068px) {
  .grid { row-gap: var(--sk-cssgrid-row-gutter-inner-medium); }
}

@media (max-width: 734px) {
  .grid { row-gap: var(--sk-cssgrid-row-gutter-inner-small); }
}

@media (min-width: 1441px) and (min-height: 776px) {
  .grid { row-gap: var(--sk-cssgrid-row-gutter-inner-xlargetall); }
}

@media (min-width: 1070px) and (max-width: 1440px) and (min-height: 776px) {
  .grid { row-gap: var(--sk-cssgrid-row-gutter-inner-largetall); }
}

@media (min-width: 736px) and (max-width: 1069px) and (min-height: 734px) {
  .grid { row-gap: var(--sk-cssgrid-row-gutter-inner-mediumtall); }
}

@media (min-width: 1441px) {
  .grid { padding-left: var(--sk-cssgrid-column-gutter-outer-xlarge); }
}

@media (max-width: 1068px) {
  .grid { padding-left: var(--sk-cssgrid-column-gutter-outer-medium); }
}

@media (max-width: 734px) {
  .grid { padding-left: var(--sk-cssgrid-column-gutter-outer-small); }
}

@media (min-width: 1441px) and (min-height: 776px) {
  .grid { padding-left: var(--sk-cssgrid-column-gutter-outer-xlargetall); }
}

@media (min-width: 1070px) and (max-width: 1440px) and (min-height: 776px) {
  .grid { padding-left: var(--sk-cssgrid-column-gutter-outer-largetall); }
}

@media (min-width: 736px) and (max-width: 1069px) and (min-height: 734px) {
  .grid { padding-left: var(--sk-cssgrid-column-gutter-outer-mediumtall); }
}

@media (min-width: 1441px) {
  .grid { padding-right: var(--sk-cssgrid-column-gutter-outer-xlarge); }
}

@media (max-width: 1068px) {
  .grid { padding-right: var(--sk-cssgrid-column-gutter-outer-medium); }
}

@media (max-width: 734px) {
  .grid { padding-right: var(--sk-cssgrid-column-gutter-outer-small); }
}

@media (min-width: 1441px) and (min-height: 776px) {
  .grid { padding-right: var(--sk-cssgrid-column-gutter-outer-xlargetall); }
}

@media (min-width: 1070px) and (max-width: 1440px) and (min-height: 776px) {
  .grid { padding-right: var(--sk-cssgrid-column-gutter-outer-largetall); }
}

@media (min-width: 736px) and (max-width: 1069px) and (min-height: 734px) {
  .grid { padding-right: var(--sk-cssgrid-column-gutter-outer-mediumtall); }
}

@media (min-width: 1441px) {
  .grid { padding-top: var(--sk-cssgrid-row-gutter-outer-xlarge); }
}

@media (max-width: 1068px) {
  .grid { padding-top: var(--sk-cssgrid-row-gutter-outer-medium); }
}

@media (max-width: 734px) {
  .grid { padding-top: var(--sk-cssgrid-row-gutter-outer-small); }
}

@media (min-width: 1441px) and (min-height: 776px) {
  .grid { padding-top: var(--sk-cssgrid-row-gutter-outer-xlargetall); }
}

@media (min-width: 1070px) and (max-width: 1440px) and (min-height: 776px) {
  .grid { padding-top: var(--sk-cssgrid-row-gutter-outer-largetall); }
}

@media (min-width: 736px) and (max-width: 1069px) and (min-height: 734px) {
  .grid { padding-top: var(--sk-cssgrid-row-gutter-outer-mediumtall); }
}

@media (min-width: 1441px) {
  .grid { padding-bottom: var(--sk-cssgrid-row-gutter-outer-xlarge); }
}

@media (max-width: 1068px) {
  .grid { padding-bottom: var(--sk-cssgrid-row-gutter-outer-medium); }
}

@media (max-width: 734px) {
  .grid { padding-bottom: var(--sk-cssgrid-row-gutter-outer-small); }
}

@media (min-width: 1441px) and (min-height: 776px) {
  .grid { padding-bottom: var(--sk-cssgrid-row-gutter-outer-xlargetall); }
}

@media (min-width: 1070px) and (max-width: 1440px) and (min-height: 776px) {
  .grid { padding-bottom: var(--sk-cssgrid-row-gutter-outer-largetall); }
}

@media (min-width: 736px) and (max-width: 1069px) and (min-height: 734px) {
  .grid { padding-bottom: var(--sk-cssgrid-row-gutter-outer-mediumtall); }
}

.grid .grid { height: 100%; padding-left: 0px; padding-right: 0px; }

.grid-item { position: relative; box-sizing: border-box; }

.large-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 (min-width: 1441px) {
  .xlarge-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 (max-width: 1068px) {
  .medium-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 (max-width: 734px) {
  .small-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; }
}

@media (min-width: 1441px) and (min-height: 776px) {
  .xlargetall-span-0 { }
  .xlargetall-span-1 { grid-column: span 1; }
  .xlargetall-span-2 { grid-column: span 2; }
  .xlargetall-span-3 { grid-column: span 3; }
  .xlargetall-span-4 { grid-column: span 4; }
  .xlargetall-span-5 { grid-column: span 5; }
  .xlargetall-span-6 { grid-column: span 6; }
  .xlargetall-span-7 { grid-column: span 7; }
  .xlargetall-span-8 { grid-column: span 8; }
  .xlargetall-span-9 { grid-column: span 9; }
  .xlargetall-span-10 { grid-column: span 10; }
  .xlargetall-span-11 { grid-column: span 11; }
  .xlargetall-span-12 { grid-column: span 12; }
}

@media (min-width: 1070px) and (max-width: 1440px) and (min-height: 776px) {
  .largetall-span-0 { }
  .largetall-span-1 { grid-column: span 1; }
  .largetall-span-2 { grid-column: span 2; }
  .largetall-span-3 { grid-column: span 3; }
  .largetall-span-4 { grid-column: span 4; }
  .largetall-span-5 { grid-column: span 5; }
  .largetall-span-6 { grid-column: span 6; }
  .largetall-span-7 { grid-column: span 7; }
  .largetall-span-8 { grid-column: span 8; }
  .largetall-span-9 { grid-column: span 9; }
  .largetall-span-10 { grid-column: span 10; }
  .largetall-span-11 { grid-column: span 11; }
  .largetall-span-12 { grid-column: span 12; }
}

@media (min-width: 736px) and (max-width: 1069px) and (min-height: 734px) {
  .mediumtall-span-0 { }
  .mediumtall-span-1 { grid-column: span 1; }
  .mediumtall-span-2 { grid-column: span 2; }
  .mediumtall-span-3 { grid-column: span 3; }
  .mediumtall-span-4 { grid-column: span 4; }
  .mediumtall-span-5 { grid-column: span 5; }
  .mediumtall-span-6 { grid-column: span 6; }
  .mediumtall-span-7 { grid-column: span 7; }
  .mediumtall-span-8 { grid-column: span 8; }
  .mediumtall-span-9 { grid-column: span 9; }
  .mediumtall-span-10 { grid-column: span 10; }
  .mediumtall-span-11 { grid-column: span 11; }
  .mediumtall-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; }

.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: 0.24em; top: 0px; }

.icon-before::before { display: inline-block; padding-inline-end: 0.24em; top: 0px; }

.icon-before::after { display: none; }

.icon-wrapper .icon, .icon-wrapper .more:not(.icon-before)::after, .icon-wrapper .icon-before::before, .icon-wrapper .icon-after::after { display: inline; position: static; }

.icon-wrapper.icon-clip .icon, .icon-wrapper.icon-clip .more:not(.icon-before)::after, .icon-wrapper.icon-clip .icon-before::before, .icon-wrapper.icon-clip .icon-after::after { position: static; }

a.icon-wrapper { text-decoration: none; }

a.icon-wrapper:hover .icon-copy { text-decoration: underline; }

.icon-apple::before, .icon-apple::after { content: ""; }

.icon-apple::before { padding-inline-end: 0px; }

.icon-applewithoutspace::before, .icon-applewithoutspace::after { content: ""; }

.icon-applewithoutspace::before { padding-inline-end: 0.12em; }

.icon-chevrondown::before, .icon-chevrondown::after { content: ""; }

:lang(ja) .icon-chevrondown::before { position: relative; top: -0.07em; }

:lang(ja) .icon-chevrondown::after { position: relative; top: -0.07em; }

.icon-chevrondowncircle::before, .icon-chevrondowncircle::after { content: ""; }

.icon-chevronleft::before, .icon-chevronleft::after { content: ""; }

:lang(ja) .icon-chevronleft::before { position: relative; top: -0.1em; }

:lang(ko) .icon-chevronleft::before { position: relative; top: -0.08em; }

:lang(ja) .icon-chevronleft::after { position: relative; top: -0.1em; }

:lang(ko) .icon-chevronleft::after { position: relative; top: -0.08em; }

.icon-chevronleftcircle::before, .icon-chevronleftcircle::after { content: ""; }

.icon-chevronright::before, .icon-chevronright::after { content: ""; }

:lang(ja) .icon-chevronright::before { position: relative; top: -0.1em; }

:lang(ko) .icon-chevronright::before { position: relative; top: -0.08em; }

:lang(ja) .icon-chevronright::after { position: relative; top: -0.1em; }

:lang(ko) .icon-chevronright::after { position: relative; top: -0.08em; }

.icon-chevronrightcircle::before, .icon-chevronrightcircle::after { content: ""; }

.icon-chevronup::before, .icon-chevronup::after { content: ""; }

:lang(ja) .icon-chevronup::before { position: relative; top: -0.1em; }

:lang(ja) .icon-chevronup::after { position: relative; top: -0.1em; }

.icon-chevronupcircle::before, .icon-chevronupcircle::after { content: ""; }

.icon-arrowdowncircle::before, .icon-arrowdowncircle::after { content: ""; }

.icon-arrowupcircle::before, .icon-arrowupcircle::after { content: "􀁶"; }

.icon-external::before, .icon-external::after { content: ""; }

:lang(ja) .icon-external::before { position: relative; top: -0.07em; }

:lang(ja) .icon-external::after { position: relative; top: -0.07em; }

.icon-share::before, .icon-share::after { content: ""; }

:lang(ja) .icon-share::before { position: relative; top: 0.03em; }

:lang(ja) .icon-share::after { position: relative; top: 0.03em; }

.icon-search::before, .icon-search::after { content: ""; }

.icon-arkit::before, .icon-arkit::after { content: ""; }

.icon-playcircle::before, .icon-playcircle::after { content: ""; }

.icon-playsolid::before, .icon-playsolid::after { content: ""; }

.icon-pausecircle::before, .icon-pausecircle::after { content: ""; }

.icon-pausesolid::before, .icon-pausesolid::after { content: ""; }

.icon-stopcircle::before, .icon-stopcircle::after { content: ""; }

.icon-stopsolid::before, .icon-stopsolid::after { content: ""; }

.icon-replay::before, .icon-replay::after { content: ""; }

.icon-replaycircle::before, .icon-replaycircle::after { content: "􀚁"; }

.icon-replaysolid::before, .icon-replaysolid::after { content: "􀚂"; }

.icon-refresh::before, .icon-refresh::after { content: ""; }

.icon-refreshcircle::before, .icon-refreshcircle::after { content: "􀚃"; }

.icon-refreshsolid::before, .icon-refreshsolid::after { content: "􀚄"; }

.icon-circle::before, .icon-circle::after { content: ""; }

.icon-check::before, .icon-check::after { content: ""; }

:lang(ja) .icon-check::before { position: relative; top: -0.1em; }

:lang(ja) .icon-check::after { position: relative; top: -0.1em; }

.icon-checkcircle::before, .icon-checkcircle::after { content: ""; }

.icon-checksolid::before, .icon-checksolid::after { content: ""; }

.icon-uturnbackward::before, .icon-uturnbackward::after { content: ""; }

.icon-uturnbackwardcircle::before, .icon-uturnbackwardcircle::after { content: "􀂎"; }

.icon-uturnbackwardsolid::before, .icon-uturnbackwardsolid::after { content: "􀂏"; }

.icon-uturnforward::before, .icon-uturnforward::after { content: ""; }

.icon-uturnforwardcircle::before, .icon-uturnforwardcircle::after { content: "􀂐"; }

.icon-uturnforwardsolid::before, .icon-uturnforwardsolid::after { content: "􀂑"; }

.icon-reset::before, .icon-reset::after { content: ""; }

:lang(ja) .icon-reset::before { position: relative; top: -0.07em; }

:lang(ja) .icon-reset::after { position: relative; top: -0.07em; }

.icon-resetcircle::before, .icon-resetcircle::after { content: ""; }

.icon-resetsolid::before, .icon-resetsolid::after { content: ""; }

.icon-ellipsiscircle::before, .icon-ellipsiscircle::after { content: "􀍡"; }

.icon-ellipsissolid::before, .icon-ellipsissolid::after { content: "􀍢"; }

.icon-exclamation::before, .icon-exclamation::after { content: ""; }

.icon-exclamationcircle::before, .icon-exclamationcircle::after { content: ""; }

.icon-exclamationsolid::before, .icon-exclamationsolid::after { content: ""; }

.icon-exclamationtriangle::before, .icon-exclamationtriangle::after { content: ""; }

:lang(ja) .icon-exclamationtriangle::before { position: relative; top: -0.05em; }

:lang(ja) .icon-exclamationtriangle::after { position: relative; top: -0.05em; }

.icon-exclamationtrianglesolid::before, .icon-exclamationtrianglesolid::after { content: ""; }

:lang(ja) .icon-exclamationtrianglesolid::before { position: relative; top: -0.05em; }

:lang(ja) .icon-exclamationtrianglesolid::after { position: relative; top: -0.05em; }

.icon-infocircle::before, .icon-infocircle::after { content: ""; }

.icon-infosolid::before, .icon-infosolid::after { content: ""; }

.icon-question::before, .icon-question::after { content: ""; }

.icon-questioncircle::before, .icon-questioncircle::after { content: ""; }

.icon-questionsolid::before, .icon-questionsolid::after { content: ""; }

.icon-plus::before, .icon-plus::after { content: ""; }

:lang(ja) .icon-plus::before { position: relative; top: -0.1em; }

:lang(ja) .icon-plus::after { position: relative; top: -0.1em; }

.icon-pluscircle::before, .icon-pluscircle::after { content: ""; }

.icon-plussolid::before, .icon-plussolid::after { content: ""; }

.icon-minus::before, .icon-minus::after { content: ""; }

:lang(ja) .icon-minus::before { position: relative; top: -0.1em; }

:lang(ja) .icon-minus::after { position: relative; top: -0.1em; }

.icon-minuscircle::before, .icon-minuscircle::after { content: ""; }

.icon-minussolid::before, .icon-minussolid::after { content: ""; }

.icon-1circle::before, .icon-1circle::after { content: ""; }

.icon-2circle::before, .icon-2circle::after { content: ""; }

.icon-3circle::before, .icon-3circle::after { content: ""; }

.icon-4circle::before, .icon-4circle::after { content: ""; }

.icon-5circle::before, .icon-5circle::after { content: ""; }

.icon-6circle::before, .icon-6circle::after { content: ""; }

.icon-7circle::before, .icon-7circle::after { content: ""; }

.icon-8circle::before, .icon-8circle::after { content: ""; }

.icon-9circle::before, .icon-9circle::after { content: ""; }

.icon-10circle::before, .icon-10circle::after { content: ""; }

.icon-11circle::before, .icon-11circle::after { content: ""; }

.icon-12circle::before, .icon-12circle::after { content: ""; }

.icon-13circle::before, .icon-13circle::after { content: ""; }

.icon-14circle::before, .icon-14circle::after { content: ""; }

.icon-15circle::before, .icon-15circle::after { content: ""; }

.icon-16circle::before, .icon-16circle::after { content: ""; }

.icon-17circle::before, .icon-17circle::after { content: ""; }

.icon-18circle::before, .icon-18circle::after { content: ""; }

.icon-19circle::before, .icon-19circle::after { content: ""; }

.icon-20circle::before, .icon-20circle::after { content: ""; }

.icon-close::before, .icon-close::after { content: ""; }

.icon-closecompact::before, .icon-closecompact::after { content: ""; }

.icon-paddleleft::before, .icon-paddleleft::after { content: ""; }

.icon-paddleleftcompact::before, .icon-paddleleftcompact::after { content: ""; }

.icon-paddleright::before, .icon-paddleright::after { content: ""; }

.icon-paddlerightcompact::before, .icon-paddlerightcompact::after { content: ""; }

.icon-paddleup::before, .icon-paddleup::after { content: ""; }

.icon-paddleupcompact::before, .icon-paddleupcompact::after { content: ""; }

.icon-paddledown::before, .icon-paddledown::after { content: ""; }

.icon-paddledowncompact::before, .icon-paddledowncompact::after { content: ""; }

.icon-thumbnailreplay::before, .icon-thumbnailreplay::after { content: ""; }

.icon-thumbnailpause::before, .icon-thumbnailpause::after { content: ""; }

.icon-thumbnailplay::before, .icon-thumbnailplay::after { content: ""; }

.icon-externalrtl::before, .icon-externalrtl::after { content: ""; }

.icon-questionrtl::before, .icon-questionrtl::after { content: ""; }

.icon-questioncirclertl::before, .icon-questioncirclertl::after { content: ""; }

.icon-questionsolidrtl::before, .icon-questionsolidrtl::after { content: ""; }

a.icon { text-decoration: none; }

a.icon:hover { text-decoration: underline; }

html:not([dir="rtl"]) .more::before, html:not([dir="rtl"]) .more::after { content: ""; }

html:not([dir="rtl"]):lang(ja) .more::before { position: relative; top: -0.1em; }

html:not([dir="rtl"]):lang(ko) .more::before { position: relative; top: -0.08em; }

html:not([dir="rtl"]):lang(ja) .more::after { position: relative; top: -0.1em; }

html:not([dir="rtl"]):lang(ko) .more::after { position: relative; top: -0.08em; }

html[dir="rtl"] .more::before, html[dir="rtl"] .more::after { content: ""; }

html[dir="rtl"]:lang(ja) .more::before { position: relative; top: -0.1em; }

html[dir="rtl"]:lang(ko) .more::before { position: relative; top: -0.08em; }

html[dir="rtl"]:lang(ja) .more::after { position: relative; top: -0.1em; }

html[dir="rtl"]:lang(ko) .more::after { position: relative; top: -0.08em; }

.more-block { margin-top: 0.5em; }

a.more { text-decoration: none; }

a.more:hover { text-decoration: underline; }

html:not([dir="rtl"]) .icon-chevronstart::before, html:not([dir="rtl"]) .icon-chevronstart::after { content: ""; }

html:not([dir="rtl"]):lang(ja) .icon-chevronstart::before { position: relative; top: -0.1em; }

html:not([dir="rtl"]):lang(ko) .icon-chevronstart::before { position: relative; top: -0.08em; }

html:not([dir="rtl"]):lang(ja) .icon-chevronstart::after { position: relative; top: -0.1em; }

html:not([dir="rtl"]):lang(ko) .icon-chevronstart::after { position: relative; top: -0.08em; }

html[dir="rtl"] .icon-chevronstart::before, html[dir="rtl"] .icon-chevronstart::after { content: ""; }

html[dir="rtl"]:lang(ja) .icon-chevronstart::before { position: relative; top: -0.1em; }

html[dir="rtl"]:lang(ko) .icon-chevronstart::before { position: relative; top: -0.08em; }

html[dir="rtl"]:lang(ja) .icon-chevronstart::after { position: relative; top: -0.1em; }

html[dir="rtl"]:lang(ko) .icon-chevronstart::after { position: relative; top: -0.08em; }

html:not([dir="rtl"]) .icon-chevronstartcircle::before, html:not([dir="rtl"]) .icon-chevronstartcircle::after { content: ""; }

html[dir="rtl"] .icon-chevronstartcircle::before, html[dir="rtl"] .icon-chevronstartcircle::after { content: ""; }

html:not([dir="rtl"]) .icon-chevronend::before, html:not([dir="rtl"]) .icon-chevronend::after { content: ""; }

html:not([dir="rtl"]):lang(ja) .icon-chevronend::before { position: relative; top: -0.1em; }

html:not([dir="rtl"]):lang(ko) .icon-chevronend::before { position: relative; top: -0.08em; }

html:not([dir="rtl"]):lang(ja) .icon-chevronend::after { position: relative; top: -0.1em; }

html:not([dir="rtl"]):lang(ko) .icon-chevronend::after { position: relative; top: -0.08em; }

html[dir="rtl"] .icon-chevronend::before, html[dir="rtl"] .icon-chevronend::after { content: ""; }

html[dir="rtl"]:lang(ja) .icon-chevronend::before { position: relative; top: -0.1em; }

html[dir="rtl"]:lang(ko) .icon-chevronend::before { position: relative; top: -0.08em; }

html[dir="rtl"]:lang(ja) .icon-chevronend::after { position: relative; top: -0.1em; }

html[dir="rtl"]:lang(ko) .icon-chevronend::after { position: relative; top: -0.08em; }

html:not([dir="rtl"]) .icon-chevronendcircle::before, html:not([dir="rtl"]) .icon-chevronendcircle::after { content: ""; }

html[dir="rtl"] .icon-chevronendcircle::before, html[dir="rtl"] .icon-chevronendcircle::after { content: ""; }

html[dir="rtl"] .icon-external::before, html[dir="rtl"] .icon-external::after { content: ""; }

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: ""; }

:lang(ar) .icon-questioncircle::before, :lang(ar) .icon-questioncircle::after { content: ""; }

:lang(ar) .icon-questionsolid::before, :lang(ar) .icon-questionsolid::after { content: ""; }

body { min-width: 320px; }

.large-hide { display: none; }

.large-show { display: block; }

.large-show-inline { display: inline; }

.large-show-inlineblock { display: inline-block; }

@media (min-width: 1441px) {
  .xlarge-hide { display: none; }
  .xlarge-show { display: block; }
  .xlarge-show-inline { display: inline; }
  .xlarge-show-inlineblock { display: inline-block; }
}

@media (max-width: 1068px) {
  .medium-hide { display: none; }
  .medium-show { display: block; }
  .medium-show-inline { display: inline; }
  .medium-show-inlineblock { display: inline-block; }
}

@media (max-width: 734px) {
  .small-hide { display: none; }
  .small-show { display: block; }
  .small-show-inline { display: inline; }
  .small-show-inlineblock { display: inline-block; }
}

@media (min-width: 1441px) and (min-height: 776px) {
  .xlargetall-hide { display: none; }
  .xlargetall-show { display: block; }
  .xlargetall-show-inline { display: inline; }
  .xlargetall-show-inlineblock { display: inline-block; }
}

@media (min-width: 1070px) and (max-width: 1440px) and (min-height: 776px) {
  .largetall-hide { display: none; }
  .largetall-show { display: block; }
  .largetall-show-inline { display: inline; }
  .largetall-show-inlineblock { display: inline-block; }
}

@media (min-width: 736px) and (max-width: 1069px) and (min-height: 734px) {
  .mediumtall-hide { display: none; }
  .mediumtall-show { display: block; }
  .mediumtall-show-inline { display: inline; }
  .mediumtall-show-inlineblock { display: inline-block; }
}

:root { --sk-glyph: rgb(0, 0, 0); --sk-glyph-gray: rgb(29, 29, 31); --sk-glyph-gray-alpha: rgba(0, 0, 0, 0.88); --sk-glyph-gray-secondary: rgb(110, 110, 115); --sk-glyph-gray-secondary-alpha: rgba(0, 0, 0, 0.56); --sk-glyph-gray-secondary-alt: rgb(66, 66, 69); --sk-glyph-gray-secondary-alt-alpha: rgba(0, 0, 0, 0.72); --sk-glyph-gray-tertiary: rgb(134, 134, 139); --sk-glyph-gray-tertiary-alpha: rgba(0, 0, 0, 0.48); --sk-glyph-blue: rgb(0, 102, 204); --sk-glyph-orange: rgb(182, 68, 0); --sk-glyph-green: rgb(0, 128, 9); --sk-glyph-red: rgb(227, 0, 0); --sk-fill: rgb(255, 255, 255); --sk-fill-secondary: rgb(250, 250, 252); --sk-fill-tertiary: rgb(245, 245, 247); --sk-fill-gray: rgb(29, 29, 31); --sk-fill-gray-alpha: rgba(0, 0, 0, 0.88); --sk-fill-gray-secondary: rgb(134, 134, 139); --sk-fill-gray-secondary-alpha: rgba(0, 0, 0, 0.48); --sk-fill-gray-tertiary: rgb(210, 210, 215); --sk-fill-gray-tertiary-alpha: rgba(0, 0, 0, 0.16); --sk-fill-gray-quaternary: rgb(232, 232, 237); --sk-fill-gray-quaternary-alpha: rgba(0, 0, 0, 0.08); --sk-fill-blue: rgb(0, 113, 227); --sk-fill-orange: rgb(245, 99, 0); --sk-fill-orange-secondary: rgb(255, 249, 244); --sk-fill-green: rgb(3, 161, 14); --sk-fill-green-secondary: rgb(245, 255, 246); --sk-fill-red: rgb(227, 0, 0); --sk-fill-red-secondary: rgb(255, 242, 244); --sk-fill-yellow: rgb(255, 224, 69); --sk-fill-yellow-secondary: rgb(255, 254, 242); --sk-productred: rgb(175, 30, 45); --sk-enviro-green: rgb(0, 217, 89); --sk-enviro-neutral: rgb(232, 232, 237); }

.button { --sk-button-color: rgb(255, 255, 255); --sk-button-color-hover: var(--sk-button-color); --sk-button-color-active: var(--sk-button-color-hover); --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.42); --sk-button-backdrop-filter: none; --sk-button-border-color: transparent; --sk-button-border-radius: 980px; --sk-button-margin-horizontal: 14px; --sk-button-margin-vertical: 14px; --sk-button-min-width-basis: 60px; --sk-button-padding-horizontal: 16px; --sk-button-padding-vertical: 9px; --sk-button-border-width: 1px; --sk-button-box-sizing: content-box; --sk-button-width: auto; --sk-button-display: inline-block; font-size: 14px; line-height: 1.28577; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; background: var(--sk-button-background); color: var(--sk-button-color); backdrop-filter: var(--sk-button-backdrop-filter); border-color: var(--sk-button-border-color); padding-block: calc(var(--sk-button-padding-vertical) - var(--sk-button-border-width)); padding-inline: calc(var(--sk-button-padding-horizontal) - var(--sk-button-border-width)); border-radius: var(--sk-button-border-radius); border-style: solid; border-width: var(--sk-button-border-width); width: var(--sk-button-width); min-width: calc(var(--sk-button-min-width-basis) - var(--sk-button-padding-horizontal)*2); cursor: pointer; display: var(--sk-button-display); box-sizing: var(--sk-button-box-sizing); text-align: center; text-decoration: none; white-space: nowrap; --sk-button-background: rgb(0, 113, 227); --sk-button-background-hover: #0076DF; --sk-button-background-active: #006EDB; }

.button:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button:lang(ja) { letter-spacing: 0em; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button:lang(ko) { letter-spacing: 0em; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button:lang(zh) { letter-spacing: 0em; }

.button:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.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; border-color: rgba(0, 0, 0, 0); }

.button:focus-visible { outline: 2px solid var(--sk-focus-color, #0071e3); outline-offset: var(--sk-focus-offset-container, 3px); }

.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 { pointer-events: none; opacity: var(--sk-button-disabled-opacity); }

.button-block { --sk-button-box-sizing: border-box; --sk-button-width: 100%; --sk-button-display: block; --sk-button-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); }

.button-secondary { --sk-button-background: transparent; --sk-button-background-hover: #0076DF; --sk-button-background-active: #006EDB; --sk-button-color: rgb(0, 102, 204); --sk-button-color-hover: rgb(255, 255, 255); --sk-button-border-color: rgb(0, 102, 204); }

.button-secondary-neutral { --sk-button-background: transparent; --sk-button-background-hover: #272729; --sk-button-background-active: #18181A; --sk-button-color: rgb(29, 29, 31); --sk-button-color-hover: rgb(255, 255, 255); --sk-button-border-color: rgb(29, 29, 31); }

.button-blur { --sk-button-backdrop-filter: blur(20px); }

.button-super { --sk-button-padding-horizontal: 31px; --sk-button-padding-vertical: 18px; --sk-button-min-width-basis: 90px; --sk-button-margin-horizontal: 22px; --sk-button-margin-vertical: 22px; font-size: 17px; line-height: 1.17648; font-weight: 400; letter-spacing: -0.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-super:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-super:lang(ja) { letter-spacing: 0em; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-super:lang(ko) { letter-spacing: 0em; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-super:lang(zh) { letter-spacing: 0em; }

.button-super:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-super:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-super:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-super:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-super:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-super.button-block { --sk-button-border-radius: 12px; --sk-button-margin-horizontal: 14px; --sk-button-margin-vertical: 14px; }

.button-elevated { --sk-button-padding-horizontal: 22px; --sk-button-padding-vertical: 12px; --sk-button-min-width-basis: 70px; --sk-button-margin-horizontal: 18px; --sk-button-margin-vertical: 18px; font-size: 17px; line-height: 1.17648; font-weight: 400; letter-spacing: -0.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-elevated:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-elevated:lang(ja) { letter-spacing: 0em; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-elevated:lang(ko) { letter-spacing: 0em; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-elevated:lang(zh) { letter-spacing: 0em; }

.button-elevated:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-elevated:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-elevated:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-elevated:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-elevated:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-elevated.button-block { --sk-button-border-radius: 10px; --sk-button-margin-horizontal: 11px; --sk-button-margin-vertical: 11px; }

.button-reduced { --sk-button-padding-horizontal: 11px; --sk-button-padding-vertical: 4px; --sk-button-min-width-basis: 45px; --sk-button-margin-horizontal: 10px; --sk-button-margin-vertical: 10px; font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -0.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-reduced:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-reduced:lang(ja) { letter-spacing: 0em; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-reduced:lang(ko) { letter-spacing: 0em; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-reduced:lang(zh) { letter-spacing: 0em; }

.button-reduced:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-reduced:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-reduced:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-reduced:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-reduced:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.button-reduced.button-block { --sk-button-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); }

.dotnav { --sk-dotnav-size: 8px; --sk-dotnav-height: calc(var(--sk-dotnav-margin-block) * 2 + var(--sk-dotnav-size)); --sk-dotnav-width: var(--sk-dotnav-size); --sk-dotnav-scale: 1; --sk-dotnav-scale-2: 0.75; --sk-dotnav-scale-3: 0.5; --sk-dotnav-opacity: 1; --sk-dotnav-margin-block: 8px; --sk-dotnav-margin-inline: 8px; --sk-dotnav-scrim-height: 56px; --sk-dotnav-items-padding-block: 0px; --sk-dotnav-items-padding-inline: 0px; --sk-dotnav-variable-duration: 320ms; --sk-dotnav-margin-offset-inline-start: 0px; --sk-dotnav-margin-offset-inline-end: 0px; --sk-dotnav-logical-factor: var(--r-sk-logical-factor, 1); --sk-dotnav-fade-in-out-duration: calc(var(--sk-dotnav-variable-duration) / 2 - 20ms); --sk-dotnav-fade-in-delay: calc(var(--sk-dotnav-variable-duration) - var(--sk-dotnav-fade-in-out-duration)); --sk-dotnav-hover-animation-duration: 120ms; --sk-dotnav-animation-stagger-duration: 40ms; --sk-dotnav-animation-collapse-duration: 380ms; --sk-dotnav-background: rgba(0, 0, 0, 0.42); --sk-dotnav-background-hover: rgba(0, 0, 0, 0.54); --sk-dotnav-background-current: rgba(0, 0, 0, 0.8); --sk-dotnav-focus-color: #0071e3; --sk-dotnav-scrim-background-color: rgba(210, 210, 215, 0.64); --sk-dotnav-scrim-solid-background-color: rgb(232, 232, 237); width: fit-content; }

.dotnav.dotnav-scrim, .dotnav.dotnav-scrim-solid, .dotnav.dotnav-scrim-no-blur { --sk-dotnav-background: rgba(0, 0, 0, 0.48); --sk-dotnav-background-current: rgb(0, 0, 0); --sk-dotnav-background-hover: rgba(0, 0, 0, 0.72); --sk-dotnav-focus-color: #0071e3; }

.dotnav .dotnav-stop-transitions .dotnav-link { transition: none !important; }

.dotnav .dotnav-stop-transitions .dotnav-link::before { transition: none !important; }

.dotnav .dotnav-items { margin: 0px; list-style: none; --sk-dotnav-count: 2; --sk-dotnav-width: calc(var(--sk-dotnav-size) * var(--sk-dotnav-count) + var(--sk-dotnav-margin-inline) * var(--sk-dotnav-count) * 2); position: relative; display: flex; align-items: center; justify-content: center; overflow-x: hidden; padding-block: var(--sk-dotnav-items-padding-block); padding-inline: var(--sk-dotnav-items-padding-inline); height: var(--sk-dotnav-height); width: var(--sk-dotnav-width); }

.dotnav .dotnav-items:has(:nth-child(2)) { --sk-dotnav-count: 2; }

.dotnav .dotnav-items:has(:nth-child(3)) { --sk-dotnav-count: 3; }

.dotnav .dotnav-items:has(:nth-child(4)) { --sk-dotnav-count: 4; }

.dotnav .dotnav-items:has(:nth-child(5)) { --sk-dotnav-count: 5; }

.dotnav .dotnav-items:has(:nth-child(6)) { --sk-dotnav-count: 6; }

.dotnav .dotnav-items:has(:nth-child(7)) { --sk-dotnav-count: 7; }

.dotnav .dotnav-items.dotnav-links-small:has(:nth-child(2)) { --sk-dotnav-count: 2; }

.dotnav .dotnav-items.dotnav-links-small:has(:nth-child(3)) { --sk-dotnav-count: 3; }

.dotnav .dotnav-items.dotnav-links-small:has(:nth-child(4)) { --sk-dotnav-count: 4; }

.dotnav .dotnav-items.dotnav-links-small:has(:nth-child(5)) { --sk-dotnav-count: 5; }

.dotnav .dotnav-items:focus-visible { outline: none; }

.dotnav .dotnav-items.dotnav-links-small { --sk-dotnav-count: 2; --sk-dotnav-width: calc(var(--sk-dotnav-size) * var(--sk-dotnav-count) + var(--sk-dotnav-margin-inline) * var(--sk-dotnav-count) * 2); }

.dotnav .dotnav-items.dotnav-links-small:has(:nth-child(2)) { --sk-dotnav-count: 2; }

.dotnav .dotnav-items.dotnav-links-small:has(:nth-child(3)) { --sk-dotnav-count: 3; }

.dotnav .dotnav-items.dotnav-links-small:has(:nth-child(4)) { --sk-dotnav-count: 4; }

.dotnav .dotnav-items.dotnav-links-small:has(:nth-child(5)) { --sk-dotnav-count: 5; }

.dotnav .dotnav-items.dotnav-links-small:has(:nth-child(6)) { --sk-dotnav-count: 6; }

.dotnav .dotnav-items.dotnav-links-small:has(:nth-child(7)) { --sk-dotnav-count: 7; }

.dotnav .dotnav-items.dotnav-links-small.dotnav-links-small:has(:nth-child(2)) { --sk-dotnav-count: 2; }

.dotnav .dotnav-items.dotnav-links-small.dotnav-links-small:has(:nth-child(3)) { --sk-dotnav-count: 3; }

.dotnav .dotnav-items.dotnav-links-small.dotnav-links-small:has(:nth-child(4)) { --sk-dotnav-count: 4; }

.dotnav .dotnav-items.dotnav-links-small.dotnav-links-small:has(:nth-child(5)) { --sk-dotnav-count: 5; }

.dotnav .dotnav-link { outline: none; box-sizing: content-box; display: block; position: relative; padding-block: var(--sk-dotnav-margin-block); padding-inline: var(--sk-dotnav-margin-inline); height: var(--sk-dotnav-size); width: var(--sk-dotnav-size); margin-inline-start: var(--sk-dotnav-margin-offset-inline-start); margin-inline-end: var(--sk-dotnav-margin-offset-inline-end); user-select: none; transition: height var(--sk-dotnav-hover-animation-duration) linear,width var(--sk-dotnav-hover-animation-duration) linear; }

.dotnav .dotnav-link::before { content: ""; display: block; border-radius: 999px; position: absolute; top: calc(50% - var(--sk-dotnav-size)/2); left: calc(50% - var(--sk-dotnav-size)/2); scale: var(--sk-dotnav-scale); height: var(--sk-dotnav-size); width: var(--sk-dotnav-size); background: var(--sk-dotnav-background); opacity: var(--sk-dotnav-opacity); transition: background-color var(--sk-dotnav-hover-animation-duration) linear,transform var(--sk-dotnav-hover-animation-duration) ease-in-out,scale var(--sk-dotnav-hover-animation-duration) ease-in-out; }

.dotnav .dotnav-link:hover::before { background: var(--sk-dotnav-background-hover); transition: top var(--sk-dotnav-hover-animation-duration) linear,left var(--sk-dotnav-hover-animation-duration) linear,height var(--sk-dotnav-hover-animation-duration) linear,width var(--sk-dotnav-hover-animation-duration) linear,scale var(--sk-dotnav-hover-animation-duration) linear,transform var(--sk-dotnav-hover-animation-duration) linear; }

.dotnav .dotnav-focused.dotnav-item .dotnav-link::before, .dotnav .dotnav-focused.dotnav-link::before { transition: none; }

.dotnav .current.dotnav-item .dotnav-link, .dotnav .current.dotnav-link { cursor: default; pointer-events: none; }

.dotnav .current.dotnav-item .dotnav-link::before, .dotnav .current.dotnav-link::before { background: var(--sk-dotnav-background-current); }

.dotnav .dotnav-items:has(:focus-visible) .dotnav-focused.dotnav-item .dotnav-link::before, .dotnav .dotnav-items:has(:focus-visible) .dotnav-focused.dotnav-link::before { outline: 2px solid var(--sk-dotnav-focus-color); outline-offset: var(--sk-focus-offset-container, 3px); }

.dotnav .dotnav-trunc-2 { --sk-dotnav-scale: var(--sk-dotnav-scale-2); }

.dotnav .dotnav-trunc-2 .dotnav-link:hover::before { --sk-dotnav-size: calc((1/var(--sk-dotnav-scale)) * 8px); }

.dotnav .dotnav-trunc-3 { --sk-dotnav-scale: var(--sk-dotnav-scale-3); }

.dotnav .dotnav-trunc-3 .dotnav-link:hover::before { --sk-dotnav-size: calc((1/var(--sk-dotnav-scale)) * 6px); }

.dotnav .dotnav-transitioning .dotnav-link { pointer-events: none; }

.dotnav .dotnav-transitioning .dotnav-link::before { transition: transform var(--sk-dotnav-variable-duration) ease-in-out,scale var(--sk-dotnav-variable-duration) ease-in-out; pointer-events: none; }

.dotnav .dotnav-trunc-4, .dotnav .dotnav-trunc-hidden { --sk-dotnav-scale: var(--sk-dotnav-scale-3); --sk-dotnav-margin-block: 0; --sk-dotnav-margin-inline: 0; --sk-dotnav-size: 0; --sk-dotnav-opacity: 0; }

.dotnav .dotnav-trunc-4:not(.dotnav-transitioning), .dotnav .dotnav-trunc-hidden:not(.dotnav-transitioning) { position: absolute; top: 0px; left: 0px; }

.dotnav .dotnav-trunc-4:not(.dotnav-transitioning) .dotnav-link, .dotnav .dotnav-trunc-hidden:not(.dotnav-transitioning) .dotnav-link { position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; }

.dotnav .dotnav-trunc-4 .dotnav-link, .dotnav .dotnav-trunc-hidden .dotnav-link { transition: width var(--sk-dotnav-variable-duration) ease-in-out,height var(--sk-dotnav-variable-duration) ease-in-out,padding-block var(--sk-dotnav-variable-duration) ease-in-out,padding-inline var(--sk-dotnav-variable-duration) ease-in-out,padding var(--sk-dotnav-variable-duration) ease-in-out; }

.dotnav .dotnav-trunc-4 .dotnav-link::before, .dotnav .dotnav-trunc-hidden .dotnav-link::before { transition: width var(--sk-dotnav-variable-duration) ease-in-out,height var(--sk-dotnav-variable-duration) ease-in-out,left var(--sk-dotnav-variable-duration) ease-in-out,opacity var(--sk-dotnav-variable-duration) ease-in-out,background-color var(--sk-dotnav-variable-duration) ease-in-out,scale var(--sk-dotnav-variable-duration) ease-in-out,transform var(--sk-dotnav-variable-duration) ease-in-out; }

.dotnav .dotnav-trunc-4.dotnav-dot-stop-transitions .dotnav-link, .dotnav .dotnav-trunc-hidden.dotnav-dot-stop-transitions .dotnav-link { transition: none !important; }

.dotnav .dotnav-trunc-4.dotnav-dot-stop-transitions .dotnav-link::before, .dotnav .dotnav-trunc-hidden.dotnav-dot-stop-transitions .dotnav-link::before { transition: none !important; }

.dotnav .dotnav-becoming-visible-1 .dotnav-link { animation: dotnav-become-visible var(--sk-dotnav-fade-in-out-duration) ease-in-out calc(var(--sk-dotnav-fade-in-delay) - var(--sk-dotnav-animation-stagger-duration)*2) both; }

.dotnav .dotnav-becoming-invisible-1 .dotnav-link { animation: dotnav-become-invisible var(--sk-dotnav-fade-in-out-duration) ease-in-out calc(var(--sk-dotnav-animation-stagger-duration)*0) both; }

.dotnav .dotnav-becoming-visible-2 .dotnav-link { animation: dotnav-become-visible var(--sk-dotnav-fade-in-out-duration) ease-in-out calc(var(--sk-dotnav-fade-in-delay) - var(--sk-dotnav-animation-stagger-duration)*1) both; }

.dotnav .dotnav-becoming-invisible-2 .dotnav-link { animation: dotnav-become-invisible var(--sk-dotnav-fade-in-out-duration) ease-in-out calc(var(--sk-dotnav-animation-stagger-duration)*1) both; }

.dotnav .dotnav-becoming-visible-3 .dotnav-link { animation: dotnav-become-visible var(--sk-dotnav-fade-in-out-duration) ease-in-out calc(var(--sk-dotnav-fade-in-delay) - var(--sk-dotnav-animation-stagger-duration)*0) both; }

.dotnav .dotnav-becoming-invisible-3 .dotnav-link { animation: dotnav-become-invisible var(--sk-dotnav-fade-in-out-duration) ease-in-out calc(var(--sk-dotnav-animation-stagger-duration)*2) both; }

@keyframes dotnav-shift-start-1 { 
  0% { translate: calc(8px*var(--sk-dotnav-logical-factor)); }
  100% { translate: 0px; }
}

@keyframes dotnav-shift-end-1 { 
  0% { translate: calc(-8px*var(--sk-dotnav-logical-factor)); }
  100% { translate: 0px; }
}

@keyframes dotnav-shift-start-2 { 
  0% { translate: calc(16px*var(--sk-dotnav-logical-factor)); }
  100% { translate: 0px; }
}

@keyframes dotnav-shift-end-2 { 
  0% { translate: calc(-16px*var(--sk-dotnav-logical-factor)); }
  100% { translate: 0px; }
}

@keyframes dotnav-shift-start-3 { 
  0% { translate: calc(24px*var(--sk-dotnav-logical-factor)); }
  100% { translate: 0px; }
}

@keyframes dotnav-shift-end-3 { 
  0% { translate: calc(-24px*var(--sk-dotnav-logical-factor)); }
  100% { translate: 0px; }
}

@keyframes dotnav-shift-start-expand { 
  0% { translate: calc(-24px*var(--sk-dotnav-logical-factor)); }
  19% { translate: calc(-24px*var(--sk-dotnav-logical-factor)); }
  100% { translate: 0px; }
}

@keyframes dotnav-shift-end-expand { 
  0% { translate: calc(20px*var(--sk-dotnav-logical-factor)); }
  19% { translate: calc(20px*var(--sk-dotnav-logical-factor)); }
  100% { translate: 0px; }
}

@keyframes dotnav-become-visible { 
  0% { opacity: 0; scale: 0; }
  100% { opacity: 1; scale: 1; }
}

@keyframes dotnav-become-invisible { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

.dotnav .dotnav-shift-start-1 .dotnav-link::before { animation: dotnav-shift-start-1 var(--sk-dotnav-variable-duration) ease-in-out both; }

.dotnav .dotnav-shift-start-2 .dotnav-link::before { animation: dotnav-shift-start-2 var(--sk-dotnav-variable-duration) ease-in-out both; }

.dotnav .dotnav-shift-start-3 .dotnav-link::before { animation: dotnav-shift-start-3 var(--sk-dotnav-variable-duration) ease-in-out both; }

.dotnav .dotnav-shift-end-1 .dotnav-link::before { animation: dotnav-shift-end-1 var(--sk-dotnav-variable-duration) ease-in-out both; }

.dotnav .dotnav-shift-end-2 .dotnav-link::before { animation: dotnav-shift-end-2 var(--sk-dotnav-variable-duration) ease-in-out both; }

.dotnav .dotnav-shift-end-3 .dotnav-link::before { animation: dotnav-shift-end-3 var(--sk-dotnav-variable-duration) ease-in-out both; }

.dotnav .dotnav-collapse { transition: width var(--sk-dotnav-variable-duration) ease-in-out 60ms; }

.dotnav .dotnav-collapse .dotnav-dot-4 .dotnav-link::before, .dotnav .dotnav-collapse .dotnav-dot-5 .dotnav-link::before { transition: transform 320ms ease-in-out 60ms; }

.dotnav .dotnav-collapse .dotnav-dot-6 .dotnav-link::before { transition: opacity 160ms ease-in-out 80ms, transform 160ms ease-in-out 80ms; }

.dotnav .dotnav-collapse .dotnav-dot-7 .dotnav-link::before { transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; }

.dotnav .dotnav-expand { transition: width var(--sk-dotnav-variable-duration) ease-in-out; }

.dotnav .dotnav-expand.dotnav-expand-left .dotnav-link::before { animation: dotnav-shift-start-expand var(--sk-dotnav-variable-duration) both; }

.dotnav .dotnav-expand.dotnav-expand-right .dotnav-link::before { animation: dotnav-shift-end-expand var(--sk-dotnav-variable-duration) both; }

.dotnav .dotnav-expand .dotnav-dot-6 .dotnav-link::before { transition: opacity 160ms ease-in-out 120ms, padding-block ease-in-out 120ms, padding-inline ease-in-out 120ms, transform 120ms ease-in-out 160ms; }

.dotnav .dotnav-expand .dotnav-dot-7 .dotnav-link::before { transition: opacity 160ms ease-in-out 200ms, transform 160ms ease-in-out 200ms; }

.dotnav.dotnav-scrim { --sk-dotnav-items-padding-inline: calc((var(--sk-dotnav-scrim-height) - var(--sk-dotnav-size) - (var(--sk-dotnav-margin-inline) * 2)) / 2); --sk-dotnav-height: var(--sk-dotnav-scrim-height); --sk-dotnav-scrim-backdrop-filter: saturate(180%) blur(20px); }

.dotnav.dotnav-scrim .dotnav-items { border-radius: 999px; background: var(--sk-dotnav-scrim-background-color); backdrop-filter: var(--sk-dotnav-scrim-backdrop-filter); }

.dotnav.dotnav-scrim-solid { --sk-dotnav-items-padding-inline: calc((var(--sk-dotnav-scrim-height) - var(--sk-dotnav-size) - (var(--sk-dotnav-margin-inline) * 2)) / 2); --sk-dotnav-height: var(--sk-dotnav-scrim-height); --sk-dotnav-scrim-backdrop-filter: none; }

.dotnav.dotnav-scrim-solid .dotnav-items { border-radius: 999px; background: var(--sk-dotnav-scrim-background-color); backdrop-filter: var(--sk-dotnav-scrim-backdrop-filter); }

.dotnav.dotnav-scrim-solid .dotnav-items { background: var(--sk-dotnav-scrim-solid-background-color); }

.dotnav.dotnav-scrim-no-blur { --sk-dotnav-items-padding-inline: calc((var(--sk-dotnav-scrim-height) - var(--sk-dotnav-size) - (var(--sk-dotnav-margin-inline) * 2)) / 2); --sk-dotnav-height: var(--sk-dotnav-scrim-height); --sk-dotnav-scrim-backdrop-filter: none; }

.dotnav.dotnav-scrim-no-blur .dotnav-items { border-radius: 999px; background: var(--sk-dotnav-scrim-background-color); backdrop-filter: var(--sk-dotnav-scrim-backdrop-filter); }

.dotnav-timed { --sk-dotnav-timed-track-width: 32px; --sk-dotnav-timed-duration: 3000ms; --sk-dotnav-iconcontrol-margin: 4px; --sk-dotnav-iconcontrol-icon-size: 36px; --sk-dotnav-iconcontrol-border-radius: 0px; --sk-dotnav-timed-track-color: rgb(0, 0, 0); --sk-dotnav-timed-track-background-color: rgba(0, 0, 0, 0.42); --sk-dotnav-scrim-timed-track-color: rgb(0, 0, 0); --sk-dotnav-scrim-timed-track-background-color: rgba(0, 0, 0, 0.48); --sk-dotnav-iconcontrol-content-color: rgba(0, 0, 0, 0.42); --sk-dotnav-iconcontrol-content-color-hover: rgba(0, 0, 0, 0.54); --sk-dotnav-scrim-iconcontrol-scrim-color: rgba(210, 210, 215, 0.64); --sk-dotnav-scrim-iconcontrol-scrim-color-hover: rgba(222.9661016949, 222.9661016949, 226.5254237288, 0.6976); --sk-dotnav-scrim-iconcontrol-scrim-color-active: rgba(192.9186602871, 192.9186602871, 197.5119617225, 0.6544); --sk-dotnav-scrim-iconcontrol-content-color: rgba(0, 0, 0, 0.48); --sk-dotnav-scrim-iconcontrol-content-color-hover: rgba(0, 0, 0, 0.72); --sk-dotnav-scrim-solid-iconcontrol-scrim-color: rgb(232, 232, 237); --sk-dotnav-scrim-solid-iconcontrol-scrim-color-hover: rgb(235.68, 235.68, 239.88); --sk-dotnav-scrim-solid-iconcontrol-scrim-color-active: rgb(222.72, 222.72, 227.52); --sk-dotnav-scrim-solid-iconcontrol-content-color: rgba(0, 0, 0, 0.48); --sk-dotnav-scrim-solid-iconcontrol-content-color-hover: rgba(0, 0, 0, 0.72); display: flex; align-items: center; flex-direction: row-reverse; }

@keyframes dotnav-timed-animation { 
  0% { width: var(--sk-dotnav-size); }
  100% { width: calc(100% - var(--sk-dotnav-margin-inline)*2); }
}

@keyframes dotnav-timed-dot-expand { 
  0% { left: calc(50% - var(--sk-dotnav-size)/2); width: 8px; }
  100% { left: calc(50% - 16px); width: 32px; }
}

@keyframes dotnav-timed-dot-shrink { 
  0% { left: calc(50% - 16px); width: 32px; }
  100% { left: calc(50% - var(--sk-dotnav-size)/2); width: 8px; }
}

.dotnav-timed .dotnav-items { width: calc(var(--sk-dotnav-width) + var(--sk-dotnav-timed-track-width) - var(--sk-dotnav-size)); }

.dotnav-timed .dotnav-link { transition: width 250ms linear; }

.dotnav-timed .dotnav-link::after { content: ""; position: absolute; display: block; inset-block: var(--sk-dotnav-margin-block); left: var(--sk-dotnav-margin-inline); width: var(--sk-dotnav-size); border-radius: 999px; opacity: 0; animation-iteration-count: 1; animation-play-state: paused; animation-fill-mode: forwards; animation-duration: var(--sk-dotnav-timed-duration); animation-timing-function: linear; }

.dotnav-timed .dotnav-focused.dotnav-item .dotnav-link, .dotnav-timed .dotnav-focused.dotnav-link { width: var(--sk-dotnav-timed-track-width); }

.dotnav-timed .dotnav-focused.dotnav-item .dotnav-link::before, .dotnav-timed .dotnav-focused.dotnav-link::before { left: calc(50% - 16px); width: calc(100% - var(--sk-dotnav-margin-inline)*2); background: var(--sk-dotnav-timed-track-background-color); animation: 250ms ease-in 0s 1 normal none running dotnav-timed-dot-expand; }

.dotnav-timed .current:not(.dotnav-focused).dotnav-item .dotnav-link::before, .dotnav-timed .current:not(.dotnav-focused).dotnav-link::before { background: var(--sk-dotnav-background-current); }

.dotnav-timed .current.dotnav-focused.dotnav-item .dotnav-link, .dotnav-timed .current.dotnav-focused.dotnav-link { width: var(--sk-dotnav-timed-track-width); pointer-events: none; }

.dotnav-timed .current.dotnav-focused.dotnav-item .dotnav-link::before, .dotnav-timed .current.dotnav-focused.dotnav-link::before { left: calc(50% - 16px); width: calc(100% - var(--sk-dotnav-margin-inline)*2); background: var(--sk-dotnav-timed-track-background-color); animation: 250ms ease-in 0s 1 normal none running dotnav-timed-dot-expand; }

.dotnav-timed .current.dotnav-focused.dotnav-item .dotnav-link::after, .dotnav-timed .current.dotnav-focused.dotnav-link::after { background: var(--sk-dotnav-background-current); animation-name: dotnav-timed-animation; animation-play-state: running; animation-delay: calc(var(--sk-dotnav-variable-duration) - 160ms); opacity: 1; transition: opacity 80ms ease-in calc(var(--sk-dotnav-variable-duration) - 80ms); }

.dotnav-timed .dotnav-previous-current.dotnav-item .dotnav-link::before, .dotnav-timed .dotnav-previous-current.dotnav-link::before { animation: 250ms ease-out 0s 1 normal none running dotnav-timed-dot-shrink; transition: scale calc(var(--sk-dotnav-variable-duration) - 200ms) ease-in-out 200ms; }

.dotnav-timed .dotnav-previous-current.dotnav-item .dotnav-link:hover::before, .dotnav-timed .dotnav-previous-current.dotnav-link:hover::before { transition: top var(--sk-dotnav-hover-animation-duration) linear,left var(--sk-dotnav-hover-animation-duration) linear,height var(--sk-dotnav-hover-animation-duration) linear,width var(--sk-dotnav-hover-animation-duration) linear,scale var(--sk-dotnav-hover-animation-duration) linear,transform var(--sk-dotnav-hover-animation-duration) linear; }

.dotnav-timed .dotnav-focused.dotnav-item.dotnav-shift-start-1 .dotnav-link::before { animation: dotnav-timed-dot-expand 250ms ease-in,dotnav-shift-start-1 var(--sk-dotnav-variable-duration) ease-in-out both; }

.dotnav-timed .dotnav-focused.dotnav-item.dotnav-shift-start-2 .dotnav-link::before { animation: dotnav-timed-dot-expand 250ms ease-in,dotnav-shift-start-2 var(--sk-dotnav-variable-duration) ease-in-out both; }

.dotnav-timed .dotnav-focused.dotnav-item.dotnav-shift-start-3 .dotnav-link::before { animation: dotnav-timed-dot-expand 250ms ease-in,dotnav-shift-start-3 var(--sk-dotnav-variable-duration) ease-in-out both; }

.dotnav-timed .dotnav-focused.dotnav-item.dotnav-shift-end-1 .dotnav-link::before { animation: dotnav-timed-dot-expand 250ms ease-in,dotnav-shift-end-1 var(--sk-dotnav-variable-duration) ease-in-out both; }

.dotnav-timed .dotnav-focused.dotnav-item.dotnav-shift-end-2 .dotnav-link::before { animation: dotnav-timed-dot-expand 250ms ease-in,dotnav-shift-end-2 var(--sk-dotnav-variable-duration) ease-in-out both; }

.dotnav-timed .dotnav-focused.dotnav-item.dotnav-shift-end-3 .dotnav-link::before { animation: dotnav-timed-dot-expand 250ms ease-in,dotnav-shift-end-3 var(--sk-dotnav-variable-duration) ease-in-out both; }

.dotnav-timed .dotnav-previous-current.dotnav-item.dotnav-shift-start-1 .dotnav-link::before { animation: dotnav-timed-dot-shrink 250ms ease-out,dotnav-shift-start-1 var(--sk-dotnav-variable-duration) ease-in-out both; }

.dotnav-timed .dotnav-previous-current.dotnav-item.dotnav-shift-start-2 .dotnav-link::before { animation: dotnav-timed-dot-shrink 250ms ease-out,dotnav-shift-start-2 var(--sk-dotnav-variable-duration) ease-in-out both; }

.dotnav-timed .dotnav-previous-current.dotnav-item.dotnav-shift-start-3 .dotnav-link::before { animation: dotnav-timed-dot-shrink 250ms ease-out,dotnav-shift-start-3 var(--sk-dotnav-variable-duration) ease-in-out both; }

.dotnav-timed .dotnav-previous-current.dotnav-item.dotnav-shift-end-1 .dotnav-link::before { animation: dotnav-timed-dot-shrink 250ms ease-out,dotnav-shift-end-1 var(--sk-dotnav-variable-duration) ease-in-out both; }

.dotnav-timed .dotnav-previous-current.dotnav-item.dotnav-shift-end-2 .dotnav-link::before { animation: dotnav-timed-dot-shrink 250ms ease-out,dotnav-shift-end-2 var(--sk-dotnav-variable-duration) ease-in-out both; }

.dotnav-timed .dotnav-previous-current.dotnav-item.dotnav-shift-end-3 .dotnav-link::before { animation: dotnav-timed-dot-shrink 250ms ease-out,dotnav-shift-end-3 var(--sk-dotnav-variable-duration) ease-in-out both; }

.dotnav-timed .dotnav-trunc-4.dotnav-previous-current.dotnav-item.dotnav-shift-start-1 .dotnav-link::before { animation: dotnav-timed-dot-shrink 250ms ease-out,dotnav-shift-start-1 calc(var(--sk-dotnav-variable-duration) - 80ms) ease-in-out 80ms both; transition: left 250ms linear,width var(--sk-dotnav-variable-duration) linear,height var(--sk-dotnav-variable-duration) ease-in-out,opacity 140ms ease-in-out,background-color var(--sk-dotnav-variable-duration) ease-in-out,transform var(--sk-dotnav-variable-duration) ease-in-out,scale 0ms 140ms; }

.dotnav-timed .dotnav-trunc-4.dotnav-previous-current.dotnav-item.dotnav-shift-start-2 .dotnav-link::before { animation: dotnav-timed-dot-shrink 250ms ease-out,dotnav-shift-start-2 calc(var(--sk-dotnav-variable-duration) - 80ms) ease-in-out 80ms both; transition: left 250ms linear,width var(--sk-dotnav-variable-duration) linear,height var(--sk-dotnav-variable-duration) ease-in-out,opacity 140ms ease-in-out,background-color var(--sk-dotnav-variable-duration) ease-in-out,transform var(--sk-dotnav-variable-duration) ease-in-out,scale 0ms 140ms; }

.dotnav-timed .dotnav-trunc-4.dotnav-previous-current.dotnav-item.dotnav-shift-start-3 .dotnav-link::before { animation: dotnav-timed-dot-shrink 250ms ease-out,dotnav-shift-start-3 calc(var(--sk-dotnav-variable-duration) - 80ms) ease-in-out 80ms both; transition: left 250ms linear,width var(--sk-dotnav-variable-duration) linear,height var(--sk-dotnav-variable-duration) ease-in-out,opacity 140ms ease-in-out,background-color var(--sk-dotnav-variable-duration) ease-in-out,transform var(--sk-dotnav-variable-duration) ease-in-out,scale 0ms 140ms; }

.dotnav-timed .dotnav-trunc-4.dotnav-previous-current.dotnav-item.dotnav-shift-end-1 .dotnav-link::before { animation: dotnav-timed-dot-shrink 250ms ease-out,dotnav-shift-end-1 calc(var(--sk-dotnav-variable-duration) - 80ms) ease-in-out 80ms both; transition: left 250ms linear,width var(--sk-dotnav-variable-duration) linear,height var(--sk-dotnav-variable-duration) ease-in-out,opacity 140ms ease-in-out,background-color var(--sk-dotnav-variable-duration) ease-in-out,transform var(--sk-dotnav-variable-duration) ease-in-out,scale 0ms 140ms; }

.dotnav-timed .dotnav-trunc-4.dotnav-previous-current.dotnav-item.dotnav-shift-end-2 .dotnav-link::before { animation: dotnav-timed-dot-shrink 250ms ease-out,dotnav-shift-end-2 calc(var(--sk-dotnav-variable-duration) - 80ms) ease-in-out 80ms both; transition: left 250ms linear,width var(--sk-dotnav-variable-duration) linear,height var(--sk-dotnav-variable-duration) ease-in-out,opacity 140ms ease-in-out,background-color var(--sk-dotnav-variable-duration) ease-in-out,transform var(--sk-dotnav-variable-duration) ease-in-out,scale 0ms 140ms; }

.dotnav-timed .dotnav-trunc-4.dotnav-previous-current.dotnav-item.dotnav-shift-end-3 .dotnav-link::before { animation: dotnav-timed-dot-shrink 250ms ease-out,dotnav-shift-end-3 calc(var(--sk-dotnav-variable-duration) - 80ms) ease-in-out 80ms both; transition: left 250ms linear,width var(--sk-dotnav-variable-duration) linear,height var(--sk-dotnav-variable-duration) ease-in-out,opacity 140ms ease-in-out,background-color var(--sk-dotnav-variable-duration) ease-in-out,transform var(--sk-dotnav-variable-duration) ease-in-out,scale 0ms 140ms; }

.dotnav-timed.dotnav-timed-paused .current.dotnav-item .dotnav-link::after, .dotnav-timed.dotnav-timed-paused .current.dotnav-link::after { animation-play-state: paused; }

.dotnav-timed.dotnav-stop-transitions .dotnav-items .dotnav-link { transition: none; }

.dotnav-timed.dotnav-stop-transitions .dotnav-items .dotnav-link::before { transition: background-color var(--sk-dotnav-hover-animation-duration) linear; }

.dotnav-timed.dotnav-stop-transitions .dotnav-items .dotnav-focused .dotnav-link::before { animation-duration: 0ms; width: var(--sk-dotnav-timed-track-width); }

.dotnav-timed .dotnav-iconcontrol { margin-inline-start: var(--sk-dotnav-iconcontrol-margin); margin-block: 0px; padding: 0px; border-radius: var(--sk-dotnav-iconcontrol-border-radius); color: var(--sk-dotnav-iconcontrol-content-color); transition: color var(--sk-dotnav-hover-animation-duration) linear; background: rgba(0, 0, 0, 0); }

.dotnav-timed .dotnav-iconcontrol path { fill: currentcolor; }

.dotnav-timed .dotnav-iconcontrol:hover { color: var(--sk-dotnav-iconcontrol-content-color-hover); }

.dotnav-timed .dotnav-iconcontrol:focus-visible { outline: 2px solid var(--sk-dotnav-focus-color); outline-offset: -6px; }

.dotnav-timed .dotnav-iconcontrol-icon { display: flex; justify-content: center; align-items: center; height: var(--sk-dotnav-iconcontrol-icon-size); width: var(--sk-dotnav-iconcontrol-icon-size); }

.dotnav-timed .dotnav-iconcontrol-icon svg { height: 100%; fill: currentcolor; transform: translate(0px, 0px); }

.dotnav-timed .dotnav-iconcontrol-play, .dotnav-timed .dotnav-iconcontrol-replay { display: none; }

.dotnav-timed.dotnav-timed-paused:not(.dotnav-timed-end) .dotnav-iconcontrol-play { display: block; }

.dotnav-timed.dotnav-timed-paused:not(.dotnav-timed-end) .dotnav-iconcontrol-pause { display: none; }

.dotnav-timed.dotnav-timed-end .dotnav-iconcontrol-replay { display: block; }

.dotnav-timed.dotnav-timed-end .dotnav-iconcontrol-pause { display: none; }

.dotnav-timed.dotnav-scrim { --sk-dotnav-iconcontrol-margin: 16px; --sk-dotnav-iconcontrol-icon-size: 56px; --sk-dotnav-iconcontrol-border-radius: 999px; }

.dotnav-timed.dotnav-scrim .dotnav-focused.dotnav-item .dotnav-link::before, .dotnav-timed.dotnav-scrim .dotnav-focused.dotnav-link::before, .dotnav-timed.dotnav-scrim .current.dotnav-item .dotnav-link::before, .dotnav-timed.dotnav-scrim .current.dotnav-link::before { --sk-dotnav-timed-track-background-color: var(--sk-dotnav-scrim-timed-track-background-color); }

.dotnav-timed.dotnav-scrim .dotnav-focused.dotnav-item .dotnav-link::after, .dotnav-timed.dotnav-scrim .dotnav-focused.dotnav-link::after, .dotnav-timed.dotnav-scrim .current.dotnav-item .dotnav-link::after, .dotnav-timed.dotnav-scrim .current.dotnav-link::after { --sk-dotnav-background-current: var(--sk-dotnav-scrim-timed-track-color); }

.dotnav-timed.dotnav-scrim .dotnav-iconcontrol { transition: background-color 100ms linear; backdrop-filter: var(--sk-dotnav-scrim-backdrop-filter); color: var(--sk-dotnav-scrim-iconcontrol-content-color); background: var(--sk-dotnav-scrim-iconcontrol-scrim-color); }

.dotnav-timed.dotnav-scrim .dotnav-iconcontrol:hover { color: var(--sk-dotnav-scrim-iconcontrol-content-color-hover); background: var(--sk-dotnav-scrim-iconcontrol-scrim-color-hover); }

.dotnav-timed.dotnav-scrim .dotnav-iconcontrol:active { background: var(--sk-dotnav-scrim-iconcontrol-scrim-color-active); }

.dotnav-timed.dotnav-scrim .dotnav-iconcontrol:focus-visible { outline: 2px solid var(--sk-dotnav-focus-color); outline-offset: var(--sk-focus-offset-container, 3px); }

.dotnav-timed.dotnav-scrim-solid { --sk-dotnav-iconcontrol-margin: 16px; --sk-dotnav-iconcontrol-icon-size: 56px; --sk-dotnav-iconcontrol-border-radius: 999px; }

.dotnav-timed.dotnav-scrim-solid .dotnav-focused.dotnav-item .dotnav-link::before, .dotnav-timed.dotnav-scrim-solid .dotnav-focused.dotnav-link::before, .dotnav-timed.dotnav-scrim-solid .current.dotnav-item .dotnav-link::before, .dotnav-timed.dotnav-scrim-solid .current.dotnav-link::before { --sk-dotnav-timed-track-background-color: var(--sk-dotnav-scrim-timed-track-background-color); }

.dotnav-timed.dotnav-scrim-solid .dotnav-focused.dotnav-item .dotnav-link::after, .dotnav-timed.dotnav-scrim-solid .dotnav-focused.dotnav-link::after, .dotnav-timed.dotnav-scrim-solid .current.dotnav-item .dotnav-link::after, .dotnav-timed.dotnav-scrim-solid .current.dotnav-link::after { --sk-dotnav-background-current: var(--sk-dotnav-scrim-timed-track-color); }

.dotnav-timed.dotnav-scrim-solid .dotnav-iconcontrol { transition: background-color 100ms linear; backdrop-filter: var(--sk-dotnav-scrim-backdrop-filter); color: var(--sk-dotnav-scrim-solid-iconcontrol-content-color); background: var(--sk-dotnav-scrim-solid-iconcontrol-scrim-color); }

.dotnav-timed.dotnav-scrim-solid .dotnav-iconcontrol:hover { color: var(--sk-dotnav-scrim-solid-iconcontrol-content-color-hover); background: var(--sk-dotnav-scrim-solid-iconcontrol-scrim-color-hover); }

.dotnav-timed.dotnav-scrim-solid .dotnav-iconcontrol:active { background: var(--sk-dotnav-scrim-solid-iconcontrol-scrim-color-active); }

.dotnav-timed.dotnav-scrim-solid .dotnav-iconcontrol:focus-visible { outline: 2px solid var(--sk-dotnav-focus-color); outline-offset: var(--sk-focus-offset-container, 3px); }

.dotnav-timed.dotnav-scrim-no-blur { --sk-dotnav-iconcontrol-margin: 16px; --sk-dotnav-iconcontrol-icon-size: 56px; --sk-dotnav-iconcontrol-border-radius: 999px; }

.dotnav-timed.dotnav-scrim-no-blur .dotnav-focused.dotnav-item .dotnav-link::before, .dotnav-timed.dotnav-scrim-no-blur .dotnav-focused.dotnav-link::before, .dotnav-timed.dotnav-scrim-no-blur .current.dotnav-item .dotnav-link::before, .dotnav-timed.dotnav-scrim-no-blur .current.dotnav-link::before { --sk-dotnav-timed-track-background-color: var(--sk-dotnav-scrim-timed-track-background-color); }

.dotnav-timed.dotnav-scrim-no-blur .dotnav-focused.dotnav-item .dotnav-link::after, .dotnav-timed.dotnav-scrim-no-blur .dotnav-focused.dotnav-link::after, .dotnav-timed.dotnav-scrim-no-blur .current.dotnav-item .dotnav-link::after, .dotnav-timed.dotnav-scrim-no-blur .current.dotnav-link::after { --sk-dotnav-background-current: var(--sk-dotnav-scrim-timed-track-color); }

.dotnav-timed.dotnav-scrim-no-blur .dotnav-iconcontrol { transition: background-color 100ms linear; backdrop-filter: var(--sk-dotnav-scrim-backdrop-filter); color: var(--sk-dotnav-scrim-iconcontrol-content-color); background: var(--sk-dotnav-scrim-iconcontrol-scrim-color); }

.dotnav-timed.dotnav-scrim-no-blur .dotnav-iconcontrol:hover { color: var(--sk-dotnav-scrim-iconcontrol-content-color-hover); background: var(--sk-dotnav-scrim-iconcontrol-scrim-color-hover); }

.dotnav-timed.dotnav-scrim-no-blur .dotnav-iconcontrol:active { background: var(--sk-dotnav-scrim-iconcontrol-scrim-color-active); }

.dotnav-timed.dotnav-scrim-no-blur .dotnav-iconcontrol:focus-visible { outline: 2px solid var(--sk-dotnav-focus-color); outline-offset: var(--sk-focus-offset-container, 3px); }

.theme-dark { --sk-glyph: rgb(255, 255, 255); --sk-glyph-gray: rgb(245, 245, 247); --sk-glyph-gray-alpha: rgba(255, 255, 255, 0.92); --sk-glyph-gray-secondary: rgb(134, 134, 139); --sk-glyph-gray-secondary-alpha: rgba(255, 255, 255, 0.56); --sk-glyph-gray-secondary-alt: rgb(210, 210, 215); --sk-glyph-gray-secondary-alt-alpha: rgba(255, 255, 255, 0.8); --sk-glyph-gray-tertiary: rgb(110, 110, 115); --sk-glyph-gray-tertiary-alpha: rgba(255, 255, 255, 0.4); --sk-glyph-blue: rgb(41, 151, 255); --sk-glyph-orange: rgb(255, 121, 27); --sk-glyph-green: rgb(3, 161, 14); --sk-glyph-red: rgb(255, 48, 55); --sk-fill: rgb(0, 0, 0); --sk-fill-secondary: rgb(22, 22, 23); --sk-fill-tertiary: rgb(29, 29, 31); --sk-fill-gray: rgb(245, 245, 247); --sk-fill-gray-alpha: rgba(255, 255, 255, 0.92); --sk-fill-gray-secondary: rgb(110, 110, 115); --sk-fill-gray-secondary-alpha: rgba(255, 255, 255, 0.4); --sk-fill-gray-tertiary: rgb(66, 66, 69); --sk-fill-gray-tertiary-alpha: rgba(255, 255, 255, 0.24); --sk-fill-gray-quaternary: rgb(51, 51, 54); --sk-fill-gray-quaternary-alpha: rgba(255, 255, 255, 0.2); --sk-fill-orange-secondary: rgb(41, 13, 0); --sk-fill-green-secondary: rgb(0, 43, 3); --sk-fill-red: rgb(255, 48, 55); --sk-fill-red-secondary: rgb(51, 0, 0); --sk-fill-yellow: rgb(173, 130, 0); --sk-fill-yellow-secondary: rgb(43, 32, 0); --sk-enviro-neutral: rgb(0, 0, 0); --sk-body-background-color: rgb(0, 0, 0); --sk-body-text-color: rgb(245, 245, 247); --sk-headline-text-color: rgb(245, 245, 247); --sk-body-link-color: rgb(41, 151, 255); --sk-link-disabled-opacity: 0.36; --sk-focus-color-alt: rgb(255, 255, 255); }

.theme-dark .badge { --sk-badge-background: rgba(245, 99, 0, 0.2); --sk-badge-text-color: rgb(255, 121, 27); }

.theme-dark .badge-no-scrim { --sk-badge-background: transparent; --sk-badge-text-color: rgb(255, 121, 27); }

.theme-dark .badge-solid-scrim { --sk-badge-background: rgb(71, 30, 0); --sk-badge-text-color: rgb(255, 121, 27); }

.theme-dark .badge-neutral { --sk-badge-background: rgba(245, 245, 247, 0.14); --sk-badge-text-color: rgb(210, 210, 215); }

.theme-dark .badge-neutral.badge-no-scrim { --sk-badge-background: transparent; --sk-badge-text-color: rgb(210, 210, 215); }

.theme-dark .badge-neutral.badge-solid-scrim { --sk-badge-background: rgb(51, 51, 54); --sk-badge-text-color: rgb(210, 210, 215); }

.theme-dark a.block { --sk-blocklink-color: rgb(41, 151, 255); }

.theme-dark .button { --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.36); --sk-button-background: rgb(0, 113, 227); --sk-button-background-hover: #0076DF; --sk-button-background-active: #006EDB; }

.theme-dark .button-neutral { --sk-button-background: rgb(245, 245, 247); --sk-button-background-hover: rgb(255, 255, 255); --sk-button-background-active: #EDEDF2; --sk-button-color: rgb(0, 0, 0); }

.theme-dark .button-secondary { --sk-button-background: transparent; --sk-button-background-hover: #0076DF; --sk-button-background-active: #006EDB; --sk-button-color: rgb(41, 151, 255); --sk-button-color-hover: rgb(255, 255, 255); --sk-button-border-color: rgb(41, 151, 255); }

.theme-dark .button-secondary-neutral { --sk-button-background: transparent; --sk-button-background-hover: rgb(255, 255, 255); --sk-button-background-active: #EDEDF2; --sk-button-color: rgb(245, 245, 247); --sk-button-color-hover: rgb(0, 0, 0); --sk-button-border-color: rgb(245, 245, 247); }

.theme-dark .colorindicator { --sk-colorindicator-background-color: rgb(29, 29, 31); --sk-colorindicator-swatch-border-color: conic-gradient(from 90deg, rgba(255, 255, 255, 0.08) 0deg, rgba(255, 255, 255, 0.48) 64.8deg, rgba(255, 255, 255, 0.48) 115.2deg, rgba(255, 255, 255, 0.08) 180deg, rgba(255, 255, 255, 0) 208.8deg, rgba(255, 255, 255, 0) 331.2deg, rgba(255, 255, 255, 0.08) 360deg); --sk-colorindicator-label-color: rgb(134, 134, 139); }

.theme-dark .dotnav { --sk-dotnav-background: rgba(255, 255, 255, 0.36); --sk-dotnav-background-hover: rgba(255, 255, 255, 0.48); --sk-dotnav-background-current: rgba(255, 255, 255, 0.8); --sk-dotnav-focus-color: #0071e3; --sk-dotnav-scrim-background-color: rgba(66, 66, 69, 0.72); --sk-dotnav-scrim-solid-background-color: rgb(51, 51, 54); --sk-dotnav-timed-track-color: rgba(255, 255, 255, 0.8); --sk-dotnav-timed-track-background-color: rgba(255, 255, 255, 0.36); --sk-dotnav-scrim-timed-track-color: rgb(255, 255, 255); --sk-dotnav-scrim-timed-track-background-color: rgba(255, 255, 255, 0.4); --sk-dotnav-iconcontrol-content-color: rgba(255, 255, 255, 0.36); --sk-dotnav-iconcontrol-content-color-hover: rgba(255, 255, 255, 0.48); --sk-dotnav-scrim-iconcontrol-scrim-color: rgba(66, 66, 69, 0.72); --sk-dotnav-scrim-iconcontrol-scrim-color-hover: rgba(72.6170678337, 72.6170678337, 75.5120350109, 0.7256); --sk-dotnav-scrim-iconcontrol-scrim-color-active: rgba(57.1631799163, 57.1631799163, 59.7615062762, 0.7424); --sk-dotnav-scrim-iconcontrol-content-color: rgba(255, 255, 255, 0.4); --sk-dotnav-scrim-iconcontrol-content-color-hover: rgba(255, 255, 255, 0.64); --sk-dotnav-scrim-solid-iconcontrol-scrim-color: rgb(51, 51, 54); --sk-dotnav-scrim-solid-iconcontrol-scrim-color-hover: rgb(55.08, 55.08, 58.02); --sk-dotnav-scrim-solid-iconcontrol-scrim-color-active: rgb(46.92, 46.92, 49.68); --sk-dotnav-scrim-solid-iconcontrol-content-color: rgba(255, 255, 255, 0.4); --sk-dotnav-scrim-solid-iconcontrol-content-color-hover: rgba(255, 255, 255, 0.64); }

.theme-dark .dotnav.dotnav-scrim, .theme-dark .dotnav.dotnav-scrim-solid, .theme-dark .dotnav.dotnav-scrim-no-blur { --sk-dotnav-background: rgba(255, 255, 255, 0.4); --sk-dotnav-background-current: rgb(255, 255, 255); --sk-dotnav-background-hover: rgba(255, 255, 255, 0.64); --sk-dotnav-focus-color: rgb(255, 255, 255); }

.theme-dark .iconcontrol { --sk-iconcontrol-scrim-color: rgb(51, 51, 54); --sk-iconcontrol-content-color: rgba(255, 255, 255, 0.8); --sk-iconcontrol-scrim-color-hover: rgb(55.08, 55.08, 58.02); --sk-iconcontrol-content-color-hover: rgb(255, 255, 255); --sk-iconcontrol-scrim-color-active: rgb(46.92, 46.92, 49.68); --sk-iconcontrol-content-color-active: rgb(255, 255, 255); --sk-iconcontrol-border-color: transparent; --sk-iconcontrol-disabled-opacity: var(--sk-link-disabled-opacity, 0.36); }

.theme-dark .iconcontrol-primary { --sk-iconcontrol-scrim-color: rgb(245, 245, 247); --sk-iconcontrol-content-color: rgb(0, 0, 0); --sk-iconcontrol-scrim-color-hover: rgb(255, 255, 255); --sk-iconcontrol-content-color-hover: rgb(0, 0, 0); --sk-iconcontrol-scrim-color-active: #EDEDF2; --sk-iconcontrol-content-color-active: rgb(0, 0, 0); --sk-iconcontrol-border-color: transparent; --sk-iconcontrol-disabled-opacity: var(--sk-link-disabled-opacity, 0.36); }

.theme-dark .iconcontrol-secondary { --sk-iconcontrol-scrim-color: transparent; --sk-iconcontrol-content-color: rgb(245, 245, 247); --sk-iconcontrol-scrim-color-hover: rgb(255, 255, 255); --sk-iconcontrol-content-color-hover: rgb(0, 0, 0); --sk-iconcontrol-scrim-color-active: #EDEDF2; --sk-iconcontrol-content-color-active: rgb(0, 0, 0); --sk-iconcontrol-border-color: rgb(245, 245, 247); --sk-iconcontrol-disabled-opacity: var(--sk-link-disabled-opacity, 0.36); }

.theme-dark .iconcontrol-tertiary { --sk-iconcontrol-scrim-color: rgb(51, 51, 54); --sk-iconcontrol-content-color: rgba(255, 255, 255, 0.8); --sk-iconcontrol-scrim-color-hover: rgb(55.08, 55.08, 58.02); --sk-iconcontrol-content-color-hover: rgb(255, 255, 255); --sk-iconcontrol-scrim-color-active: rgb(46.92, 46.92, 49.68); --sk-iconcontrol-content-color-active: rgb(255, 255, 255); --sk-iconcontrol-border-color: transparent; --sk-iconcontrol-disabled-opacity: var(--sk-link-disabled-opacity, 0.36); }

.theme-dark .iconcontrol-tertiary-alpha { --sk-iconcontrol-scrim-color: rgba(66, 66, 69, 0.72); --sk-iconcontrol-content-color: rgba(255, 255, 255, 0.8); --sk-iconcontrol-scrim-color-hover: rgba(72.6170678337, 72.6170678337, 75.5120350109, 0.7256); --sk-iconcontrol-content-color-hover: rgb(255, 255, 255); --sk-iconcontrol-scrim-color-active: rgba(57.1631799163, 57.1631799163, 59.7615062762, 0.7424); --sk-iconcontrol-content-color-active: rgb(255, 255, 255); --sk-iconcontrol-border-color: transparent; --sk-iconcontrol-disabled-opacity: var(--sk-link-disabled-opacity, 0.36); }

.theme-dark .list, .theme-dark .list-title { --sk-list-copy-color: rgb(245, 245, 247); --sk-list-title-color: rgb(245, 245, 247); }

.theme-dark .paddlenav { --sk-paddlenav-arrow-color: rgba(255, 255, 255, 0.8); --sk-paddlenav-arrow-color-hover: rgb(255, 255, 255); --sk-paddlenav-arrow-color-active: rgb(255, 255, 255); }

.theme-dark .paddlenav-solid { --sk-paddlenav-arrow-color: rgba(255, 255, 255, 0.8); --sk-paddlenav-arrow-color-hover: rgb(255, 255, 255); --sk-paddlenav-arrow-color-active: rgb(255, 255, 255); --sk-paddlenav-background: rgb(51, 51, 54); --sk-paddlenav-background-hover: rgb(55.08, 55.08, 58.02); --sk-paddlenav-background-active: rgb(46.92, 46.92, 49.68); }

.theme-dark .paddlenav-alpha { --sk-paddlenav-arrow-color: rgba(255, 255, 255, 0.8); --sk-paddlenav-arrow-color-hover: rgb(255, 255, 255); --sk-paddlenav-arrow-color-active: rgb(255, 255, 255); --sk-paddlenav-background: rgba(66, 66, 69, 0.72); --sk-paddlenav-background-hover: rgba(72.6170678337, 72.6170678337, 75.5120350109, 0.7256); --sk-paddlenav-background-active: rgba(57.1631799163, 57.1631799163, 59.7615062762, 0.7424); }

.theme-dark .pin { --sk-pin-color: rgb(110, 110, 115); --sk-pin-caption-color: rgb(134, 134, 139); }

.theme-dark .quote { --sk-quote-copy-color: colors.color(quote.$quote-copy-color, $swatch-book); --sk-quote-credit-color: colors.color(quote.$quote-credit-color, $swatch-book); }

.theme-dark .sosumi { --sk-sosumi-text-color: rgba(255, 255, 255, 0.56); --sk-sosumi-link-color: rgba(255, 255, 255, 0.8); }

.theme-dark .stat { --sk-stat-value-color: rgb(245, 245, 247); --sk-stat-caption-color: rgb(245, 245, 247); }

.theme-dark .thumbnav { --sk-thumbnav-image-border-color: rgb(110, 110, 115); --sk-thumbnav-image-border-color-hover: rgb(110, 110, 115); --sk-thumbnav-image-border-color-current: rgb(0, 113, 227); --sk-thumbnav-image-background: rgb(29, 29, 31); --sk-thumbnav-copy-color: rgb(134, 134, 139); --sk-thumbnav-copy-color-hover: rgb(245, 245, 247); }

.theme-dark .thumbnav-neutral { --sk-thumbnav-image-border-color: rgb(110, 110, 115); --sk-thumbnav-image-border-color-hover: rgb(110, 110, 115); --sk-thumbnav-image-border-color-current: rgb(245, 245, 247); --sk-thumbnav-image-background: rgb(29, 29, 31); --sk-thumbnav-copy-color: rgb(134, 134, 139); --sk-thumbnav-copy-color-hover: rgb(245, 245, 247); }

.theme-dark .tile { --sk-tile-background: rgb(0, 0, 0); --sk-tile-button-icon-color: rgba(255, 255, 255, 0.8); --sk-tile-button-background: rgba(66, 66, 69, 0.72); --sk-tile-button-icon-color-hover: rgb(255, 255, 255); --sk-tile-button-background-hover: rgba(72.6170678337, 72.6170678337, 75.5120350109, 0.7256); --sk-tile-button-background-active: rgba(57.1631799163, 57.1631799163, 59.7615062762, 0.7424); }

.theme-light { --sk-glyph: rgb(0, 0, 0); --sk-glyph-gray: rgb(29, 29, 31); --sk-glyph-gray-alpha: rgba(0, 0, 0, 0.88); --sk-glyph-gray-secondary: rgb(110, 110, 115); --sk-glyph-gray-secondary-alpha: rgba(0, 0, 0, 0.56); --sk-glyph-gray-secondary-alt: rgb(66, 66, 69); --sk-glyph-gray-secondary-alt-alpha: rgba(0, 0, 0, 0.72); --sk-glyph-gray-tertiary: rgb(134, 134, 139); --sk-glyph-gray-tertiary-alpha: rgba(0, 0, 0, 0.48); --sk-glyph-blue: rgb(0, 102, 204); --sk-glyph-orange: rgb(182, 68, 0); --sk-glyph-green: rgb(0, 128, 9); --sk-glyph-red: rgb(227, 0, 0); --sk-fill: rgb(255, 255, 255); --sk-fill-secondary: rgb(250, 250, 252); --sk-fill-tertiary: rgb(245, 245, 247); --sk-fill-gray: rgb(29, 29, 31); --sk-fill-gray-alpha: rgba(0, 0, 0, 0.88); --sk-fill-gray-secondary: rgb(134, 134, 139); --sk-fill-gray-secondary-alpha: rgba(0, 0, 0, 0.48); --sk-fill-gray-tertiary: rgb(210, 210, 215); --sk-fill-gray-tertiary-alpha: rgba(0, 0, 0, 0.16); --sk-fill-gray-quaternary: rgb(232, 232, 237); --sk-fill-gray-quaternary-alpha: rgba(0, 0, 0, 0.08); --sk-fill-blue: rgb(0, 113, 227); --sk-fill-orange: rgb(245, 99, 0); --sk-fill-orange-secondary: rgb(255, 249, 244); --sk-fill-green: rgb(3, 161, 14); --sk-fill-green-secondary: rgb(245, 255, 246); --sk-fill-red: rgb(227, 0, 0); --sk-fill-red-secondary: rgb(255, 242, 244); --sk-fill-yellow: rgb(255, 224, 69); --sk-fill-yellow-secondary: rgb(255, 254, 242); --sk-productred: rgb(175, 30, 45); --sk-enviro-green: rgb(0, 217, 89); --sk-enviro-neutral: rgb(232, 232, 237); --sk-body-background-color: rgb(255, 255, 255); --sk-body-text-color: rgb(29, 29, 31); --sk-headline-text-color: rgb(29, 29, 31); --sk-body-link-color: rgb(0, 102, 204); }

.theme-light .badge { --sk-badge-background: rgba(245, 99, 0, 0.1); --sk-badge-text-color: rgb(182, 68, 0); }

.theme-light .badge-no-scrim { --sk-badge-background: transparent; --sk-badge-text-color: rgb(182, 68, 0); }

.theme-light .badge-solid-scrim { --sk-badge-background: rgb(250, 233, 225); --sk-badge-text-color: rgb(182, 68, 0); }

.theme-light .badge-neutral { --sk-badge-background: rgba(29, 29, 31, 0.07); --sk-badge-text-color: rgb(66, 66, 69); }

.theme-light .badge-neutral.badge-no-scrim { --sk-badge-background: transparent; --sk-badge-text-color: rgb(66, 66, 69); }

.theme-light .badge-neutral.badge-solid-scrim { --sk-badge-background: rgb(232, 232, 237); --sk-badge-text-color: rgb(66, 66, 69); }

.theme-light a.block { --sk-blocklink-color: rgb(0, 102, 204); }

.theme-light .button { --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.42); --sk-button-background: rgb(0, 113, 227); --sk-button-background-hover: #0076DF; --sk-button-background-active: #006EDB; }

.theme-light .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); }

.theme-light .button-secondary { --sk-button-background: transparent; --sk-button-background-hover: #0076DF; --sk-button-background-active: #006EDB; --sk-button-color: rgb(0, 102, 204); --sk-button-color-hover: rgb(255, 255, 255); --sk-button-border-color: rgb(0, 102, 204); }

.theme-light .button-secondary-neutral { --sk-button-background: transparent; --sk-button-background-hover: #272729; --sk-button-background-active: #18181A; --sk-button-color: rgb(29, 29, 31); --sk-button-color-hover: rgb(255, 255, 255); --sk-button-border-color: rgb(29, 29, 31); }

.theme-light .colorindicator { --sk-colorindicator-background-color: rgb(245, 245, 247); --sk-colorindicator-swatch-border-color: conic-gradient(from 270deg, rgba(0, 0, 0, 0.08) 0deg, rgba(0, 0, 0, 0.48) 64.8deg, rgba(0, 0, 0, 0.48) 115.2deg, rgba(0, 0, 0, 0.08) 180deg, rgba(0, 0, 0, 0) 208.8deg, rgba(0, 0, 0, 0) 331.2deg, rgba(0, 0, 0, 0.08) 360deg); --sk-colorindicator-label-color: rgb(110, 110, 115); }

.theme-light .dotnav { --sk-dotnav-background: rgba(0, 0, 0, 0.42); --sk-dotnav-background-hover: rgba(0, 0, 0, 0.54); --sk-dotnav-background-current: rgba(0, 0, 0, 0.8); --sk-dotnav-focus-color: #0071e3; --sk-dotnav-scrim-background-color: rgba(210, 210, 215, 0.64); --sk-dotnav-scrim-solid-background-color: rgb(232, 232, 237); --sk-dotnav-timed-track-color: rgb(0, 0, 0); --sk-dotnav-timed-track-background-color: rgba(0, 0, 0, 0.42); --sk-dotnav-scrim-timed-track-color: rgb(0, 0, 0); --sk-dotnav-scrim-timed-track-background-color: rgba(0, 0, 0, 0.48); --sk-dotnav-iconcontrol-content-color: rgba(0, 0, 0, 0.42); --sk-dotnav-iconcontrol-content-color-hover: rgba(0, 0, 0, 0.54); --sk-dotnav-scrim-iconcontrol-scrim-color: rgba(210, 210, 215, 0.64); --sk-dotnav-scrim-iconcontrol-scrim-color-hover: rgba(222.9661016949, 222.9661016949, 226.5254237288, 0.6976); --sk-dotnav-scrim-iconcontrol-scrim-color-active: rgba(192.9186602871, 192.9186602871, 197.5119617225, 0.6544); --sk-dotnav-scrim-iconcontrol-content-color: rgba(0, 0, 0, 0.48); --sk-dotnav-scrim-iconcontrol-content-color-hover: rgba(0, 0, 0, 0.72); --sk-dotnav-scrim-solid-iconcontrol-scrim-color: rgb(232, 232, 237); --sk-dotnav-scrim-solid-iconcontrol-scrim-color-hover: rgb(235.68, 235.68, 239.88); --sk-dotnav-scrim-solid-iconcontrol-scrim-color-active: rgb(222.72, 222.72, 227.52); --sk-dotnav-scrim-solid-iconcontrol-content-color: rgba(0, 0, 0, 0.48); --sk-dotnav-scrim-solid-iconcontrol-content-color-hover: rgba(0, 0, 0, 0.72); }

.theme-light .dotnav.dotnav-scrim, .theme-light .dotnav.dotnav-scrim-solid, .theme-light .dotnav.dotnav-scrim-no-blur { --sk-dotnav-background: rgba(0, 0, 0, 0.48); --sk-dotnav-background-current: rgb(0, 0, 0); --sk-dotnav-background-hover: rgba(0, 0, 0, 0.72); --sk-dotnav-focus-color: #0071e3; }

.theme-light .iconcontrol { --sk-iconcontrol-scrim-color: rgb(232, 232, 237); --sk-iconcontrol-content-color: rgba(0, 0, 0, 0.56); --sk-iconcontrol-scrim-color-hover: rgb(235.68, 235.68, 239.88); --sk-iconcontrol-content-color-hover: rgba(0, 0, 0, 0.64); --sk-iconcontrol-scrim-color-active: rgb(222.72, 222.72, 227.52); --sk-iconcontrol-content-color-active: rgba(0, 0, 0, 0.64); --sk-iconcontrol-border-color: transparent; --sk-iconcontrol-disabled-opacity: var(--sk-link-disabled-opacity, 0.42); }

.theme-light .iconcontrol-primary { --sk-iconcontrol-scrim-color: rgb(29, 29, 31); --sk-iconcontrol-content-color: rgb(255, 255, 255); --sk-iconcontrol-scrim-color-hover: #272729; --sk-iconcontrol-content-color-hover: rgb(255, 255, 255); --sk-iconcontrol-scrim-color-active: #18181A; --sk-iconcontrol-content-color-active: rgb(255, 255, 255); --sk-iconcontrol-border-color: transparent; --sk-iconcontrol-disabled-opacity: var(--sk-link-disabled-opacity, 0.42); }

.theme-light .iconcontrol-secondary { --sk-iconcontrol-scrim-color: transparent; --sk-iconcontrol-content-color: rgb(29, 29, 31); --sk-iconcontrol-scrim-color-hover: #272729; --sk-iconcontrol-content-color-hover: rgb(255, 255, 255); --sk-iconcontrol-scrim-color-active: #18181A; --sk-iconcontrol-content-color-active: rgb(255, 255, 255); --sk-iconcontrol-border-color: rgb(29, 29, 31); --sk-iconcontrol-disabled-opacity: var(--sk-link-disabled-opacity, 0.42); }

.theme-light .iconcontrol-tertiary { --sk-iconcontrol-scrim-color: rgb(232, 232, 237); --sk-iconcontrol-content-color: rgba(0, 0, 0, 0.56); --sk-iconcontrol-scrim-color-hover: rgb(235.68, 235.68, 239.88); --sk-iconcontrol-content-color-hover: rgba(0, 0, 0, 0.64); --sk-iconcontrol-scrim-color-active: rgb(222.72, 222.72, 227.52); --sk-iconcontrol-content-color-active: rgba(0, 0, 0, 0.64); --sk-iconcontrol-border-color: transparent; --sk-iconcontrol-disabled-opacity: var(--sk-link-disabled-opacity, 0.42); }

.theme-light .iconcontrol-tertiary-alpha { --sk-iconcontrol-scrim-color: rgba(210, 210, 215, 0.64); --sk-iconcontrol-content-color: rgba(0, 0, 0, 0.56); --sk-iconcontrol-scrim-color-hover: rgba(222.9661016949, 222.9661016949, 226.5254237288, 0.6976); --sk-iconcontrol-content-color-hover: rgba(0, 0, 0, 0.64); --sk-iconcontrol-scrim-color-active: rgba(192.9186602871, 192.9186602871, 197.5119617225, 0.6544); --sk-iconcontrol-content-color-active: rgba(0, 0, 0, 0.64); --sk-iconcontrol-border-color: transparent; --sk-iconcontrol-disabled-opacity: var(--sk-link-disabled-opacity, 0.42); }

.theme-light .list, .theme-light .list-title { --sk-list-copy-color: rgb(29, 29, 31); --sk-list-title-color: rgb(29, 29, 31); }

.theme-light .paddlenav { --sk-paddlenav-arrow-color: rgba(0, 0, 0, 0.56); --sk-paddlenav-arrow-color-hover: rgba(0, 0, 0, 0.64); --sk-paddlenav-arrow-color-active: rgba(0, 0, 0, 0.64); }

.theme-light .paddlenav-solid { --sk-paddlenav-arrow-color: rgba(0, 0, 0, 0.56); --sk-paddlenav-arrow-color-hover: rgba(0, 0, 0, 0.64); --sk-paddlenav-arrow-color-active: rgba(0, 0, 0, 0.64); --sk-paddlenav-background: rgb(232, 232, 237); --sk-paddlenav-background-hover: rgb(235.68, 235.68, 239.88); --sk-paddlenav-background-active: rgb(222.72, 222.72, 227.52); }

.theme-light .paddlenav-alpha { --sk-paddlenav-arrow-color: rgba(0, 0, 0, 0.56); --sk-paddlenav-arrow-color-hover: rgba(0, 0, 0, 0.64); --sk-paddlenav-arrow-color-active: rgba(0, 0, 0, 0.64); --sk-paddlenav-background: rgba(210, 210, 215, 0.64); --sk-paddlenav-background-hover: rgba(222.9661016949, 222.9661016949, 226.5254237288, 0.6976); --sk-paddlenav-background-active: rgba(192.9186602871, 192.9186602871, 197.5119617225, 0.6544); }

.theme-light .pin { --sk-pin-color: rgb(134, 134, 139); --sk-pin-caption-color: rgb(110, 110, 115); }

.theme-light .quote { --sk-quote-copy-color: colors.color(quote.$quote-copy-color, $swatch-book); --sk-quote-credit-color: colors.color(quote.$quote-credit-color, $swatch-book); }

.theme-light .sosumi { --sk-sosumi-text-color: rgba(0, 0, 0, 0.56); --sk-sosumi-link-color: rgba(0, 0, 0, 0.72); }

.theme-light .stat { --sk-stat-value-color: rgb(29, 29, 31); --sk-stat-caption-color: rgb(29, 29, 31); }

.theme-light .thumbnav { --sk-thumbnav-image-border-color: rgb(134, 134, 139); --sk-thumbnav-image-border-color-hover: rgb(134, 134, 139); --sk-thumbnav-image-border-color-current: rgb(0, 113, 227); --sk-thumbnav-image-background: rgb(245, 245, 247); --sk-thumbnav-copy-color: rgb(110, 110, 115); --sk-thumbnav-copy-color-hover: rgb(29, 29, 31); }

.theme-light .thumbnav-neutral { --sk-thumbnav-image-border-color: rgb(134, 134, 139); --sk-thumbnav-image-border-color-hover: rgb(134, 134, 139); --sk-thumbnav-image-border-color-current: rgb(29, 29, 31); --sk-thumbnav-image-background: rgb(245, 245, 247); --sk-thumbnav-copy-color: rgb(110, 110, 115); --sk-thumbnav-copy-color-hover: rgb(29, 29, 31); }

.theme-light .tile { --sk-tile-background: rgb(255, 255, 255); --sk-tile-button-icon-color: rgba(0, 0, 0, 0.56); --sk-tile-button-background: rgba(210, 210, 215, 0.64); --sk-tile-button-icon-color-hover: rgba(0, 0, 0, 0.64); --sk-tile-button-background-hover: rgba(222.9661016949, 222.9661016949, 226.5254237288, 0.6976); --sk-tile-button-background-active: rgba(192.9186602871, 192.9186602871, 197.5119617225, 0.6544); }

.typography-body-reduced { font-size: 14px; line-height: 1.42859; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-body-reduced:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-body-reduced:lang(ja) { line-height: 1.4; letter-spacing: 0em; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-body-reduced:lang(ko) { line-height: 1.57143; letter-spacing: 0em; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-body-reduced:lang(zh) { line-height: 1.5; letter-spacing: 0em; }

.typography-body-reduced:lang(th) { line-height: 1.35718; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-body-reduced:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-body-reduced:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-body-reduced:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-body-reduced:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-media-gallery-headline { font-size: 56px; line-height: 1.07143; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-media-gallery-headline:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro AR Display", "SF Pro Display", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-media-gallery-headline:lang(ja) { line-height: 1.125; letter-spacing: 0em; font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-media-gallery-headline:lang(ko) { line-height: 1.17865; letter-spacing: 0em; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-media-gallery-headline:lang(zh) { letter-spacing: 0em; }

.typography-media-gallery-headline:lang(th) { line-height: 1.33929; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-media-gallery-headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-media-gallery-headline:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-media-gallery-headline:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-media-gallery-headline:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

@media (max-width: 1068px) {
  .typography-media-gallery-headline { font-size: 32px; line-height: 1.125; font-weight: 600; letter-spacing: 0.004em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-media-gallery-headline:lang(ja) { line-height: 1.21875; font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-media-gallery-headline:lang(ko) { line-height: 1.21875; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-media-gallery-headline:lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-media-gallery-headline:lang(zh) { line-height: 1.21875; }
  .typography-media-gallery-headline:lang(ar) { font-family: "SF Pro AR", "SF Pro AR Display", "SF Pro Display", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-media-gallery-headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-media-gallery-headline:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-media-gallery-headline:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-media-gallery-headline:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
}

.typography-media-gallery-longnote { font-size: 21px; line-height: 1.19048; font-weight: 400; letter-spacing: 0.011em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-media-gallery-longnote:lang(ja) { line-height: 1.2381; font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-media-gallery-longnote:lang(ko) { line-height: 1.2858; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-media-gallery-longnote:lang(th) { line-height: 1.381; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-media-gallery-longnote:lang(zh) { line-height: 1.3334; }

.typography-media-gallery-longnote:lang(ar) { font-family: "SF Pro AR", "SF Pro AR Display", "SF Pro Display", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-media-gallery-longnote:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-media-gallery-longnote:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-media-gallery-longnote:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-media-gallery-longnote:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

@media (max-width: 1068px) {
  .typography-media-gallery-longnote { font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -0.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-media-gallery-longnote:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-media-gallery-longnote:lang(ja) { letter-spacing: 0em; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-media-gallery-longnote:lang(ko) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-media-gallery-longnote:lang(zh) { line-height: 1.35296; letter-spacing: 0em; }
  .typography-media-gallery-longnote:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-media-gallery-longnote:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-media-gallery-longnote:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-media-gallery-longnote:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-media-gallery-longnote:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
}

.typography-fam-media-gallery-headline { font-size: 14px; line-height: 1.28577; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-fam-media-gallery-headline:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-fam-media-gallery-headline:lang(ja) { line-height: 1.28577; letter-spacing: 0em; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-fam-media-gallery-headline:lang(ko) { line-height: 1.28577; letter-spacing: 0em; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-fam-media-gallery-headline:lang(zh) { line-height: 1.28577; letter-spacing: 0em; }

.typography-fam-media-gallery-headline:lang(th) { line-height: 1.28577; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-fam-media-gallery-headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-fam-media-gallery-headline:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-fam-media-gallery-headline:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.typography-fam-media-gallery-headline:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

@media (max-width: 1068px) {
  .typography-fam-media-gallery-headline { font-size: 14px; line-height: 1.28577; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-fam-media-gallery-headline:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-fam-media-gallery-headline:lang(ja) { line-height: 1.28577; letter-spacing: 0em; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-fam-media-gallery-headline:lang(ko) { line-height: 1.28577; letter-spacing: 0em; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-fam-media-gallery-headline:lang(zh) { line-height: 1.28577; letter-spacing: 0em; }
  .typography-fam-media-gallery-headline:lang(th) { line-height: 1.28577; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-fam-media-gallery-headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-fam-media-gallery-headline:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-fam-media-gallery-headline:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-fam-media-gallery-headline:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
}

@media (max-width: 734px) {
  .typography-fam-media-gallery-headline { font-size: 12px; line-height: 1.33337; font-weight: 600; letter-spacing: -0.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-fam-media-gallery-headline:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-fam-media-gallery-headline:lang(ja) { line-height: 1.33337; letter-spacing: 0em; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-fam-media-gallery-headline:lang(ko) { line-height: 1.33337; letter-spacing: 0em; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-fam-media-gallery-headline:lang(zh) { letter-spacing: 0em; }
  .typography-fam-media-gallery-headline:lang(th) { line-height: 1.33337; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-fam-media-gallery-headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-fam-media-gallery-headline:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-fam-media-gallery-headline:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .typography-fam-media-gallery-headline:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
}

[class*="typography-eyebrow"] { display: block; margin-bottom: 0.4em; }

[class*="typography-eyebrow"] + * { margin-top: 0px; }

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

:root { --media-gallery-section-padding-bottom: var(--media-gallery-dotnav-gap); --media-gallery-tile-gap: 13px; --media-gallery-dotnav-gap: 12px; --media-gallery-dotnav-iconcontrol-margin-top: unset; --media-gallery-dotnav-iconcontrol-margin-right: calc(12px + env(safe-area-inset-right)); --media-gallery-bottom-copy-duration: 600ms; --media-gallery-slide-duration: 800ms; --media-gallery-genre-m-dot-padding: 0.25em; --media-gallery-longnote-position-left: 18px; --media-gallery-button-margin-top: 0; --media-gallery-tile-width: 930px; --media-gallery-tile-height: 523px; --fam-gallery-tile-height: 234px; --media-gallery-headline-margin-bottom: 26px; --media-gallery-bottom-content-padding-left: 48px; --media-gallery-bottom-content-padding-bottom: 40px; --media-gallery-bottom-content-padding-right: 48px; }

@media (min-width: 1441px) {
  :root { --media-gallery-tile-width: 1250px; --media-gallery-tile-height: 668px; --fam-gallery-tile-height: 264px; --media-gallery-bottom-content-padding-left: 70px; --media-gallery-bottom-content-padding-bottom: 58px; --media-gallery-bottom-content-padding-right: 70px; }
}

@media (max-width: 1068px) {
  :root { --media-gallery-tile-width: 688px; --media-gallery-tile-height: 367px; --fam-gallery-tile-height: 254px; --media-gallery-headline-margin-bottom: 17px; --media-gallery-bottom-content-padding-left: 43px; --media-gallery-bottom-content-padding-bottom: 34px; --media-gallery-bottom-content-padding-right: 43px; }
}

@media (max-width: 734px) {
  :root { --media-gallery-tile-width: 275px; --media-gallery-tile-height: 496px; --media-gallery-dotnav-gap: 10px; --media-gallery-dotnav-iconcontrol-margin-right: calc(10px + env(safe-area-inset-right)); --media-gallery-bottom-content-padding-left: 15px; --media-gallery-bottom-content-padding-bottom: 30px; --media-gallery-bottom-content-padding-right: 15px; --media-gallery-longnote-position-left: 0; --media-gallery-button-margin-top: 13px; }
}

.main { overflow-x: clip; }

.button-dark { --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.36); --sk-button-background: rgb(0, 113, 227); --sk-button-background-hover: #0076DF; --sk-button-background-active: #006EDB; }

.button-dark.button-neutral { --sk-button-background: rgb(245, 245, 247); --sk-button-background-hover: rgb(255, 255, 255); --sk-button-background-active: #EDEDF2; --sk-button-color: rgb(0, 0, 0); }

.button-dark.button-secondary { --sk-button-background: transparent; --sk-button-background-hover: #0076DF; --sk-button-background-active: #006EDB; --sk-button-color: rgb(41, 151, 255); --sk-button-color-hover: rgb(255, 255, 255); --sk-button-border-color: rgb(41, 151, 255); }

.button-dark.button-secondary-neutral { --sk-button-background: transparent; --sk-button-background-hover: rgb(255, 255, 255); --sk-button-background-active: #EDEDF2; --sk-button-color: rgb(245, 245, 247); --sk-button-color-hover: rgb(0, 0, 0); --sk-button-border-color: rgb(245, 245, 247); }

.theme-light .button.button-dark { --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.36); --sk-button-background: rgb(0, 113, 227); --sk-button-background-hover: #0076DF; --sk-button-background-active: #006EDB; }

.theme-light .button.button-dark.button-neutral { --sk-button-background: rgb(245, 245, 247); --sk-button-background-hover: rgb(255, 255, 255); --sk-button-background-active: #EDEDF2; --sk-button-color: rgb(0, 0, 0); }

.theme-light .button.button-dark.button-secondary { --sk-button-background: transparent; --sk-button-background-hover: #0076DF; --sk-button-background-active: #006EDB; --sk-button-color: rgb(41, 151, 255); --sk-button-color-hover: rgb(255, 255, 255); --sk-button-border-color: rgb(41, 151, 255); }

.theme-light .button.button-dark.button-secondary-neutral { --sk-button-background: transparent; --sk-button-background-hover: rgb(255, 255, 255); --sk-button-background-active: #EDEDF2; --sk-button-color: rgb(245, 245, 247); --sk-button-color-hover: rgb(0, 0, 0); --sk-button-border-color: rgb(245, 245, 247); }

.button-light { --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.42); --sk-button-background: rgb(0, 113, 227); --sk-button-background-hover: #0076DF; --sk-button-background-active: #006EDB; }

.button-light.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); }

.button-light.button-secondary { --sk-button-background: transparent; --sk-button-background-hover: #0076DF; --sk-button-background-active: #006EDB; --sk-button-color: rgb(0, 102, 204); --sk-button-color-hover: rgb(255, 255, 255); --sk-button-border-color: rgb(0, 102, 204); }

.button-light.button-secondary-neutral { --sk-button-background: transparent; --sk-button-background-hover: #272729; --sk-button-background-active: #18181A; --sk-button-color: rgb(29, 29, 31); --sk-button-color-hover: rgb(255, 255, 255); --sk-button-border-color: rgb(29, 29, 31); }

.theme-dark .button.button-light { --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.42); --sk-button-background: rgb(0, 113, 227); --sk-button-background-hover: #0076DF; --sk-button-background-active: #006EDB; }

.theme-dark .button.button-light.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); }

.theme-dark .button.button-light.button-secondary { --sk-button-background: transparent; --sk-button-background-hover: #0076DF; --sk-button-background-active: #006EDB; --sk-button-color: rgb(0, 102, 204); --sk-button-color-hover: rgb(255, 255, 255); --sk-button-border-color: rgb(0, 102, 204); }

.theme-dark .button.button-light.button-secondary-neutral { --sk-button-background: transparent; --sk-button-background-hover: #272729; --sk-button-background-active: #18181A; --sk-button-color: rgb(29, 29, 31); --sk-button-color-hover: rgb(255, 255, 255); --sk-button-border-color: rgb(29, 29, 31); }

.endless-entertainment { display: flex; flex-direction: column; }

.media-gallery-headline-container { margin-bottom: var(--media-gallery-headline-margin-bottom); text-align: center; }

.media-gallery-headline { font-size: 56px; line-height: 1.07143; font-weight: 600; letter-spacing: -0.005em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); }

.media-gallery-headline:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro AR Display", "SF Pro Display", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.media-gallery-headline:lang(ja) { line-height: 1.125; letter-spacing: 0em; font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.media-gallery-headline:lang(ko) { line-height: 1.17865; letter-spacing: 0em; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.media-gallery-headline:lang(zh) { letter-spacing: 0em; }

.media-gallery-headline:lang(th) { line-height: 1.33929; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.media-gallery-headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.media-gallery-headline:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.media-gallery-headline:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.media-gallery-headline:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

@media (max-width: 1068px) {
  .media-gallery-headline { font-size: 32px; line-height: 1.125; font-weight: 600; letter-spacing: 0.004em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .media-gallery-headline:lang(ja) { line-height: 1.21875; font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .media-gallery-headline:lang(ko) { line-height: 1.21875; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .media-gallery-headline:lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .media-gallery-headline:lang(zh) { line-height: 1.21875; }
  .media-gallery-headline:lang(ar) { font-family: "SF Pro AR", "SF Pro AR Display", "SF Pro Display", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .media-gallery-headline:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .media-gallery-headline:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .media-gallery-headline:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .media-gallery-headline:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
}

.media-gallery-headline.theme-dark { color: rgb(255, 255, 255); }

.media-gallery-is-sliding { pointer-events: none; }

.media-gallery { display: flex; flex-direction: column; align-items: center; position: relative; }

.media-gallery-item-container { position: relative; width: calc(var(--media-gallery-tile-width) + var(--media-gallery-tile-gap)); height: var(--media-gallery-tile-height); margin: 0px; }

.media-gallery-item { position: absolute; width: calc(var(--media-gallery-tile-width) + var(--media-gallery-tile-gap)); height: 100%; display: flex; justify-content: center; background-color: unset; transform-style: preserve-3d; will-change: transform; }

.media-gallery:not(.media-gallery-is-sliding) .media-gallery-item { will-change: auto; }

.media-gallery-wrapper-link { display: grid; position: relative; width: var(--media-gallery-tile-width); height: 100%; pointer-events: none; overflow: hidden; background-color: rgb(0, 0, 0); z-index: 4; backface-visibility: hidden; transform: translateZ(0px); text-decoration: none !important; }

.current-item .media-gallery-wrapper-link { pointer-events: all; }

.media-gallery-bg-wrapper, .media-gallery-contents { width: 100%; height: 100%; grid-area: 1 / 1; position: relative; }

.media-gallery-bg, .media-gallery-bg img { display: block; width: 100%; height: 100%; }

.media-gallery-bg img { object-fit: cover; backface-visibility: hidden; }

.media-gallery-contents { display: flex; align-items: end; cursor: pointer; z-index: 3; }

.media-gallery-bottom-content { width: 100%; display: flex; align-items: center; padding-bottom: var(--media-gallery-bottom-content-padding-bottom); box-sizing: border-box; opacity: 0.36; transition: opacity 0.4s; padding-left: var(--media-gallery-bottom-content-padding-left); padding-right: var(--media-gallery-bottom-content-padding-right); }

@media (max-width: 734px) {
  .media-gallery-bottom-content { width: 100%; flex-direction: column-reverse; text-align: center; }
}

.current-item .media-gallery-bottom-content { opacity: 1; }

.films-media-gallery-bottom-content { transform: translateZ(0px); }

.more-from-apple-gallery .media-gallery-button, .tv-media-gallery .media-gallery-button { margin-top: var(--media-gallery-button-margin-top); flex-shrink: 0; }

@media (min-width: 1069px) {
  .more-from-apple-gallery .media-gallery-button, .tv-media-gallery .media-gallery-button { --sk-button-padding-horizontal: 22px; --sk-button-padding-vertical: 12px; --sk-button-min-width-basis: 70px; --sk-button-margin-horizontal: 18px; --sk-button-margin-vertical: 18px; font-size: 17px; line-height: 1.17648; font-weight: 400; letter-spacing: -0.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .more-from-apple-gallery .media-gallery-button:lang(ar), .tv-media-gallery .media-gallery-button:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .more-from-apple-gallery .media-gallery-button:lang(ja), .tv-media-gallery .media-gallery-button:lang(ja) { letter-spacing: 0em; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .more-from-apple-gallery .media-gallery-button:lang(ko), .tv-media-gallery .media-gallery-button:lang(ko) { letter-spacing: 0em; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .more-from-apple-gallery .media-gallery-button:lang(zh), .tv-media-gallery .media-gallery-button:lang(zh) { letter-spacing: 0em; }
  .more-from-apple-gallery .media-gallery-button:lang(th), .tv-media-gallery .media-gallery-button:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .more-from-apple-gallery .media-gallery-button:lang(zh-CN), .tv-media-gallery .media-gallery-button:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .more-from-apple-gallery .media-gallery-button:lang(zh-HK), .tv-media-gallery .media-gallery-button:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .more-from-apple-gallery .media-gallery-button:lang(zh-MO), .tv-media-gallery .media-gallery-button:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .more-from-apple-gallery .media-gallery-button:lang(zh-TW), .tv-media-gallery .media-gallery-button:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
}

.theme-dark .more-from-apple-gallery .media-gallery-button, .theme-dark .tv-media-gallery .media-gallery-button { --sk-button-color: rgb(0, 0, 0); --sk-button-background: rgb(245, 245, 247); --sk-button-background-hover: rgb(255, 255, 255); --sk-button-background-active: #EDEDF2; }

.tv-media-gallery .media-gallery-contents { background: radial-gradient(100% 33% at left bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0)); }

@media (max-width: 734px) {
  .tv-media-gallery .media-gallery-contents { background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7)), linear-gradient(rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0) 200px); }
}

@media (max-width: 734px) {
  .more-from-apple-gallery .media-gallery-contents { --media-gallery-bottom-content-padding-left: 25px; --media-gallery-bottom-content-padding-right: 25px; }
}

.media-gallery-longnote { color: rgb(245, 245, 247); font-size: 21px; line-height: 1.19048; font-weight: 400; letter-spacing: 0.011em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; padding-inline-start: var(--media-gallery-longnote-position-left); text-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px; }

.media-gallery-longnote:lang(ja) { line-height: 1.2381; font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.media-gallery-longnote:lang(ko) { line-height: 1.2858; font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.media-gallery-longnote:lang(th) { line-height: 1.381; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.media-gallery-longnote:lang(zh) { line-height: 1.3334; }

.media-gallery-longnote:lang(ar) { font-family: "SF Pro AR", "SF Pro AR Display", "SF Pro Display", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.media-gallery-longnote:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.media-gallery-longnote:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.media-gallery-longnote:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.media-gallery-longnote:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

@media (max-width: 1068px) {
  .media-gallery-longnote { font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -0.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .media-gallery-longnote:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .media-gallery-longnote:lang(ja) { letter-spacing: 0em; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .media-gallery-longnote:lang(ko) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .media-gallery-longnote:lang(zh) { line-height: 1.35296; letter-spacing: 0em; }
  .media-gallery-longnote:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .media-gallery-longnote:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .media-gallery-longnote:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .media-gallery-longnote:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .media-gallery-longnote:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
}

.media-gallery-genre { font-weight: 700; }

@media (max-width: 734px) {
  .media-gallery-genre { display: block; }
}

.media-gallery-genre::after { content: "•"; padding: 0 var(--media-gallery-genre-m-dot-padding); }

@media (max-width: 734px) {
  .media-gallery-genre::after { display: none; }
}

.media-gallery-dotnav { margin-top: var(--media-gallery-dotnav-gap); margin-bottom: var(--media-gallery-dotnav-gap); width: 100%; height: var(--sk-dotnav-iconcontrol-icon-size); position: relative; justify-content: center; order: 4; }

.media-gallery-dotnav-iconcontrol { position: absolute; top: var(--media-gallery-dotnav-iconcontrol-margin-top); right: var(--media-gallery-dotnav-iconcontrol-margin-right); }

.media-gallery-dotnav .media-gallery-dotnav-iconcontrol { border-radius: 50%; }

.media-gallery-dotnav.dotnav-scrim-solid { --sk-dotnav-iconcontrol-icon-size: 24px; }

.media-gallery-dotnav.dotnav-scrim-solid .media-gallery-dotnav-items { background: none; }

.dotnav-timed { --sk-dotnav-scrim-solid-iconcontrol-scrim-color: rgba(210, 210, 215, 0.64); }

@media (hover: hover) {
  .dotnav-timed { --sk-dotnav-scrim-solid-iconcontrol-scrim-color-hover: rgba(223, 223, 227, 0.6976); }
}

.tv-gallery-top-content-s-only { display: none; }

@media (max-width: 734px) {
  .tv-gallery-top-content-s-only { position: absolute; top: 0px; left: 0px; width: 100%; display: flex; flex-direction: column; align-items: center; }
}

.tv-gallery-atvplus-logo { width: 50px; height: 32px; margin: 20px auto 5px; }

@media (max-width: 734px) {
  .tv-gallery-atvplus-logo.hide-logo { display: none; }
  .tv-gallery-atvplus-logo.hide-logo ~ .tv-gallery-media-logo { margin-top: 40px; }
}

#tv-media-gallery + #fam-media-gallery { padding-top: var(--media-gallery-tile-gap); }

[data-films-media] .inline-media-wrapper { position: relative; width: var(--media-gallery-tile-width); height: 100%; grid-area: 1 / 1; overflow: hidden; background-color: rgb(0, 0, 0); }

[data-films-media] video { position: absolute; bottom: 0px; height: 100%; width: 100%; object-fit: cover; transform: scale(1.01); z-index: 1; }

html.no-enhanced-xp [data-films-media] video, html.no-js [data-films-media] video { display: none; }

[data-films-media] .start-frame img { transform: scale(1.01); }

[data-films-media] .inline-media-wrapper.loaded .start-frame { display: none; }

html.no-enhanced-xp [data-films-media] .inline-media-wrapper.loaded .start-frame, html.no-js [data-films-media] .inline-media-wrapper.loaded .start-frame { display: block; }

html.safari .modal-dark { transform: translateZ(0px); perspective: 1000px; }

html.safari .modal-dark .modal-content-container { transform: translateZ(0px); }

.modal-dark .ac-video-player { background: var(--modal-overlay-background); overflow: hidden; }

.modal-dark .ac-video-player video, .modal-dark .ac-video-player .ac-video-poster img { transform: scale(1.01); }

.button-tertiary { --sk-button-background: transparent; --sk-button-background-hover: #0076DF; --sk-button-background-active: #006EDB; --sk-button-color: rgb(0, 102, 204); --sk-button-color-hover: rgb(255, 255, 255); --sk-button-border-color: rgb(0, 102, 204); }

.fam-media-gallery { --media-gallery-longnote-position-left: 0; --media-gallery-tile-width: 417px; --media-gallery-bottom-content-padding-left: 19px; --media-gallery-bottom-content-padding-bottom: 15px; --media-gallery-bottom-content-padding-right: 15px; }

@media (min-width: 1441px) {
  .fam-media-gallery { --media-gallery-tile-width: 470px; }
}

@media (max-width: 1068px) {
  .fam-media-gallery { --media-gallery-tile-width: 188px; --media-gallery-bottom-content-padding-left: 20px; --media-gallery-bottom-content-padding-right: 20px; }
}

@media (max-width: 734px) {
  .fam-media-gallery { --media-gallery-bottom-content-padding-left: 30px; --media-gallery-bottom-content-padding-right: 30px; }
}

.fam-media-gallery .media-gallery-item-container { height: var(--fam-gallery-tile-height); transform: translateZ(0px); backface-visibility: hidden; }

.fam-media-gallery .media-gallery-bg-wrapper.media-gallery-bg-wrapper-music { display: flex; align-items: center; }

@media (max-width: 1068px) {
  .fam-media-gallery .media-gallery-bg-wrapper.media-gallery-bg-wrapper-music { flex-direction: column; }
}

.fam-media-gallery .media-gallery-bg.media-gallery-bg-music { margin-left: 19px; position: relative; flex-shrink: 0; border-radius: 8px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.22) 3px 5px 30px; z-index: 4; backface-visibility: hidden; }

@media (max-width: 1068px) {
  .fam-media-gallery .media-gallery-bg.media-gallery-bg-music { margin-left: 0px; margin-top: 46px; }
}

.fam-media-gallery .media-gallery-bg.media-gallery-bg-music, .fam-media-gallery .media-gallery-bg.media-gallery-bg-music img { width: unset; height: unset; }

.fam-media-gallery .media-gallery-contents { position: relative; }

.fam-media-gallery .media-gallery-top-content { display: flex; flex-direction: row-reverse; width: 100%; position: absolute; top: 0px; padding-block-start: 15px; padding-inline-end: 15px; box-sizing: border-box; }

@media (max-width: 1068px) {
  .fam-media-gallery .media-gallery-top-content { padding-block-start: 0px; padding-inline-end: 0px; justify-content: center; margin-top: 13px; }
}

.fam-media-gallery .media-gallery-logo { fill: rgb(255, 255, 255); }

.fam-media-gallery .media-gallery-logo-fitness { width: 78px; height: 21px; }

@media (max-width: 1068px) {
  .fam-media-gallery .media-gallery-logo-fitness { width: 88px; height: 20px; }
}

.fam-media-gallery .media-gallery-logo-arcade { width: 68px; height: 21px; }

@media (max-width: 1068px) {
  .fam-media-gallery .media-gallery-logo-arcade { width: 72px; height: 20px; }
}

.fam-media-gallery .media-gallery-logo-music { width: 59px; height: 21px; }

@media (max-width: 1068px) {
  .fam-media-gallery .media-gallery-logo-music { width: 64px; height: 20px; }
}

.fam-media-gallery .media-gallery-button { flex-shrink: 0; --sk-button-color-hover: var(--sk-button-color); --sk-button-color-active: var(--sk-button-color-hover); --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.42); --sk-button-backdrop-filter: none; --sk-button-border-color: transparent; --sk-button-border-radius: 980px; --sk-button-margin-horizontal: 14px; --sk-button-margin-vertical: 14px; --sk-button-min-width-basis: 60px; --sk-button-padding-horizontal: 16px; --sk-button-padding-vertical: 9px; --sk-button-border-width: 1px; --sk-button-box-sizing: content-box; --sk-button-width: auto; --sk-button-display: inline-block; font-size: 14px; line-height: 1.28577; font-weight: 400; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; background: var(--sk-button-background); color: var(--sk-button-color); backdrop-filter: var(--sk-button-backdrop-filter); border-color: var(--sk-button-border-color); padding-block: calc(var(--sk-button-padding-vertical) - var(--sk-button-border-width)); padding-inline: calc(var(--sk-button-padding-horizontal) - var(--sk-button-border-width)); border-radius: var(--sk-button-border-radius); border-style: solid; border-width: var(--sk-button-border-width); width: var(--sk-button-width); min-width: calc(var(--sk-button-min-width-basis) - var(--sk-button-padding-horizontal)*2); cursor: pointer; display: var(--sk-button-display); box-sizing: var(--sk-button-box-sizing); text-align: center; text-decoration: none; white-space: nowrap; --sk-button-color: rgb(255, 255, 255); --sk-button-background: rgb(29, 29, 31); --sk-button-background-hover: #272729; --sk-button-background-active: #18181A; }

.fam-media-gallery .media-gallery-button:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.fam-media-gallery .media-gallery-button:lang(ja) { letter-spacing: 0em; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.fam-media-gallery .media-gallery-button:lang(ko) { letter-spacing: 0em; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.fam-media-gallery .media-gallery-button:lang(zh) { letter-spacing: 0em; }

.fam-media-gallery .media-gallery-button:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.fam-media-gallery .media-gallery-button:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.fam-media-gallery .media-gallery-button:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.fam-media-gallery .media-gallery-button:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.fam-media-gallery .media-gallery-button:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.fam-media-gallery .media-gallery-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; border-color: rgba(0, 0, 0, 0); }

.fam-media-gallery .media-gallery-button:focus-visible { outline: 2px solid var(--sk-focus-color, #0071e3); outline-offset: var(--sk-focus-offset-container, 3px); }

.fam-media-gallery .media-gallery-button:active { background: var(--sk-button-background-active, var(--sk-button-background)); color: var(--sk-button-color-active, var(--sk-button-color)); outline: none; }

.fam-media-gallery .media-gallery-button:disabled, .fam-media-gallery .media-gallery-button.disabled { pointer-events: none; opacity: var(--sk-button-disabled-opacity); }

@media (max-width: 1068px) {
  .fam-media-gallery .media-gallery-button { --sk-button-padding-horizontal: 11px; --sk-button-padding-vertical: 4px; --sk-button-min-width-basis: 45px; --sk-button-margin-horizontal: 10px; --sk-button-margin-vertical: 10px; font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -0.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-button:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-button:lang(ja) { letter-spacing: 0em; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-button:lang(ko) { letter-spacing: 0em; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-button:lang(zh) { letter-spacing: 0em; }
  .fam-media-gallery .media-gallery-button:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-button:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-button:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-button:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-button:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
}

.fam-media-gallery .media-gallery-bottom-content { justify-content: space-between; flex-flow: row-reverse; }

@media (max-width: 1068px) {
  .fam-media-gallery .media-gallery-bottom-content { justify-content: center; flex-flow: column-reverse; }
}

.fam-media-gallery .media-gallery-longnote { font-size: 14px; line-height: 1.28577; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.fam-media-gallery .media-gallery-longnote:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.fam-media-gallery .media-gallery-longnote:lang(ja) { line-height: 1.28577; letter-spacing: 0em; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.fam-media-gallery .media-gallery-longnote:lang(ko) { line-height: 1.28577; letter-spacing: 0em; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.fam-media-gallery .media-gallery-longnote:lang(zh) { line-height: 1.28577; letter-spacing: 0em; }

.fam-media-gallery .media-gallery-longnote:lang(th) { line-height: 1.28577; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.fam-media-gallery .media-gallery-longnote:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.fam-media-gallery .media-gallery-longnote:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.fam-media-gallery .media-gallery-longnote:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.fam-media-gallery .media-gallery-longnote:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

@media (max-width: 1068px) {
  .fam-media-gallery .media-gallery-longnote { font-size: 14px; line-height: 1.28577; font-weight: 600; letter-spacing: -0.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-longnote:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-longnote:lang(ja) { line-height: 1.28577; letter-spacing: 0em; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-longnote:lang(ko) { line-height: 1.28577; letter-spacing: 0em; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-longnote:lang(zh) { line-height: 1.28577; letter-spacing: 0em; }
  .fam-media-gallery .media-gallery-longnote:lang(th) { line-height: 1.28577; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-longnote:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-longnote:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-longnote:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-longnote:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
}

@media (max-width: 734px) {
  .fam-media-gallery .media-gallery-longnote { font-size: 12px; line-height: 1.33337; font-weight: 600; letter-spacing: -0.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-longnote:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-longnote:lang(ja) { line-height: 1.33337; letter-spacing: 0em; font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-longnote:lang(ko) { line-height: 1.33337; letter-spacing: 0em; font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Lexi Gulim", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-longnote:lang(zh) { letter-spacing: 0em; }
  .fam-media-gallery .media-gallery-longnote:lang(th) { line-height: 1.33337; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-longnote:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-longnote:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-longnote:lang(zh-MO) { font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .fam-media-gallery .media-gallery-longnote:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
}

@media (max-width: 1068px) {
  .fam-media-gallery .media-gallery-longnote { width: 100%; text-align: center; margin-left: 0px; margin-bottom: 8px; }
}

.fam-media-gallery .media-gallery-longnote.media-gallery-longnote-music { margin-left: 19px; position: relative; z-index: 3; }

@media (max-width: 1068px) {
  .fam-media-gallery .media-gallery-longnote.media-gallery-longnote-music { margin-left: 0px; }
}

@media (min-width: 1069px) {
  .fam-media-gallery .media-gallery-longnote.media-gallery-longnote-music-hide-large { display: none; }
}

@media (max-width: 1068px) {
  .fam-media-gallery .media-gallery-longnote.media-gallery-longnote-music-hide-medium-small { display: none; }
}

.fam-media-gallery .theme-dark .media-gallery-contents { background: linear-gradient(rgba(29, 29, 31, 0.4) 0%, rgba(29, 29, 31, 0) 70px, rgba(29, 29, 31, 0) calc(100% - 70px), rgba(29, 29, 31, 0.4) 100%); }

@media (max-width: 1068px) {
  .fam-media-gallery .theme-dark .media-gallery-contents { background: linear-gradient(rgba(29, 29, 31, 0.45) 0%, rgba(29, 29, 31, 0) 60px, rgba(29, 29, 31, 0) calc(100% - 120px), rgba(29, 29, 31, 0.45) 100%); }
}

@media (max-width: 734px) {
  .fam-media-gallery .theme-dark .media-gallery-contents { background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7)), linear-gradient(rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0) 200px); }
}

.fam-media-gallery .theme-dark .media-gallery-button { --sk-button-color: rgb(0, 0, 0); --sk-button-background: rgb(245, 245, 247); --sk-button-background-hover: rgb(255, 255, 255); --sk-button-background-active: #EDEDF2; }

.fam-media-gallery .theme-light .media-gallery-logo-music > svg { fill: rgb(29, 29, 31); }

.fam-media-gallery .theme-light .media-gallery-longnote-music { color: rgb(29, 29, 31); text-shadow: none; }