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

body {
    margin: 0;
    padding: 0
}

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

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

fieldset, iframe {
    border: 0
}

caption, th {
    text-align: left
}

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

main, summary, details {
    display: block
}

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

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

button:disabled {
    cursor: default
}

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

::-moz-focus-inner {
    border: 0;
    padding: 0
}

:root {
    --sk-body-text-color: rgb(29, 29, 31);
    --sk-headline-text-color: rgb(29, 29, 31);
    --sk-body-background-color: rgb(255, 255, 255);
    --sk-body-font-stack: text;
    --sk-default-stacked-margin: 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.4705882353;
    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.3529611765;
    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.5882352941;
    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.3529611765;
    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;
    -moz-font-feature-settings: "kern";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: var(--sk-headline-text-color, rgb(29, 29, 31))
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    display: block;
    margin: 0
}

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

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

ul, ol {
    margin-inline-start: 1.1764705882em
}

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

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

li li {
    font-size: 1em
}

b, strong {
    font-weight: 600
}

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

abbr {
    border: 0
}

:lang(ja), :lang(ko), :lang(th), :lang(zh) {
    font-style: normal
}

:lang(ko) {
    word-break: keep-all
}

:root {
    --sk-body-link-color: rgb(0, 102, 204);
    --sk-link-disabled-opacity: 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(0 0 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

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

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

.clear {
    clear: both
}

.cursor-grab {
    cursor: move;
    cursor: grab
}

.cursor-grabbing {
    cursor: move;
    cursor: grabbing
}

:root {
    --sk-footnote-font-size: 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: row wrap;
    width: 100%
}

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

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

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

.large-order-0 {
    order: 0
}

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

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

.large-order-1 {
    order: 1
}

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

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

.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.3333333333%;
    max-width: 33.3333333333%
}

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

.large-order-4 {
    order: 4
}

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

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

.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.3333333333%;
    max-width: 58.3333333333%
}

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

.large-order-7 {
    order: 7
}

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

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

.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.3333333333%;
    max-width: 83.3333333333%
}

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

.large-order-10 {
    order: 10
}

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

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

.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-start: auto;
    margin-inline-end: auto
}

.large-uncentered {
    margin-inline-start: 0;
    margin-inline-end: 0
}

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

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

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

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

@media (min-width: 1441px) {
    .xlarge-offset-0 {
        margin-inline-start: 0
    }

    .xlarge-order-0 {
        order: 0
    }

    .xlarge-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .xlarge-offset-1 {
        margin-inline-start: 8.3333333333%
    }

    .xlarge-order-1 {
        order: 1
    }

    .xlarge-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .xlarge-offset-2 {
        margin-inline-start: 16.6666666667%
    }

    .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.3333333333%;
        max-width: 33.3333333333%
    }

    .xlarge-offset-4 {
        margin-inline-start: 33.3333333333%
    }

    .xlarge-order-4 {
        order: 4
    }

    .xlarge-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .xlarge-offset-5 {
        margin-inline-start: 41.6666666667%
    }

    .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.3333333333%;
        max-width: 58.3333333333%
    }

    .xlarge-offset-7 {
        margin-inline-start: 58.3333333333%
    }

    .xlarge-order-7 {
        order: 7
    }

    .xlarge-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .xlarge-offset-8 {
        margin-inline-start: 66.6666666667%
    }

    .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.3333333333%;
        max-width: 83.3333333333%
    }

    .xlarge-offset-10 {
        margin-inline-start: 83.3333333333%
    }

    .xlarge-order-10 {
        order: 10
    }

    .xlarge-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .xlarge-offset-11 {
        margin-inline-start: 91.6666666667%
    }

    .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-start: auto;
        margin-inline-end: auto
    }

    .xlarge-uncentered {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

    .xlarge-last {
        margin-inline-start: auto
    }

    .xlarge-notlast {
        margin-inline-start: 0
    }

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

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

@media (max-width: 1068px) {
    .medium-offset-0 {
        margin-inline-start: 0
    }

    .medium-order-0 {
        order: 0
    }

    .medium-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .medium-offset-1 {
        margin-inline-start: 8.3333333333%
    }

    .medium-order-1 {
        order: 1
    }

    .medium-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .medium-offset-2 {
        margin-inline-start: 16.6666666667%
    }

    .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.3333333333%;
        max-width: 33.3333333333%
    }

    .medium-offset-4 {
        margin-inline-start: 33.3333333333%
    }

    .medium-order-4 {
        order: 4
    }

    .medium-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .medium-offset-5 {
        margin-inline-start: 41.6666666667%
    }

    .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.3333333333%;
        max-width: 58.3333333333%
    }

    .medium-offset-7 {
        margin-inline-start: 58.3333333333%
    }

    .medium-order-7 {
        order: 7
    }

    .medium-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .medium-offset-8 {
        margin-inline-start: 66.6666666667%
    }

    .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.3333333333%;
        max-width: 83.3333333333%
    }

    .medium-offset-10 {
        margin-inline-start: 83.3333333333%
    }

    .medium-order-10 {
        order: 10
    }

    .medium-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .medium-offset-11 {
        margin-inline-start: 91.6666666667%
    }

    .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-start: auto;
        margin-inline-end: auto
    }

    .medium-uncentered {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

    .medium-last {
        margin-inline-start: auto
    }

    .medium-notlast {
        margin-inline-start: 0
    }

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

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

@media (max-width: 734px) {
    .small-offset-0 {
        margin-inline-start: 0
    }

    .small-order-0 {
        order: 0
    }

    .small-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .small-offset-1 {
        margin-inline-start: 8.3333333333%
    }

    .small-order-1 {
        order: 1
    }

    .small-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .small-offset-2 {
        margin-inline-start: 16.6666666667%
    }

    .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.3333333333%;
        max-width: 33.3333333333%
    }

    .small-offset-4 {
        margin-inline-start: 33.3333333333%
    }

    .small-order-4 {
        order: 4
    }

    .small-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .small-offset-5 {
        margin-inline-start: 41.6666666667%
    }

    .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.3333333333%;
        max-width: 58.3333333333%
    }

    .small-offset-7 {
        margin-inline-start: 58.3333333333%
    }

    .small-order-7 {
        order: 7
    }

    .small-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .small-offset-8 {
        margin-inline-start: 66.6666666667%
    }

    .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.3333333333%;
        max-width: 83.3333333333%
    }

    .small-offset-10 {
        margin-inline-start: 83.3333333333%
    }

    .small-order-10 {
        order: 10
    }

    .small-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .small-offset-11 {
        margin-inline-start: 91.6666666667%
    }

    .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-start: auto;
        margin-inline-end: auto
    }

    .small-uncentered {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

    .small-last {
        margin-inline-start: auto
    }

    .small-notlast {
        margin-inline-start: 0
    }

    .small-grow {
        flex: 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: 0
    }

    .xlargetall-order-0 {
        order: 0
    }

    .xlargetall-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .xlargetall-offset-1 {
        margin-inline-start: 8.3333333333%
    }

    .xlargetall-order-1 {
        order: 1
    }

    .xlargetall-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .xlargetall-offset-2 {
        margin-inline-start: 16.6666666667%
    }

    .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.3333333333%;
        max-width: 33.3333333333%
    }

    .xlargetall-offset-4 {
        margin-inline-start: 33.3333333333%
    }

    .xlargetall-order-4 {
        order: 4
    }

    .xlargetall-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .xlargetall-offset-5 {
        margin-inline-start: 41.6666666667%
    }

    .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.3333333333%;
        max-width: 58.3333333333%
    }

    .xlargetall-offset-7 {
        margin-inline-start: 58.3333333333%
    }

    .xlargetall-order-7 {
        order: 7
    }

    .xlargetall-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .xlargetall-offset-8 {
        margin-inline-start: 66.6666666667%
    }

    .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.3333333333%;
        max-width: 83.3333333333%
    }

    .xlargetall-offset-10 {
        margin-inline-start: 83.3333333333%
    }

    .xlargetall-order-10 {
        order: 10
    }

    .xlargetall-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .xlargetall-offset-11 {
        margin-inline-start: 91.6666666667%
    }

    .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-start: auto;
        margin-inline-end: auto
    }

    .xlargetall-uncentered {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

    .xlargetall-last {
        margin-inline-start: auto
    }

    .xlargetall-notlast {
        margin-inline-start: 0
    }

    .xlargetall-grow {
        flex: 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: 0
    }

    .largetall-order-0 {
        order: 0
    }

    .largetall-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .largetall-offset-1 {
        margin-inline-start: 8.3333333333%
    }

    .largetall-order-1 {
        order: 1
    }

    .largetall-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .largetall-offset-2 {
        margin-inline-start: 16.6666666667%
    }

    .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.3333333333%;
        max-width: 33.3333333333%
    }

    .largetall-offset-4 {
        margin-inline-start: 33.3333333333%
    }

    .largetall-order-4 {
        order: 4
    }

    .largetall-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .largetall-offset-5 {
        margin-inline-start: 41.6666666667%
    }

    .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.3333333333%;
        max-width: 58.3333333333%
    }

    .largetall-offset-7 {
        margin-inline-start: 58.3333333333%
    }

    .largetall-order-7 {
        order: 7
    }

    .largetall-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .largetall-offset-8 {
        margin-inline-start: 66.6666666667%
    }

    .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.3333333333%;
        max-width: 83.3333333333%
    }

    .largetall-offset-10 {
        margin-inline-start: 83.3333333333%
    }

    .largetall-order-10 {
        order: 10
    }

    .largetall-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .largetall-offset-11 {
        margin-inline-start: 91.6666666667%
    }

    .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-start: auto;
        margin-inline-end: auto
    }

    .largetall-uncentered {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

    .largetall-last {
        margin-inline-start: auto
    }

    .largetall-notlast {
        margin-inline-start: 0
    }

    .largetall-grow {
        flex: 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: 0
    }

    .mediumtall-order-0 {
        order: 0
    }

    .mediumtall-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .mediumtall-offset-1 {
        margin-inline-start: 8.3333333333%
    }

    .mediumtall-order-1 {
        order: 1
    }

    .mediumtall-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .mediumtall-offset-2 {
        margin-inline-start: 16.6666666667%
    }

    .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.3333333333%;
        max-width: 33.3333333333%
    }

    .mediumtall-offset-4 {
        margin-inline-start: 33.3333333333%
    }

    .mediumtall-order-4 {
        order: 4
    }

    .mediumtall-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .mediumtall-offset-5 {
        margin-inline-start: 41.6666666667%
    }

    .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.3333333333%;
        max-width: 58.3333333333%
    }

    .mediumtall-offset-7 {
        margin-inline-start: 58.3333333333%
    }

    .mediumtall-order-7 {
        order: 7
    }

    .mediumtall-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .mediumtall-offset-8 {
        margin-inline-start: 66.6666666667%
    }

    .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.3333333333%;
        max-width: 83.3333333333%
    }

    .mediumtall-offset-10 {
        margin-inline-start: 83.3333333333%
    }

    .mediumtall-order-10 {
        order: 10
    }

    .mediumtall-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .mediumtall-offset-11 {
        margin-inline-start: 91.6666666667%
    }

    .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-start: auto;
        margin-inline-end: auto
    }

    .mediumtall-uncentered {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

    .mediumtall-last {
        margin-inline-start: auto
    }

    .mediumtall-notlast {
        margin-inline-start: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1441px) {
    .row-reverse .xlarge-offset-0 {
        margin-inline-end: 0
    }

    .row-reverse .xlarge-offset-1 {
        margin-inline-end: 8.3333333333%
    }

    .row-reverse .xlarge-offset-2 {
        margin-inline-end: 16.6666666667%
    }

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

    .row-reverse .xlarge-offset-4 {
        margin-inline-end: 33.3333333333%
    }

    .row-reverse .xlarge-offset-5 {
        margin-inline-end: 41.6666666667%
    }

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

    .row-reverse .xlarge-offset-7 {
        margin-inline-end: 58.3333333333%
    }

    .row-reverse .xlarge-offset-8 {
        margin-inline-end: 66.6666666667%
    }

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

    .row-reverse .xlarge-offset-10 {
        margin-inline-end: 83.3333333333%
    }

    .row-reverse .xlarge-offset-11 {
        margin-inline-end: 91.6666666667%
    }

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

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

    .row-reverse .xlarge-notlast {
        margin-inline-end: 0
    }
}

@media (max-width: 1068px) {
    .row-reverse .medium-offset-0 {
        margin-inline-end: 0
    }

    .row-reverse .medium-offset-1 {
        margin-inline-end: 8.3333333333%
    }

    .row-reverse .medium-offset-2 {
        margin-inline-end: 16.6666666667%
    }

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

    .row-reverse .medium-offset-4 {
        margin-inline-end: 33.3333333333%
    }

    .row-reverse .medium-offset-5 {
        margin-inline-end: 41.6666666667%
    }

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

    .row-reverse .medium-offset-7 {
        margin-inline-end: 58.3333333333%
    }

    .row-reverse .medium-offset-8 {
        margin-inline-end: 66.6666666667%
    }

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

    .row-reverse .medium-offset-10 {
        margin-inline-end: 83.3333333333%
    }

    .row-reverse .medium-offset-11 {
        margin-inline-end: 91.6666666667%
    }

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

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

    .row-reverse .medium-notlast {
        margin-inline-end: 0
    }
}

@media (max-width: 734px) {
    .row-reverse .small-offset-0 {
        margin-inline-end: 0
    }

    .row-reverse .small-offset-1 {
        margin-inline-end: 8.3333333333%
    }

    .row-reverse .small-offset-2 {
        margin-inline-end: 16.6666666667%
    }

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

    .row-reverse .small-offset-4 {
        margin-inline-end: 33.3333333333%
    }

    .row-reverse .small-offset-5 {
        margin-inline-end: 41.6666666667%
    }

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

    .row-reverse .small-offset-7 {
        margin-inline-end: 58.3333333333%
    }

    .row-reverse .small-offset-8 {
        margin-inline-end: 66.6666666667%
    }

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

    .row-reverse .small-offset-10 {
        margin-inline-end: 83.3333333333%
    }

    .row-reverse .small-offset-11 {
        margin-inline-end: 91.6666666667%
    }

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

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

    .row-reverse .small-notlast {
        margin-inline-end: 0
    }
}

@media (min-width: 1441px)and (min-height: 776px) {
    .row-reverse .xlargetall-offset-0 {
        margin-inline-end: 0
    }

    .row-reverse .xlargetall-offset-1 {
        margin-inline-end: 8.3333333333%
    }

    .row-reverse .xlargetall-offset-2 {
        margin-inline-end: 16.6666666667%
    }

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

    .row-reverse .xlargetall-offset-4 {
        margin-inline-end: 33.3333333333%
    }

    .row-reverse .xlargetall-offset-5 {
        margin-inline-end: 41.6666666667%
    }

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

    .row-reverse .xlargetall-offset-7 {
        margin-inline-end: 58.3333333333%
    }

    .row-reverse .xlargetall-offset-8 {
        margin-inline-end: 66.6666666667%
    }

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

    .row-reverse .xlargetall-offset-10 {
        margin-inline-end: 83.3333333333%
    }

    .row-reverse .xlargetall-offset-11 {
        margin-inline-end: 91.6666666667%
    }

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

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

    .row-reverse .xlargetall-notlast {
        margin-inline-end: 0
    }
}

@media (min-width: 1070px)and (max-width: 1440px)and (min-height: 776px) {
    .row-reverse .largetall-offset-0 {
        margin-inline-end: 0
    }

    .row-reverse .largetall-offset-1 {
        margin-inline-end: 8.3333333333%
    }

    .row-reverse .largetall-offset-2 {
        margin-inline-end: 16.6666666667%
    }

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

    .row-reverse .largetall-offset-4 {
        margin-inline-end: 33.3333333333%
    }

    .row-reverse .largetall-offset-5 {
        margin-inline-end: 41.6666666667%
    }

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

    .row-reverse .largetall-offset-7 {
        margin-inline-end: 58.3333333333%
    }

    .row-reverse .largetall-offset-8 {
        margin-inline-end: 66.6666666667%
    }

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

    .row-reverse .largetall-offset-10 {
        margin-inline-end: 83.3333333333%
    }

    .row-reverse .largetall-offset-11 {
        margin-inline-end: 91.6666666667%
    }

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

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

    .row-reverse .largetall-notlast {
        margin-inline-end: 0
    }
}

@media (min-width: 736px)and (max-width: 1069px)and (min-height: 734px) {
    .row-reverse .mediumtall-offset-0 {
        margin-inline-end: 0
    }

    .row-reverse .mediumtall-offset-1 {
        margin-inline-end: 8.3333333333%
    }

    .row-reverse .mediumtall-offset-2 {
        margin-inline-end: 16.6666666667%
    }

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

    .row-reverse .mediumtall-offset-4 {
        margin-inline-end: 33.3333333333%
    }

    .row-reverse .mediumtall-offset-5 {
        margin-inline-end: 41.6666666667%
    }

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

    .row-reverse .mediumtall-offset-7 {
        margin-inline-end: 58.3333333333%
    }

    .row-reverse .mediumtall-offset-8 {
        margin-inline-end: 66.6666666667%
    }

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

    .row-reverse .mediumtall-offset-10 {
        margin-inline-end: 83.3333333333%
    }

    .row-reverse .mediumtall-offset-11 {
        margin-inline-end: 91.6666666667%
    }

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

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

    .row-reverse .mediumtall-notlast {
        margin-inline-end: 0
    }
}

.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));
    grid-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));
    grid-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-start: auto;
    margin-inline-end: auto;
    display: grid;
    grid-template-columns:repeat(var(--sk-cssgrid-columns), minmax(0, 1fr))
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 736px)and (max-width: 1069px)and (min-height: 734px) {
    .grid {
        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: 0;
    padding-right: 0
}

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

.large-span-0 {
    grid-column: span 0
}

.large-span-1 {
    grid-column: span 1
}

.large-span-2 {
    grid-column: span 2
}

.large-span-3 {
    grid-column: span 3
}

.large-span-4 {
    grid-column: span 4
}

.large-span-5 {
    grid-column: span 5
}

.large-span-6 {
    grid-column: span 6
}

.large-span-7 {
    grid-column: span 7
}

.large-span-8 {
    grid-column: span 8
}

.large-span-9 {
    grid-column: span 9
}

.large-span-10 {
    grid-column: span 10
}

.large-span-11 {
    grid-column: span 11
}

.large-span-12 {
    grid-column: span 12
}

@media (min-width: 1441px) {
    .xlarge-span-0 {
        grid-column: span 0
    }

    .xlarge-span-1 {
        grid-column: span 1
    }

    .xlarge-span-2 {
        grid-column: span 2
    }

    .xlarge-span-3 {
        grid-column: span 3
    }

    .xlarge-span-4 {
        grid-column: span 4
    }

    .xlarge-span-5 {
        grid-column: span 5
    }

    .xlarge-span-6 {
        grid-column: span 6
    }

    .xlarge-span-7 {
        grid-column: span 7
    }

    .xlarge-span-8 {
        grid-column: span 8
    }

    .xlarge-span-9 {
        grid-column: span 9
    }

    .xlarge-span-10 {
        grid-column: span 10
    }

    .xlarge-span-11 {
        grid-column: span 11
    }

    .xlarge-span-12 {
        grid-column: span 12
    }
}

@media (max-width: 1068px) {
    .medium-span-0 {
        grid-column: span 0
    }

    .medium-span-1 {
        grid-column: span 1
    }

    .medium-span-2 {
        grid-column: span 2
    }

    .medium-span-3 {
        grid-column: span 3
    }

    .medium-span-4 {
        grid-column: span 4
    }

    .medium-span-5 {
        grid-column: span 5
    }

    .medium-span-6 {
        grid-column: span 6
    }

    .medium-span-7 {
        grid-column: span 7
    }

    .medium-span-8 {
        grid-column: span 8
    }

    .medium-span-9 {
        grid-column: span 9
    }

    .medium-span-10 {
        grid-column: span 10
    }

    .medium-span-11 {
        grid-column: span 11
    }

    .medium-span-12 {
        grid-column: span 12
    }
}

@media (max-width: 734px) {
    .small-span-0 {
        grid-column: span 0
    }

    .small-span-1 {
        grid-column: span 1
    }

    .small-span-2 {
        grid-column: span 2
    }

    .small-span-3 {
        grid-column: span 3
    }

    .small-span-4 {
        grid-column: span 4
    }

    .small-span-5 {
        grid-column: span 5
    }

    .small-span-6 {
        grid-column: span 6
    }

    .small-span-7 {
        grid-column: span 7
    }

    .small-span-8 {
        grid-column: span 8
    }

    .small-span-9 {
        grid-column: span 9
    }

    .small-span-10 {
        grid-column: span 10
    }

    .small-span-11 {
        grid-column: span 11
    }

    .small-span-12 {
        grid-column: span 12
    }
}

@media (min-width: 1441px)and (min-height: 776px) {
    .xlargetall-span-0 {
        grid-column: 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 {
        grid-column: 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 {
        grid-column: 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;
    alt: ""
}

.icon::before, .icon::after, .more::before, .more::after {
    text-decoration: none
}

.icon::before, .more::before {
    display: none
}

.icon-after::after, .more::after {
    padding-inline-start: .24em;
    top: 0
}

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

.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: 0
}

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

.icon-applewithoutspace::before {
    padding-inline-end: .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: .03em
}

:lang(ja) .icon-share::after {
    position: relative;
    top: .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: .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.2857742857;
    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: rgb(255, 0, 0);
    --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: rgb(255, 0, 0);
    --sk-button-color-hover: rgb(255, 255, 255);
    /*--sk-button-border-color: rgb(0, 102, 204)*/
    --sk-button-border-color: rgb(255, 0, 0)
}

.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.1764805882;
    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.1764805882;
    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.3333733333;
    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: -moz-fit-content;
    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: 0;
    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);
    -webkit-user-select: none;
    -moz-user-select: none;
    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: 0;
    left: 0
}

.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(0 0 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

.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: 0
    }
}

@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: 0
    }
}

@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 0ms ease-in-out 120ms, padding-inline 0ms 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: dotnav-timed-dot-expand 250ms ease-in
}

.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: dotnav-timed-dot-expand 250ms ease-in
}

.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: dotnav-timed-dot-shrink 250ms ease-out;
    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: 0;
    padding: 0;
    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(0, 0)
}

.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: rgb(255, 0, 0);
    --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: rgb(255, 0, 0);
    --sk-button-color-hover: rgb(255, 255, 255);
    /*--sk-button-border-color: rgb(41, 151, 255)*/
    --sk-button-border-color: rgb(255, 0, 0)
}

.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.4285914286;
    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.5714285714;
    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.3571828571;
    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.0714285714;
    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.1786514286;
    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.3392857143;
    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: .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.1904761905;
    font-weight: 400;
    letter-spacing: .011em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-media-gallery-longnote:lang(ja) {
    line-height: 1.2380952381;
    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.2858042857;
    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.381002381;
    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.3334033333
}

.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.2353641176;
        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.3529611765;
        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.3529611765;
        letter-spacing: 0em
    }

    .typography-media-gallery-longnote:lang(th) {
        line-height: 1.3529611765;
        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.2857742857;
    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.2857742857;
    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.2857742857;
    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.2857742857;
    letter-spacing: 0em
}

.typography-fam-media-gallery-headline:lang(th) {
    line-height: 1.2857742857;
    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.2857742857;
        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.2857742857;
        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.2857742857;
        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.2857742857;
        letter-spacing: 0em
    }

    .typography-fam-media-gallery-headline:lang(th) {
        line-height: 1.2857742857;
        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.3333733333;
        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.3333733333;
        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.3333733333;
        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.3333733333;
        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: .4em
}

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

.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.0714285714;
    font-weight: 600;
    letter-spacing: -0.005em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    color: #000
}

.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.1786514286;
    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.3392857143;
    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: .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: #fff
}

.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: 0
}

.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: #000;
    text-decoration: none !important;
    z-index: 4;
    backface-visibility: hidden;
    transform: translateZ(0)
}

.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 {
    -o-object-fit: cover;
    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: .36;
    transition: opacity .4s ease;
    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(0)
}

.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.1764805882;
        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(180deg, 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: #f5f5f7;
    font-size: 21px;
    line-height: 1.1904761905;
    font-weight: 400;
    letter-spacing: .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: 0px 0px 5px rgba(0, 0, 0, .6)
}

.media-gallery-longnote:lang(ja) {
    line-height: 1.2380952381;
    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.2858042857;
    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.381002381;
    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.3334033333
}

.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.2353641176;
        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.3529611765;
        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.3529611765;
        letter-spacing: 0em
    }

    .media-gallery-longnote:lang(th) {
        line-height: 1.3529611765;
        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: 0;
        left: 0;
        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: #000
}

[data-films-media] video {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    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(0);
    perspective: 1000px
}

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

.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(0);
    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;
    z-index: 3;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 3px 5px 30px rgba(0, 0, 0, .22);
    z-index: 4;
    backface-visibility: hidden
}

@media (max-width: 1068px) {
    .fam-media-gallery .media-gallery-bg.media-gallery-bg-music {
        margin-left: 0;
        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: 0;
    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: 0;
        padding-inline-end: 0;
        justify-content: center;
        margin-top: 13px
    }
}

.fam-media-gallery .media-gallery-logo {
    fill: #fff
}

.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: 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.2857742857;
    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;
    --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.3333733333;
        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.2857742857;
    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.2857742857;
    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.2857742857;
    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.2857742857;
    letter-spacing: 0em
}

.fam-media-gallery .media-gallery-longnote:lang(th) {
    line-height: 1.2857742857;
    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.2857742857;
        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.2857742857;
        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.2857742857;
        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.2857742857;
        letter-spacing: 0em
    }

    .fam-media-gallery .media-gallery-longnote:lang(th) {
        line-height: 1.2857742857;
        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.3333733333;
        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.3333733333;
        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.3333733333;
        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.3333733333;
        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: 0;
        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: 0
    }
}

@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(to bottom, 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(to bottom, 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(180deg, 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: #1d1d1f
}

.fam-media-gallery .theme-light .media-gallery-longnote-music {
    color: #1d1d1f;
    text-shadow: none
}