From aa877852822fb709047b11b6ad4a82a5ffd5cca1 Mon Sep 17 00:00:00 2001 From: nschubach Date: Thu, 14 Dec 2023 13:35:14 -0500 Subject: [PATCH] THEMES-1189: block changes for news theme logical properties (#1846) * THEMES-1189: block changes for news theme logical properties re: carousel component * add rtl story --- .eslintrc.js | 2 +- .storybook/themes/news.scss | 2549 +++++++++++++------------ blocks/gallery-block/index.story.jsx | 26 + blocks/gallery-block/themes/news.json | 28 +- 4 files changed, 1333 insertions(+), 1272 deletions(-) diff --git a/.eslintrc.js b/.eslintrc.js index 57c30e0e79..d80f5305e9 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -97,7 +97,7 @@ module.exports = { "react-hooks/exhaustive-deps": "error", "react-hooks/rules-of-hooks": "error", "react/forbid-prop-types": "off", - "react/function-component-definition": "warn", + "react/function-component-definition": "off", "react/jsx-props-no-spreading": "off", "react/no-danger": "off", "react/no-unstable-nested-components": "warn", diff --git a/.storybook/themes/news.scss b/.storybook/themes/news.scss index e84bfaccee..2de3c68158 100644 --- a/.storybook/themes/news.scss +++ b/.storybook/themes/news.scss @@ -1,7 +1,7 @@ @use "@wpmedia/arc-themes-components/scss" with ( $breakpoints: ( "default": "min-width: 0", - "desktop": "min-width: 48rem" + "desktop": "min-width: 48rem", ), $global: ( "black": #000000, @@ -112,7 +112,7 @@ "border-radius-2": 20rem, "border-radius-3": 100vmax, "border-style-1": solid, - "border-width-1": 1px + "border-width-1": 1px, ), $tokens: ( "default": ( @@ -173,7 +173,7 @@ "content-scale-width": calc(var(--content-max-width) / var(--layout-max-width) * 100%), "header-nav-chain-height": 80px, "header-nav-chain-height-scrolled": 80px, - "header-nav-chain-overlay-background-color": rgba(25, 25, 25, 0.5) + "header-nav-chain-overlay-background-color": rgba(25, 25, 25, 0.5), ), "blocks": ( "account-management": ( @@ -184,30 +184,30 @@ "margin-inline-end": var(--global-spacing-7), "components": ( "button": ( - "font-size": var(--global-font-size-4) + "font-size": var(--global-font-size-4), ), "heading": ( "font-size": var(--global-font-size-7), "margin-block-end": var(--global-spacing-2), - "margin-bottom": var(--global-spacing-2) + "margin-bottom": var(--global-spacing-2), ), "input": ( - "margin-block-end": var(--global-spacing-5) + "margin-block-end": var(--global-spacing-5), ), "input-error-tip": ( - "color": var(--status-color-danger) + "color": var(--status-color-danger), ), "input-input": ( "inline-size": 100%, "width": 100%, "padding-block-end": var(--global-spacing-2), - "padding-block-start": var(--global-spacing-2) + "padding-block-start": var(--global-spacing-2), ), "paragraph": ( "font-family": var(--font-family-primary), - "margin-block-end": var(--global-spacing-5) - ) - ) + "margin-block-end": var(--global-spacing-5), + ), + ), ), "account-management-edit": ( "border-color": var(--border-color), @@ -222,15 +222,15 @@ "components": ( "button-default": ( "color": var(--color-primary), - "text-decoration": underline + "text-decoration": underline, ), "button-default-hover": ( - "color": var(--color-primary-hover) + "color": var(--color-primary-hover), ), "paragraph": ( - "margin-block-end": 0 - ) - ) + "margin-block-end": 0, + ), + ), ), "account-management-edit-label": ( "align-items": center, @@ -238,12 +238,12 @@ "justify-content": space-between, "components": ( "paragraph": ( - "font-weight": var(--global-font-weight-7) - ) - ) + "font-weight": var(--global-font-weight-7), + ), + ), ), "account-management-section": ( - "margin-block-end": var(--global-spacing-7) + "margin-block-end": var(--global-spacing-7), ), "account-management-social-edit": ( "align-items": center, @@ -257,7 +257,7 @@ "padding-block-start": var(--global-spacing-4), "padding-block-end": var(--global-spacing-4), "padding-inline-start": var(--global-spacing-4), - "padding-inline-end": var(--global-spacing-4) + "padding-inline-end": var(--global-spacing-4), ), "ads-block": ( "components": ( @@ -266,9 +266,9 @@ "font-size": var(--body-font-size-small), "line-height": var(--body-line-height-small), "font-weight": var(--body-font-weight-small), - "color": "$global.neutral-7" - ) - ) + "color": "$global.neutral-7", + ), + ), ), "ads-block-admin": ( "background-color": "$global.neutral-7", @@ -283,18 +283,18 @@ "components": ( "stack": ( "gap": "$global.spacing-4", - "padding-block-end": "$global.spacing-5" + "padding-block-end": "$global.spacing-5", ), "paragraph": ( - "color": "$global.white" - ) - ) + "color": "$global.white", + ), + ), ), "alert-bar": ( "align-items": flex-start, "background-color": var(--global-red-5), "display": flex, - "filter": drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.0)), + "filter": drop-shadow(0px 0px 0px rgba(0, 0, 0, 0)), "flex-wrap": nowrap, "justify-content": space-between, "word-break": break-word, @@ -302,17 +302,17 @@ "button-default": ( "background": none, "border": none, - "filter": drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.0)), - "flex": 0 0 auto + "filter": drop-shadow(0px 0px 0px rgba(0, 0, 0, 0)), + "flex": 0 0 auto, ), "button-large": ( "margin-block-end": var(--global-spacing-1), "margin-block-start": var(--global-spacing-1), - "filter": drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.0)) + "filter": drop-shadow(0px 0px 0px rgba(0, 0, 0, 0)), ), "link": ( "color": var(--global-white), - "filter": drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.0)), + "filter": drop-shadow(0px 0px 0px rgba(0, 0, 0, 0)), "font-family": var(--font-family-primary), "font-size": var(--body-font-size-small), "font-weight": var(--global-font-weight-7), @@ -320,293 +320,296 @@ "padding-block-start": var(--global-spacing-5), "padding-inline-end": var(--global-spacing-5), "padding-inline-start": var(--global-spacing-4), - "text-decoration": none + "text-decoration": none, ), "link-hover": ( - "color": var(--text-color) + "color": var(--text-color), ), "icon": ( "fill": var(--global-white), - "filter": drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.0)) - ) - ) + "filter": drop-shadow(0px 0px 0px rgba(0, 0, 0, 0)), + ), + ), ), "article-body": ( - "font-family": var(--font-family-primary), - "font-size": var(--body-font-size), - "components": ( - "link": ( - "color": var(--color-primary) - ), - "paragraph": ( - "display": block, - "overflow": initial - ), - "media-item-fig-caption": ( - "background-color": var(--global-white), - "line-height": var(--body-line-height-5) - ), - "icon": ( - "fill": currentColor - ) - ) - ), - "article-body-blockquote": ( - "box-shadow": inset 5px 0 0 0 var(--global-neutral-4), - "font-style": italic, - "gap": var(--global-spacing-2), - "padding-block-start": var(--global-spacing-4), - "padding-inline-end": 0, - "padding-block-end": var(--global-spacing-4), - "padding-inline-start": var(--global-spacing-5), - "text-align": start, - "components": ( - "paragraph": ( - "font-size": var(--heading-level-6-font-size), - "line-height": var(--heading-level-6-line-height) - ) - ) - ), - "article-body-children": ( - "margin-block-end": var(--global-spacing-5) - ), - "article-body-citation": ( - "font-family": var(--font-family-primary), - "font-style": normal, - "font-size": var(--body-font-size) - ), - "article-body-correction": ( - "box-shadow": inset 0 -1px 0 0 var(--border-color), - "font-style": italic, - "padding-block-end": var(--global-spacing-6), - "components": ( - "heading": ( - "font-size": var(--heading-level-6-font-size), - "text-transform": uppercase - ), - "paragraph": ( - "color": var(--global-neutral-6) - ) - ) - ), - "article-body-divider": ( - "background-color": var(--border-color), - "block-size": 1px - ), - "article-body-embed-responsive": ( - "aspect-ratio": calc(16 / 9), - "inline-size": 100% - ), - "article-body-embed-responsive-item": ( - "aspect-ratio": calc(16 / 9), - "block-size": auto, - "inline-size": 100% - ), - "article-body-gallery-close-button": ( - "color": var(--global-white), - "components": ( - "button-hover": ( - "color": var(--global-neutral-3) - ), - "icon": ( - "fill": currentColor, - "block-size": var(--global-spacing-6), - "inline-size": var(--global-spacing-6) - ) - ) - ), - "article-body-gallery-fullscreen": ( - "components": ( - "media-item-fig-caption": ( - "padding-block-start": 0, - "padding-inline-end": var(--global-spacing-2), - "padding-block-end": 0, - "padding-inline-start": var(--global-spacing-2) - ) - ) - ), - "article-body-gallery-track-button": ( - "color": var(--global-white), - "components": ( - "button-hover": ( - "color": var(--global-neutral-3) - ), - "icon": ( - "fill": currentColor, - "block-size": var(--global-spacing-8), - "inline-size": var(--global-spacing-8) - ) - ) - ), - "article-body-h2": ( - "font-size": var(--heading-level-2-font-size), - "line-height": var(--heading-level-2-line-height), - "font-family": var(--font-family-primary), - "font-weight": bold - ), - "article-body-h3": ( - "font-size": var(--heading-level-3-font-size), - "line-height": var(--heading-level-3-line-height), - "font-family": var(--font-family-primary), - "font-weight": bold - ), - "article-body-h4": ( - "font-size": var(--heading-level-4-font-size), - "line-height": var(--heading-level-4-line-height), - "font-family": var(--font-family-primary), - "font-weight": bold - ), - "article-body-h5": ( - "font-size": var(--heading-level-5-font-size), - "line-height": var(--heading-level-5-line-height), - "font-family": var(--font-family-primary), - "font-weight": bold - ), - "article-body-h6": ( - "font-size": var(--heading-level-6-font-size), - "line-height": var(--heading-level-6-line-height), - "font-family": var(--font-family-primary), - "font-weight": bold - ), - "article-body-image-float-left": ( - "inline-size": 50%, - "float": inline-start, - "margin-inline-end": var(--global-spacing-5) - ), - "article-body-image-float-right": ( - "inline-size": 50%, - "float": inline-end, - "margin-inline-start": var(--global-spacing-5) - ), - "article-body-image-wrapper": ( - "align-items": center, - "aspect-ratio": calc(16/9), - "background-color": var(--global-black), - "display": flex, - "justify-content": center, - "max-block-size": 75vh, - "overflow": auto, - "components": ( - "image": ( - "block-size": auto, - "max-block-size": 100%, - "max-inline-size": 100%, - "object-fit": contain - ) - ) - ), - "article-body-interstitial-link": ( - "font-family": var(--font-family-primary), - "font-style": italic, - "components": ( - "link": ( - "border-block-end-width": 1px, - "border-block-end-style": solid, - "border-block-end-color": var(--color-primary), - "color": var(--color-primary) - ) - ) - ), - "article-body-link": ( - "color": var(--color-primary) - ), - "article-body-ol": ( - "font-size": var(--body-font-size), - "line-height": var(--body-line-height), - "list-style-position": inside, - "list-style-type": decimal - ), - "article-body-pullquote": ( - "box-shadow": (inset 0 -5px 0 0 var(--border-color), inset 0 5px 0 0 var(--border-color)), - "gap": var(--global-spacing-4), - "padding-block-start": var(--global-spacing-6) 0, - "padding-inline-end": var(--global-spacing-5), - "padding-block-end": var(--global-spacing-6) 0, - "padding-inline-start": var(--global-spacing-5), - "text-align": center, - "components": ( - "paragraph": ( - "font-style": italic, - "font-size": var(--heading-level-5-font-size), - "font-weight": var(--global-font-weight-7), - "line-height": var(--heading-level-5-line-height) - ) - ) - ), - "article-body-table": ( - "font-family": var(--font-family-primary), - "font-size": var(--body-font-size-small), - "line-height": var(--body-line-height-small), - "text-align": center, - "inline-size": 100% - ), - "article-body-table-td": ( - "border-block-start-width": 1px, - "border-block-end-width": 1px, - "border-inline-start-width": 1px, - "border-inline-end-width": 1px, - "border-block-start-style": solid, - "border-block-end-style": solid, - "border-inline-start-style": solid, - "border-inline-end-style": solid, - "border-block-start-color": var(--border-color), - "border-block-end-color": var(--border-color), - "border-inline-start-color": var(--border-color), - "border-inline-end-color": var(--border-color), - "padding-block-start": var(--global-spacing-1), - "padding-inline-end": var(--global-spacing-2), - "padding-block-end": var(--global-spacing-1), - "padding-inline-start": var(--global-spacing-2) - ), - "article-body-table-th": ( - "border-block-start-width": 1px, - "border-block-end-width": 1px, - "border-inline-start-width": 1px, - "border-inline-end-width": 1px, - "border-block-start-style": solid, - "border-block-end-style": solid, - "border-inline-start-style": solid, - "border-inline-end-style": solid, - "border-block-start-color": var(--border-color), - "border-block-end-color": var(--border-color), - "border-inline-start-color": var(--border-color), - "border-inline-end-color": var(--border-color), - "font-weight": var(--global-font-weight-7), - "padding-block-start": var(--global-spacing-1), - "padding-inline-end": var(--global-spacing-2), - "padding-block-end": var(--global-spacing-1), - "padding-inline-start": var(--global-spacing-2) - ), - "article-body-table-thead": ( - "background-color": var(--global-neutral-4), - "border-block-start-width": 2px, - "border-block-end-width": 2px, - "border-inline-start-width": 2px, - "border-inline-end-width": 2px, - "border-block-start-style": solid, - "border-block-end-style": solid, - "border-inline-start-style": solid, - "border-inline-end-style": solid, - "border-block-start-color": var(--border-color), - "border-block-end-color": var(--border-color), - "border-inline-start-color": var(--border-color), - "border-inline-end-color": var(--border-color) - ), - "article-body-ul": ( - "font-size": var(--body-font-size), - "line-height": var(--body-line-height), - "list-style-position": inside, - "list-style-type": disc - ), + "font-family": var(--font-family-primary), + "font-size": var(--body-font-size), + "components": ( + "link": ( + "color": var(--color-primary), + ), + "paragraph": ( + "display": block, + "overflow": initial, + ), + "media-item-fig-caption": ( + "background-color": var(--global-white), + "line-height": var(--body-line-height-5), + ), + "icon": ( + "fill": currentColor, + ), + ), + ), + "article-body-blockquote": ( + "box-shadow": inset 5px 0 0 0 var(--global-neutral-4), + "font-style": italic, + "gap": var(--global-spacing-2), + "padding-block-start": var(--global-spacing-4), + "padding-inline-end": 0, + "padding-block-end": var(--global-spacing-4), + "padding-inline-start": var(--global-spacing-5), + "text-align": start, + "components": ( + "paragraph": ( + "font-size": var(--heading-level-6-font-size), + "line-height": var(--heading-level-6-line-height), + ), + ), + ), + "article-body-children": ( + "margin-block-end": var(--global-spacing-5), + ), + "article-body-citation": ( + "font-family": var(--font-family-primary), + "font-style": normal, + "font-size": var(--body-font-size), + ), + "article-body-correction": ( + "box-shadow": inset 0 -1px 0 0 var(--border-color), + "font-style": italic, + "padding-block-end": var(--global-spacing-6), + "components": ( + "heading": ( + "font-size": var(--heading-level-6-font-size), + "text-transform": uppercase, + ), + "paragraph": ( + "color": var(--global-neutral-6), + ), + ), + ), + "article-body-divider": ( + "background-color": var(--border-color), + "block-size": 1px, + ), + "article-body-embed-responsive": ( + "aspect-ratio": calc(16 / 9), + "inline-size": 100%, + ), + "article-body-embed-responsive-item": ( + "aspect-ratio": calc(16 / 9), + "block-size": auto, + "inline-size": 100%, + ), + "article-body-gallery-close-button": ( + "color": var(--global-white), + "components": ( + "button-hover": ( + "color": var(--global-neutral-3), + ), + "icon": ( + "fill": currentColor, + "block-size": var(--global-spacing-6), + "inline-size": var(--global-spacing-6), + ), + ), + ), + "article-body-gallery-fullscreen": ( + "components": ( + "media-item-fig-caption": ( + "padding-block-start": 0, + "padding-inline-end": var(--global-spacing-2), + "padding-block-end": 0, + "padding-inline-start": var(--global-spacing-2), + ), + ), + ), + "article-body-gallery-track-button": ( + "color": var(--global-white), + "components": ( + "button-hover": ( + "color": var(--global-neutral-3), + ), + "icon": ( + "fill": currentColor, + "block-size": var(--global-spacing-8), + "inline-size": var(--global-spacing-8), + ), + ), + ), + "article-body-h2": ( + "font-size": var(--heading-level-2-font-size), + "line-height": var(--heading-level-2-line-height), + "font-family": var(--font-family-primary), + "font-weight": bold, + ), + "article-body-h3": ( + "font-size": var(--heading-level-3-font-size), + "line-height": var(--heading-level-3-line-height), + "font-family": var(--font-family-primary), + "font-weight": bold, + ), + "article-body-h4": ( + "font-size": var(--heading-level-4-font-size), + "line-height": var(--heading-level-4-line-height), + "font-family": var(--font-family-primary), + "font-weight": bold, + ), + "article-body-h5": ( + "font-size": var(--heading-level-5-font-size), + "line-height": var(--heading-level-5-line-height), + "font-family": var(--font-family-primary), + "font-weight": bold, + ), + "article-body-h6": ( + "font-size": var(--heading-level-6-font-size), + "line-height": var(--heading-level-6-line-height), + "font-family": var(--font-family-primary), + "font-weight": bold, + ), + "article-body-image-float-left": ( + "inline-size": 50%, + "float": inline-start, + "margin-inline-end": var(--global-spacing-5), + ), + "article-body-image-float-right": ( + "inline-size": 50%, + "float": inline-end, + "margin-inline-start": var(--global-spacing-5), + ), + "article-body-image-wrapper": ( + "align-items": center, + "aspect-ratio": calc(16 / 9), + "background-color": var(--global-black), + "display": flex, + "justify-content": center, + "max-block-size": 75vh, + "overflow": auto, + "components": ( + "image": ( + "block-size": auto, + "max-block-size": 100%, + "max-inline-size": 100%, + "object-fit": contain, + ), + ), + ), + "article-body-interstitial-link": ( + "font-family": var(--font-family-primary), + "font-style": italic, + "components": ( + "link": ( + "border-block-end-width": 1px, + "border-block-end-style": solid, + "border-block-end-color": var(--color-primary), + "color": var(--color-primary), + ), + ), + ), + "article-body-link": ( + "color": var(--color-primary), + ), + "article-body-ol": ( + "font-size": var(--body-font-size), + "line-height": var(--body-line-height), + "list-style-position": inside, + "list-style-type": decimal, + ), + "article-body-pullquote": ( + "box-shadow": ( + inset 0 -5px 0 0 var(--border-color), + inset 0 5px 0 0 var(--border-color), + ), + "gap": var(--global-spacing-4), + "padding-block-start": var(--global-spacing-6) 0, + "padding-inline-end": var(--global-spacing-5), + "padding-block-end": var(--global-spacing-6) 0, + "padding-inline-start": var(--global-spacing-5), + "text-align": center, + "components": ( + "paragraph": ( + "font-style": italic, + "font-size": var(--heading-level-5-font-size), + "font-weight": var(--global-font-weight-7), + "line-height": var(--heading-level-5-line-height), + ), + ), + ), + "article-body-table": ( + "font-family": var(--font-family-primary), + "font-size": var(--body-font-size-small), + "line-height": var(--body-line-height-small), + "text-align": center, + "inline-size": 100%, + ), + "article-body-table-td": ( + "border-block-start-width": 1px, + "border-block-end-width": 1px, + "border-inline-start-width": 1px, + "border-inline-end-width": 1px, + "border-block-start-style": solid, + "border-block-end-style": solid, + "border-inline-start-style": solid, + "border-inline-end-style": solid, + "border-block-start-color": var(--border-color), + "border-block-end-color": var(--border-color), + "border-inline-start-color": var(--border-color), + "border-inline-end-color": var(--border-color), + "padding-block-start": var(--global-spacing-1), + "padding-inline-end": var(--global-spacing-2), + "padding-block-end": var(--global-spacing-1), + "padding-inline-start": var(--global-spacing-2), + ), + "article-body-table-th": ( + "border-block-start-width": 1px, + "border-block-end-width": 1px, + "border-inline-start-width": 1px, + "border-inline-end-width": 1px, + "border-block-start-style": solid, + "border-block-end-style": solid, + "border-inline-start-style": solid, + "border-inline-end-style": solid, + "border-block-start-color": var(--border-color), + "border-block-end-color": var(--border-color), + "border-inline-start-color": var(--border-color), + "border-inline-end-color": var(--border-color), + "font-weight": var(--global-font-weight-7), + "padding-block-start": var(--global-spacing-1), + "padding-inline-end": var(--global-spacing-2), + "padding-block-end": var(--global-spacing-1), + "padding-inline-start": var(--global-spacing-2), + ), + "article-body-table-thead": ( + "background-color": var(--global-neutral-4), + "border-block-start-width": 2px, + "border-block-end-width": 2px, + "border-inline-start-width": 2px, + "border-inline-end-width": 2px, + "border-block-start-style": solid, + "border-block-end-style": solid, + "border-inline-start-style": solid, + "border-inline-end-style": solid, + "border-block-start-color": var(--border-color), + "border-block-end-color": var(--border-color), + "border-inline-start-color": var(--border-color), + "border-inline-end-color": var(--border-color), + ), + "article-body-ul": ( + "font-size": var(--body-font-size), + "line-height": var(--body-line-height), + "list-style-position": inside, + "list-style-type": disc, + ), "article-tag": ( "components": ( "stack": ( - "gap": var(--global-spacing-4) - ) - ) + "gap": var(--global-spacing-4), + ), + ), ), "author-bio": ( - "gap": var(--global-spacing-4) + "gap": var(--global-spacing-4), ), "author-bio-author": ( "gap": var(--global-spacing-4), @@ -618,43 +621,43 @@ "inline-size": 100%, "max-inline-size": var(--global-spacing-13), "max-block-size": var(--global-spacing-13), - "object-fit": cover + "object-fit": cover, ), "stack": ( "gap": var(--global-spacing-2), - "inline-size": 100% - ) - ) + "inline-size": 100%, + ), + ), ), "author-bio-author-description": ( "font-family": var(--font-family-primary), "font-size": var(--body-font-size-small), "line-height": var(--body-line-height-small), - "margin-block-end": 0 + "margin-block-end": 0, ), "author-bio-author-name": ( "font-family": var(--font-family-primary), "font-size": var(--heading-level-6-font-size), "font-weight": var(--heading-level-6-font-weight), - "line-height": var(--heading-level-6-line-height) + "line-height": var(--heading-level-6-line-height), ), "author-bio-social-link": ( "components": ( "icon": ( - "fill": var(--color-primary) - ) - ) + "fill": var(--color-primary), + ), + ), ), "author-bio-social-link-hover": ( "components": ( "icon": ( - "fill": var(--color-primary-hover) - ) - ) + "fill": var(--color-primary-hover), + ), + ), ), "author-bio-social-link-wrapper": ( "gap": var(--global-spacing-4), - "margin-block-start": 0 + "margin-block-start": 0, ), "byline": ( "font-size": var(--body-font-weight), @@ -664,13 +667,13 @@ "components": ( "attribution-link": ( "color": var(--text-color), - "text-decoration": underline + "text-decoration": underline, ), "attribution-link-hover": ( "color": var(--text-color-subtle), - "text-decoration": none - ) - ) + "text-decoration": none, + ), + ), ), "card-list": ( "background-color": var(--background-color), @@ -680,53 +683,53 @@ "border-start-start-radius": 0, "box-shadow": var(--global-box-shadow-1), "padding-block-end": var(--global-spacing-4), - "padding-block-start": var(--global-spacing-4) , + "padding-block-start": var(--global-spacing-4), "padding-inline-end": 0, "padding-inline-start": 0, "components": ( "heading": ( "font-size": var(--heading-level-5-font-size), "font-weight": var(--heading-level-5-font-weight), - "line-height": var(--heading-level-5-line-height) + "line-height": var(--heading-level-5-line-height), ), "image": ( - "transition": opacity 0.4s ease + "transition": opacity 0.4s ease, ), "image-hover": ( "cursor": pointer, - "opacity": 0.8 + "opacity": 0.8, ), "link": ( - "color": var(--text-color) + "color": var(--text-color), ), "link-hover": ( - "color": var(--text-color-subtle) + "color": var(--text-color-subtle), ), "separator": ( "padding-block-end": 0, "padding-block-start": 0, "padding-inline-end": var(--global-spacing-2), - "padding-inline-start": var(--global-spacing-2) + "padding-inline-start": var(--global-spacing-2), ), "stack": ( - "gap": var(--global-spacing-4) - ) - ) + "gap": var(--global-spacing-4), + ), + ), ), "card-list-list": ( "padding-block-end": 0, "padding-block-start": 0, "padding-inline-end": var(--global-spacing-4), - "padding-inline-start": var(--global-spacing-4) + "padding-inline-start": var(--global-spacing-4), ), "card-list-main-item-image-link": ( "components": ( "image": ( "inline-size": 100%, "max-block-size": 40vh, - "object-fit": cover - ) - ) + "object-fit": cover, + ), + ), ), "card-list-main-item-text-container": ( "gap": var(--global-spacing-2), @@ -734,28 +737,28 @@ "heading": ( "font-size": var(--heading-level-6-font-size), "font-weight": var(--heading-level-6-font-weight), - "line-height": var(--heading-level-6-line-height) + "line-height": var(--heading-level-6-line-height), ), "overline": ( "font-size": var(--body-font-size), - "line-height": var(--body-line-height) - ) - ) + "line-height": var(--body-line-height), + ), + ), ), "card-list-secondary-item": ( "components": ( "heading": ( "font-size": var(--body-font-size), "font-weight": var(--body-font-weight), - "line-height": var(--body-line-height) - ) - ) + "line-height": var(--body-line-height), + ), + ), ), "card-list-secondary-item-heading-link": ( - "inline-size": 100% + "inline-size": 100%, ), "card-list-secondary-item-image-link": ( - "max-inline-size": 105px + "max-inline-size": 105px, ), "card-list-title": ( "font-size": var(--heading-level-5-font-size), @@ -763,62 +766,62 @@ "padding-block-end": 0, "padding-block-start": 0, "padding-inline-end": var(--global-spacing-4), - "padding-inline-start": var(--global-spacing-4) + "padding-inline-start": var(--global-spacing-4), ), "checkout": ( "font-family": var(--font-family-primary), "margin-bottom": var(--global-spacing-5), "components": ( "heading": ( - "font-size": var(--global-font-size-12) + "font-size": var(--global-font-size-12), ), "link": ( "color": var(--color-primary), - "border-bottom": 1px solid var(--color-primary) + "border-bottom": 1px solid var(--color-primary), ), "link-hover": ( "color": var(--color-primary-hover), - "border-bottom": 1px solid var(--color-primary-hover) - ) - ) + "border-bottom": 1px solid var(--color-primary-hover), + ), + ), ), "checkout-cart": ( "margin-top": var(--global-spacing-6), "components": ( "heading": ( "margin-bottom": var(--global-spacing-5), - "font-size": var(--global-font-size-11) - ) - ) + "font-size": var(--global-font-size-11), + ), + ), ), "checkout-cart-item": ( "color": "$global.neutral-6", "font-size": var(--global-font-size-4), "margin": 0 var(--global-spacing-2), - "padding": var(--global-spacing-2) 0 + "padding": var(--global-spacing-2) 0, ), "checkout-cart-item--info": ( - "font-size": var(--global-font-size-2) + "font-size": var(--global-font-size-2), ), "checkout-cart-item--name": ( "font-size": var(--global-font-size-7), - "font-weight": bold + "font-weight": bold, ), "checkout-cart-items": ( - "border": 1px solid var(--border-color) + "border": 1px solid var(--border-color), ), "checkout-contact-info": ( "margin-top": var(--global-spacing-6), "components": ( "heading": ( "margin-bottom": var(--global-spacing-5), - "font-size": var(--global-font-size-11) + "font-size": var(--global-font-size-11), ), "input": ( - "margin-block-end": var(--global-spacing-5) + "margin-block-end": var(--global-spacing-5), ), "input-error-tip": ( - "color": var(--status-color-danger) + "color": var(--status-color-danger), ), "input-input": ( "inline-size": 100%, @@ -826,15 +829,15 @@ "padding-block-end": var(--global-spacing-2), "padding-block-start": var(--global-spacing-2), "padding-inline-end": var(--global-spacing-2), - "padding-inline-start": var(--global-spacing-2) - ) - ) + "padding-inline-start": var(--global-spacing-2), + ), + ), ), "checkout-contact-info-profile": ( "display": grid, "width": 100%, "grid-template-columns": repeat(2, 1fr), - "column-gap": var(--global-spacing-5) + "column-gap": var(--global-spacing-5), ), "checkout-identity-row": ( "width": 100%, @@ -845,18 +848,18 @@ "image": ( "width": var(--global-spacing-4), "height": var(--global-spacing-4), - "margin": 0 var(--global-spacing-2) 0 0 + "margin": 0 var(--global-spacing-2) 0 0, ), "icon": ( "fill": #415993, "width": var(--global-spacing-4), "height": var(--global-spacing-4), - "margin": 0 var(--global-spacing-2) 0 0 - ) - ) + "margin": 0 var(--global-spacing-2) 0 0, + ), + ), ), "checkout-payment": ( - "margin-top": var(--global-font-size-11) + "margin-top": var(--global-font-size-11), ), "checkout-payment-form": ( "display": grid, @@ -865,21 +868,21 @@ "components": ( "paragraph": ( "font-size": var(--heading-level-6-font-size), - "font-weight": var(--heading-level-4-font-weight) - ) - ) + "font-weight": var(--heading-level-4-font-weight), + ), + ), ), "checkout-payment-form--border-bottom": ( - "border-bottom": 1px solid var(--border-color) + "border-bottom": 1px solid var(--border-color), ), "checkout-payment-form--border-right": ( - "border-right": 1px solid var(--border-color) + "border-right": 1px solid var(--border-color), ), "checkout-payment-form--stripe-cardDetails": ( "display": grid, "gap": none, "border-radius": var(--border-radius), - "border": 1px solid var(--border-color) + "border": 1px solid var(--border-color), ), "checkout-payment-form--stripe-countryDetails": ( "display": grid, @@ -887,25 +890,25 @@ "border-radius": var(--border-radius), "border": 1px solid var(--border-color), "input-input": ( - "padding": 0 - ) + "padding": 0, + ), ), "checkout-payment-form--stripe-element": ( - "padding": var(--global-spacing-2) + "padding": var(--global-spacing-2), ), "checkout-payment-form--stripe-input-container": ( "display": grid, - "gap": var(--global-spacing-1) + "gap": var(--global-spacing-1), ), "checkout-payment-form--stripe-label": ( "font-size": var(--global-font-size-4), "font-weight": var(--global-font-weight-4), - "color": var(--global-neutral-7) + "color": var(--global-neutral-7), ), "checkout-payment-form--stripe-row": ( "display": grid, "width": 100%, - "grid-template-columns": repeat(2, 1fr) + "grid-template-columns": repeat(2, 1fr), ), "checkout-payment-information": ( "width": 100%, @@ -913,12 +916,12 @@ "grid-template-columns": 1fr, "components": ( "input-error-tip": ( - "color": var(--status-color-danger) + "color": var(--status-color-danger), ), "input-label": ( "font-size": var(--global-font-size-4), "font-weight": var(--global-font-weight-4), - "color": var(--global-neutral-7) + "color": var(--global-neutral-7), ), "input-input": ( "inline-size": 100%, @@ -926,31 +929,31 @@ "padding-block-end": var(--global-spacing-2), "padding-block-start": var(--global-spacing-2), "padding-inline-end": var(--global-spacing-2), - "padding-inline-start": var(--global-spacing-2) - ) - ) + "padding-inline-start": var(--global-spacing-2), + ), + ), ), "double-chain": ( "components": ( "heading": ( "font-size": var(--heading-level-3-font-size), "font-weight": var(--heading-level-3-font-weight), - "line-height": var(--heading-level-3-line-height) + "line-height": var(--heading-level-3-line-height), ), "stack": ( - "gap": var(--global-spacing-5) - ) - ) + "gap": var(--global-spacing-5), + ), + ), ), "double-chain-child-item": ( - "gap": var(--global-spacing-6) 0 + "gap": var(--global-spacing-6) 0, ), "double-chain-child-item-empty": ( - "display": contents + "display": contents, ), "double-chain-children-grid": ( "grid-template-columns": 1fr, - "gap": var(--global-spacing-6) 0 + "gap": var(--global-spacing-6) 0, ), "footer": ( "inline-size": var(--content-scale-width), @@ -966,15 +969,15 @@ "margin-block-start": auto, "margin-inline-end": auto, "margin-inline-start": auto, - "max-block-size": var(--global-spacing-7) - ) - ) + "max-block-size": var(--global-spacing-7), + ), + ), ), "footer-links": ( "gap": var(--global-spacing-6), "grid-auto-flow": row, "grid-template-columns": 1fr, - "grid-template-rows": 1fr + "grid-template-rows": 1fr, ), "footer-links-group": ( "components": ( @@ -982,9 +985,9 @@ "color": var(--text-color), "font-family": var(--font-family-primary), "font-size": var(--body-font-size-small), - "line-height": var(--body-line-height-small) - ) - ) + "line-height": var(--body-line-height-small), + ), + ), ), "footer-links-group-list-item": ( "list-style": none, @@ -994,9 +997,9 @@ "font-family": var(--font-family-primary), "font-size": var(--body-font-size-small), "font-weight": var(--global-font-weight-4), - "line-height": var(--body-line-height-small) - ) - ) + "line-height": var(--body-line-height-small), + ), + ), ), "footer-social-links": ( "border-block-end": 1px solid var(--color-primary), @@ -1011,34 +1014,34 @@ "inline-size": fit-content, "components": ( "icon": ( - "fill": var(--color-primary) + "fill": var(--color-primary), ), "link": ( "border-inline-end": 1px solid var(--color-primary), "padding-block-end": var(--global-spacing-2), "padding-block-start": var(--global-spacing-2), "padding-inline-end": var(--global-spacing-2), - "padding-inline-start": var(--global-spacing-2) - ) - ) + "padding-inline-start": var(--global-spacing-2), + ), + ), ), "footer-social-links-container": ( "border-block-end": 1px solid var(--global-neutral-4), - "inline-size": 100% + "inline-size": 100%, ), "footer-social-links-hover": ( "components": ( "icon": ( - "fill": var(--color-primary-hover) - ) - ) + "fill": var(--color-primary-hover), + ), + ), ), "footer-social-links-last": ( "components": ( "link": ( - "border-inline-end": none - ) - ) + "border-inline-end": none, + ), + ), ), "footer-top-container": ( "border-block-start": 1px solid var(--global-neutral-4), @@ -1052,15 +1055,15 @@ "inline-size": 100%, "components": ( "paragraph": ( - "justify-self": center - ) - ) + "justify-self": center, + ), + ), ), "forgot-password": ( "font-family": var(--font-family-primary), "components": ( "button": ( - "font-size": var(--global-font-size-4) + "font-size": var(--global-font-size-4), ), "heading": ( "border-block-end-color": var(--border-color), @@ -1070,26 +1073,26 @@ "margin-block-end": var(--global-spacing-4), "margin-bottom": var(--global-spacing-4), "padding-block-end": var(--global-spacing-2), - "text-align": center + "text-align": center, ), "input": ( - "margin-block-end": var(--global-spacing-5) + "margin-block-end": var(--global-spacing-5), ), "input-error-tip": ( - "color": var(--status-color-danger) + "color": var(--status-color-danger), ), "input-input": ( "inline-size": 100%, "width": 100%, "padding-block-end": var(--global-spacing-2), - "padding-block-start": var(--global-spacing-2) + "padding-block-start": var(--global-spacing-2), ), "paragraph": ( "font-family": var(--font-family-primary), "margin-block-end": var(--global-spacing-4), - "text-align": center - ) - ) + "text-align": center, + ), + ), ), "full-author-bio": ( "display": flex, @@ -1102,7 +1105,7 @@ "components": ( "heading": ( "color": var(--color-primary), - "font-family": var(--font-family-primary) + "font-family": var(--font-family-primary), ), "image": ( "aspect-ratio": 1, @@ -1112,143 +1115,146 @@ "margin-inline-end": auto, "margin-inline-start": auto, "max-block-size": 9.375rem, - "max-inline-size": 9.375rem + "max-inline-size": 9.375rem, ), "paragraph": ( "color": var(--text-color), - "font-family": var(--font-family-primary) - ) - ) + "font-family": var(--font-family-primary), + ), + ), ), "full-author-bio-identification": ( - "gap": 0 + "gap": 0, ), "full-author-bio-name": ( "font-size": var(--heading-level-3-font-size), "font-weight": var(--heading-level-3-font-weight), - "line-height": var(--heading-level-3-line-height) + "line-height": var(--heading-level-3-line-height), ), "full-author-bio-role": ( "font-size": var(--heading-level-6-font-size), "font-weight": var(--heading-level-6-font-weight), - "line-height": var(--heading-level-6-line-height) + "line-height": var(--heading-level-6-line-height), ), "full-author-bio-social": ( - "gap": var(--global-spacing-2) + "gap": var(--global-spacing-2), ), "full-author-bio-social-header": ( "text-align": center, "font-size": var(--heading-level-6-font-size), "font-weight": var(--heading-level-6-font-weight), - "line-height": var(--heading-level-6-line-height) + "line-height": var(--heading-level-6-line-height), ), "full-author-bio-social-icons": ( "display": flex, "flex-wrap": wrap, "gap": var(--global-spacing-4), - "justify-content": center + "justify-content": center, ), "full-author-bio-social-link": ( "components": ( "icon": ( - "fill": var(--color-primary) - ) - ) + "fill": var(--color-primary), + ), + ), ), "full-author-bio-social-link-hover": ( "components": ( "icon": ( - "fill": var(--color-primary-hover) - ) - ) + "fill": var(--color-primary-hover), + ), + ), ), "full-author-bio-text": ( - "gap": var(--global-spacing-4) + "gap": var(--global-spacing-4), ), "gallery": ( "components": ( "media-item-fig-caption": ( "background-color": var(--global-white), - "line-height": var(--body-line-height-5) - ) - ) + "line-height": var(--body-line-height-5), + ), + ), ), "gallery-close-button": ( "color": var(--global-white), "components": ( "button-hover": ( - "color": var(--global-neutral-3) + "color": var(--global-neutral-3), ), "icon": ( "fill": currentColor, - "height": var(--global-spacing-6), - "width": var(--global-spacing-6) - ) - ) + "block-size": var(--global-spacing-6), + "inline-size": var(--global-spacing-6), + ), + ), ), "gallery-fullscreen": ( "components": ( "media-item-fig-caption": ( - "padding": 0 var(--global-spacing-2) - ) - ) + "padding-block-start": 0, + "padding-inline-end": var(--global-spacing-2), + "padding-block-end": 0, + "padding-inline-start": var(--global-spacing-2), + ), + ), ), "gallery-image-wrapper": ( "align-items": center, - "aspect-ratio": calc(16/9), + "aspect-ratio": calc(16 / 9), "background-color": var(--global-black), "display": flex, "justify-content": center, - "max-height": 75vh, + "max-block-size": 75vh, "overflow": auto, "components": ( "image": ( - "height": auto, - "max-height": 100%, - "max-width": 100%, - "object-fit": contain - ) - ) + "block-size": auto, + "max-block-size": 100%, + "max-inline-size": 100%, + "object-fit": contain, + ), + ), ), "gallery-track-button": ( "color": var(--global-white), "components": ( "button-hover": ( - "color": var(--global-neutral-3) + "color": var(--global-neutral-3), ), "icon": ( "fill": currentColor, - "height": var(--global-spacing-8), - "width": var(--global-spacing-8) - ) - ) + "block-size": var(--global-spacing-8), + "inline-size": var(--global-spacing-8), + ), + ), ), "header": ( - "font-weight": var(--global-font-weight-7) + "font-weight": var(--global-font-weight-7), ), "header-account-action": ( "display": flex, - "font-family": var(--font-family-primary) + "font-family": var(--font-family-primary), ), "header-account-action-desktop": ( "align-items": center, "display": none, - "gap": var(--global-spacing-2) + "gap": var(--global-spacing-2), ), "header-account-action-dropdown-list-item": ( "list-style": none, "padding-block-end": var(--global-spacing-2), "components": ( "link": ( - "font-size": var(--global-font-size-3) + "font-size": var(--global-font-size-3), ), "link-hover": ( - "color": var(--color-primary-hover) - ) - ) + "color": var(--color-primary-hover), + ), + ), ), "header-account-action-dropdown-list-item-last": ( - "padding-block-end": 0 + "padding-block-end": 0, ), "header-account-action-dropdown-open": ( "top": 100%, @@ -1262,22 +1268,22 @@ "border-radius": var(--global-spacing-1), "box-shadow": 0 0 4px 0 rgba(0, 0, 0, 0.25), "display": flex, - "flex-direction": column + "flex-direction": column, ), "header-account-action-mobile": ( - "display": flex + "display": flex, ), "header-extra-large": ( "font-size": var(--heading-level-4-font-size), - "line-height": var(--heading-level-4-line-height) + "line-height": var(--heading-level-4-line-height), ), "header-large": ( "font-size": var(--heading-level-5-font-size), - "line-height": var(--heading-level-5-line-height) + "line-height": var(--heading-level-5-line-height), ), "header-medium": ( "font-size": var(--heading-level-6-font-size), - "line-height": var(--heading-level-6-line-height) + "line-height": var(--heading-level-6-line-height), ), "header-nav-chain": ( "align-items": center, @@ -1302,14 +1308,14 @@ "icon": ( "fill": currentColor, "block-size": var(--global-spacing-5), - "inline-size": var(--global-spacing-5) + "inline-size": var(--global-spacing-5), ), "button": ( "color": var(--global-white), "block-size": var(--global-spacing-7), "font-weight": var(--global-font-weight-7), "font-size": var(--body-font-size), - "line-height": var(--body-line-height) + "line-height": var(--body-line-height), ), "button-small": ( "font-weight": var(--global-font-weight-7), @@ -1318,9 +1324,9 @@ "padding-block-end": var(--global-spacing-2), "padding-block-start": var(--global-spacing-2), "padding-inline-end": var(--global-spacing-2), - "padding-inline-start": var(--global-spacing-2) - ) - ) + "padding-inline-start": var(--global-spacing-2), + ), + ), ), "header-nav-chain-flyout-nav": ( "block-size": calc((100vh - var(--header-nav-chain-height-scrolled))), @@ -1342,12 +1348,12 @@ "padding-block-start": var(--global-spacing-2), "padding-inline-end": var(--global-spacing-5), "padding-inline-start": var(--global-spacing-5), - "text-decoration": none + "text-decoration": none, ), "link-hover": ( - "color": var(--global-white) - ) - ) + "color": var(--global-white), + ), + ), ), "header-nav-chain-flyout-nav-components-desktop": ( "display": none, @@ -1357,16 +1363,16 @@ "padding-inline-start": var(--global-spacing-5), "components": ( "button": ( - "align-self": flex-start - ) - ) + "align-self": flex-start, + ), + ), ), "header-nav-chain-flyout-nav-components-mobile": ( "display": flex, "padding-block-end": var(--global-spacing-5), "padding-block-start": var(--global-spacing-5), "padding-inline-end": var(--global-spacing-5), - "padding-inline-start": var(--global-spacing-5) + "padding-inline-start": var(--global-spacing-5), ), "header-nav-chain-flyout-nav-item": ( "background-color": var(--global-black), @@ -1374,24 +1380,24 @@ "link": ( "padding-block-end": var(--global-spacing-3), "padding-block-start": var(--global-spacing-3), - "padding-inline-start": var(--global-spacing-5) - ) - ) + "padding-inline-start": var(--global-spacing-5), + ), + ), ), "header-nav-chain-flyout-nav-item-hover-active": ( "background-color": var(--global-neutral-7), "components": ( "icon": ( - "fill": var(--global-white) - ) - ) + "fill": var(--global-white), + ), + ), ), "header-nav-chain-flyout-nav-menu": ( "components": ( "stack": ( - "gap": 1rem - ) - ) + "gap": 1rem, + ), + ), ), "header-nav-chain-flyout-nav-subsection-anchor": ( "block-size": var(--global-spacing-8), @@ -1400,9 +1406,9 @@ "align-content": center, "cursor": pointer, "justify-content": space-between, - "line-height": var(--global-line-height-7) - ) - ) + "line-height": var(--global-line-height-7), + ), + ), ), "header-nav-chain-flyout-nav-subsection-caret": ( "align-self": center, @@ -1412,23 +1418,23 @@ "display": flex, "components": ( "button-default": ( - "color": var(--icon-fill-color-subtle) + "color": var(--icon-fill-color-subtle), ), "button-hover": ( - "color": var(--color-white) - ) - ) + "color": var(--color-white), + ), + ), ), "header-nav-chain-flyout-nav-subsection-caret-open": ( - "transform": rotate(180deg) + "transform": rotate(180deg), ), "header-nav-chain-flyout-nav-subsection-container": ( "display": none, "flex-direction": column, - "position": relative + "position": relative, ), "header-nav-chain-flyout-nav-subsection-container-open": ( - "display": flex + "display": flex, ), "header-nav-chain-flyout-nav-subsection-menu": ( "background": var(--global-white), @@ -1443,36 +1449,36 @@ "padding-block-start": var(--global-spacing-2), "padding-inline-end": var(--global-spacing-5), "padding-inline-start": var(--global-spacing-5), - "text-decoration": none + "text-decoration": none, ), "link-hover": ( "color": var(--global-white), - "background-color": var(--global-neutral-6) + "background-color": var(--global-neutral-6), ), "link-active": ( "color": var(--global-white), - "background-color": var(--global-neutral-6) - ) - ) + "background-color": var(--global-neutral-6), + ), + ), ), "header-nav-chain-flyout-nav-widgets": ( "margin-block-start": var(--global-spacing-3), "padding-block-end": var(--global-spacing-1), "padding-block-start": var(--global-spacing-1), "padding-inline-end": var(--global-spacing-4), - "padding-inline-start": var(--global-spacing-5) + "padding-inline-start": var(--global-spacing-5), ), "header-nav-chain-flyout-nav-wrapper": ( "z-index": 10, "background": var(--global-black), "transition": transform 300ms ease-in-out, - "inline-size": 100vw + "inline-size": 100vw, ), "header-nav-chain-flyout-nav-wrapper-closed": ( - "transform": translate(-100vw, 0) + "transform": translate(-100vw, 0), ), "header-nav-chain-flyout-nav-wrapper-open": ( - "gap": var(--global-spacing-4) + "gap": var(--global-spacing-4), ), "header-nav-chain-flyout-overlay": ( "margin-block-start": var(--header-nav-chain-height), @@ -1482,22 +1488,22 @@ "position": absolute, "scrollbar-width": none, "inset-inline-start": 0, - "inset-block-start": 0 + "inset-block-start": 0, ), "header-nav-chain-flyout-overlay-closed": ( "overflow-y": hidden, "overflow-block": hidden, - "inline-size": 0 + "inline-size": 0, ), "header-nav-chain-flyout-overlay-open": ( "background": var(--header-nav-chain-overlay-background-color), "overflow-y": scroll, "overflow-block": scroll, "transform": translate(0, 0), - "inline-size": 100% + "inline-size": 100%, ), "header-nav-chain-flyout-overlay-scrollbar": ( - "display": none + "display": none, ), "header-nav-chain-links-list": ( "display": none, @@ -1513,77 +1519,87 @@ "color": var(--global-white), "display": flex, "align-items": center, - "block-size": 100% + "block-size": 100%, ), "separator": ( - "color": var(--global-white) - ) - ) + "color": var(--global-white), + ), + ), ), "header-nav-chain-links-list-item": ( "display": flex, "gap": var(--global-spacing-2), "components": ( "link-hover": ( - "color": var(--global-neutral-3) - ) - ) + "color": var(--global-neutral-3), + ), + ), ), "header-nav-chain-logo": ( - "margin-inline-end": auto + "margin-inline-end": auto, ), "header-nav-chain-logo-center": ( - "margin-inline-end": 0 + "margin-inline-end": 0, ), "header-nav-chain-logo-hidden": ( "opacity": 0, - "transition": (opacity 0.8s ease, visibility 0s ease 0s), - "visibility": hidden + "transition": ( + opacity 0.8s ease, + visibility 0s ease 0s, + ), + "visibility": hidden, ), "header-nav-chain-logo-image": ( "max-inline-size": 240px, "max-block-size": var(--header-nav-chain-height), - "transition": (opacity 0.4s ease) + "transition": ( + opacity 0.4s ease, + ), ), "header-nav-chain-logo-image-hover": ( "opacity": 0.7, - "transition": (opacity 0.4s ease) + "transition": ( + opacity 0.4s ease, + ), ), "header-nav-chain-logo-right": ( "margin-inline-start": auto, - "margin-inline-end": 0 + "margin-inline-end": 0, ), "header-nav-chain-logo-show": ( "opacity": 1, - "transition": (opacity 0.8s ease, visibility 0s ease 0s), - "visibility": visible + "transition": ( + opacity 0.8s ease, + visibility 0s ease 0s, + ), + "visibility": visible, ), "header-nav-chain-nav-search": ( "align-items": center, "display": flex, "justify-content": center, - "position": relative + "position": relative, ), "header-nav-chain-nav-search-box-position": ( "position": absolute, - "inset-inline-end": 0 + "inset-inline-end": 0, ), "header-nav-chain-nav-search-box-svg": ( "fill": #191919, "block-size": 1rem, - "inline-size": 1rem + "inline-size": 1rem, ), "header-nav-chain-nav-search-button": ( "background": transparent, "border": transparent, - "cursor": pointer + "cursor": pointer, ), "header-nav-chain-nav-search-input": ( "padding-block-end": 0, "padding-block-start": 0, "padding-inline-end": 0, "padding-inline-start": 0, - "inline-size": 0 + "inline-size": 0, ), "header-nav-chain-nav-search-input-open": ( "font-size": var(--body-font-size), @@ -1593,101 +1609,101 @@ "padding-block-start": var(--global-spacing-1), "padding-inline-end": var(--global-spacing-5), "padding-inline-start": var(--global-spacing-3), - "inline-size": 100% + "inline-size": 100%, ), "header-nav-chain-scrolled": ( - "min-block-size": var(--header-nav-chain-height-scrolled) + "min-block-size": var(--header-nav-chain-height-scrolled), ), "header-nav-chain-scrolled-flyout-overlay": ( - "margin-block-start": var(--header-nav-chain-height-scrolled) + "margin-block-start": var(--header-nav-chain-height-scrolled), ), "header-nav-chain-top-layout": ( "align-items": center, "display": flex, "justify-content": space-between, "inline-size": 100%, - "gap": var(--global-spacing-5) + "gap": var(--global-spacing-5), ), "header-nav-chain-top-layout-last-child": ( "margin-inline-end": 0, - "flex-shrink": 0 + "flex-shrink": 0, ), "header-nav-chain-top-nav-components-desktop": ( "align-items": center, "display": none, - "gap": var(--global-spacing-2) + "gap": var(--global-spacing-2), ), "header-nav-chain-top-nav-components-mobile": ( "align-items": center, - "display": flex + "display": flex, ), "header-nav-chain-top-nav-left": ( "justify-content": flex-start, - "flex-shrink": 0 + "flex-shrink": 0, ), "header-nav-chain-top-nav-right": ( "display": flex, "justify-content": flex-end, "flex-shrink": 0, - "margin-inline-end": 0 + "margin-inline-end": 0, ), "header-small": ( "font-size": var(--body-font-size-small), - "line-height": var(--body-line-height-small) + "line-height": var(--body-line-height-small), ), "headline": ( "font-size": var(--heading-level-1-font-size), "font-weight": var(--heading-level-1-font-weight), "line-height": var(--heading-level-1-line-height), - "font-family": var(--font-family-primary) + "font-family": var(--font-family-primary), ), "large-manual-promo": ( "gap": var(--global-spacing-4), "components": ( "link-hover": ( - "color": var(--text-color-subtle) - ) - ) + "color": var(--text-color-subtle), + ), + ), ), "large-manual-promo-img": ( "components": ( "link-hover": ( - "opacity": 0.8 - ) - ) + "opacity": 0.8, + ), + ), ), "large-manual-promo-text": ( "gap": 0, "components": ( "heading": ( - "color": var(--text-color) + "color": var(--text-color), ), "overline": ( "color": var(--text-color), "font-size": var(--heading-level-6-font-size), - "line-height": var(--heading-level-6-line-height) + "line-height": var(--heading-level-6-line-height), ), "overline-hover": ( - "color": var(--text-color-subtle) + "color": var(--text-color-subtle), ), "paragraph": ( - "font-size": var(--body-font-size) + "font-size": var(--body-font-size), ), "stack": ( - "gap": var(--global-spacing-4) - ) - ) + "gap": var(--global-spacing-4), + ), + ), ), "large-promo": ( "gap": var(--global-spacing-4), "components": ( "link": ( - "position": relative + "position": relative, ), "link-hover": ( - "color": var(--text-color-subtle) - ) - ) + "color": var(--text-color-subtle), + ), + ), ), "large-promo-icon-label": ( "align-items": center, @@ -1706,20 +1722,20 @@ "icon": ( "fill": var(--global-white), "block-size": var(--global-spacing-4), - "inline-size": var(--global-spacing-4) - ) - ) + "inline-size": var(--global-spacing-4), + ), + ), ), "large-promo-img": ( "components": ( "link-hover": ( - "opacity": 0.8 - ) - ) + "opacity": 0.8, + ), + ), ), "large-promo-label": ( "margin-inline-start": var(--global-spacing-2), - "color": var(--global-white) + "color": var(--global-white), ), "large-promo-text": ( "gap": 0, @@ -1727,30 +1743,30 @@ "heading": ( "color": var(--text-color), "font-size": var(--heading-level-3-font-size), - "line-height": var(--heading-level-3-line-height) + "line-height": var(--heading-level-3-line-height), ), "overline": ( "color": var(--text-color), "font-size": var(--heading-level-6-font-size), - "line-height": var(--heading-level-6-line-height) + "line-height": var(--heading-level-6-line-height), ), "overline-hover": ( - "color": var(--text-color-subtle) + "color": var(--text-color-subtle), ), "paragraph": ( "font-size": var(--body-font-size), - "line-height": var(--body-line-height) + "line-height": var(--body-line-height), ), "stack": ( - "gap": var(--global-spacing-4) + "gap": var(--global-spacing-4), ), "separator": ( "margin-block-start": 0, "margin-block-end": 0, "margin-inline-end": var(--global-spacing-2), - "margin-inline-start": var(--global-spacing-2) - ) - ) + "margin-inline-start": var(--global-spacing-2), + ), + ), ), "lead-art": ( "components": ( @@ -1760,22 +1776,22 @@ "margin-block-end": var(--global-spacing-2), "margin-block-start": var(--global-spacing-2), "margin-inline-end": 0, - "margin-inline-start": 0 - ) - ) + "margin-inline-start": 0, + ), + ), ), "lead-art-carousel-close-button": ( "color": var(--global-white), "components": ( "button-hover": ( - "color": var(--global-neutral-3) + "color": var(--global-neutral-3), ), "icon": ( "fill": currentColor, "block-size": var(--global-spacing-6), - "inline-size": var(--global-spacing-6) - ) - ) + "inline-size": var(--global-spacing-6), + ), + ), ), "lead-art-carousel-fullscreen": ( "components": ( @@ -1783,13 +1799,13 @@ "padding-block-end": 0, "padding-block-start": 0, "padding-inline-end": var(--global-spacing-2), - "padding-inline-start": var(--global-spacing-2) - ) - ) + "padding-inline-start": var(--global-spacing-2), + ), + ), ), "lead-art-carousel-image-wrapper": ( "align-items": center, - "aspect-ratio": calc(16/9), + "aspect-ratio": calc(16 / 9), "background-color": var(--global-black), "display": flex, "justify-content": center, @@ -1800,39 +1816,39 @@ "block-size": auto, "max-block-size": 100%, "max-inline-size": 100%, - "object-fit": contain - ) - ) + "object-fit": contain, + ), + ), ), "lead-art-carousel-track-button": ( "color": var(--global-white), "components": ( "button-hover": ( - "color": var(--global-neutral-3) + "color": var(--global-neutral-3), ), "icon": ( "fill": currentColor, "block-size": var(--global-spacing-8), - "inline-size": var(--global-spacing-8) - ) - ) + "inline-size": var(--global-spacing-8), + ), + ), ), "links-bar": ( "gap": var(--global-spacing-2), "components": ( "link": ( - "color": var(--text-color) + "color": var(--text-color), ), "link-hover": ( - "color": var(--text-color-subtle) - ) - ) + "color": var(--text-color-subtle), + ), + ), ), "login-form": ( "font-family": var(--font-family-primary), "components": ( "button": ( - "font-size": var(--global-font-size-4) + "font-size": var(--global-font-size-4), ), "heading": ( "border-block-end-color": var(--border-color), @@ -1842,35 +1858,35 @@ "margin-block-end": var(--global-spacing-4), "margin-bottom": var(--global-spacing-4), "padding-block-end": var(--global-spacing-2), - "text-align": center + "text-align": center, ), "input": ( - "margin-block-end": var(--global-spacing-5) + "margin-block-end": var(--global-spacing-5), ), "input-error-tip": ( - "color": var(--status-color-danger) + "color": var(--status-color-danger), ), "input-input": ( "inline-size": 100%, "width": 100%, "padding-block-end": var(--global-spacing-2), - "padding-block-start": var(--global-spacing-2) + "padding-block-start": var(--global-spacing-2), ), "paragraph": ( "font-family": var(--font-family-primary), - "margin-block-end": var(--global-spacing-5) - ) - ) + "margin-block-end": var(--global-spacing-5), + ), + ), ), "login-links": ( "components": ( "link": ( - "text-align": center + "text-align": center, ), "link-hover": ( - "color": var(--text-color-subtle) - ) - ) + "color": var(--text-color-subtle), + ), + ), ), "masthead": ( "border-block-end": 2px solid var(--global-neutral-8), @@ -1879,18 +1895,18 @@ "font-family": var(--font-family-primary), "font-size": var(--body-font-size-small), "line-height": var(--body-line-height-tiny), - "gap": var(--global-spacing-4) + "gap": var(--global-spacing-4), ), "masthead-content": ( "display": flex, - "justify-content": space-evenly + "justify-content": space-evenly, ), "masthead-date": ( "align-items": flex-end, "display": flex, "font-weight": var(--global-font-weight-7), "justify-content": flex-start, - "flex": 11 0% + "flex": 11 0%, ), "masthead-divider": ( "margin-block-end": 0, @@ -1900,29 +1916,29 @@ "padding-block-end": 0, "padding-block-start": 0, "padding-inline-end": 0, - "padding-inline-start": 0 + "padding-inline-start": 0, ), "masthead-link": ( "align-items": flex-end, "display": flex, "justify-content": flex-end, - "flex": 11 0% + "flex": 11 0%, ), "masthead-logo": ( "display": flex, - "justify-content": center + "justify-content": center, ), "masthead-logo-image": ( "max-block-size": 64px, "object-fit": contain, - "vertical-align": middle + "vertical-align": middle, ), "masthead-tagline": ( "display": flex, "flex": 11 0%, "justify-content": center, "font-family": var(--font-family-primary), - "text-align": center + "text-align": center, ), "medium-manual-promo": ( "clear": both, @@ -1932,42 +1948,42 @@ "attribution": ( "color": var(--text-color), "font-size": var(--body-font-size-small), - "line-height": var(--body-line-height-small) + "line-height": var(--body-line-height-small), ), "heading": ( "color": var(--text-color), "font-size": var(--heading-level-5-font-size), "font-weight": var(--heading-level-5-font-weight), "line-height": var(--heading-level-5-line-height), - "margin-block-end": var(--global-spacing-4) + "margin-block-end": var(--global-spacing-4), ), "link-hover": ( - "color": var(--text-color-subtle) + "color": var(--text-color-subtle), ), "media-item": ( "float": inline-end, - "max-inline-size": 100px + "max-inline-size": 100px, ), "paragraph": ( "display": inline, "font-size": var(--body-font-size), - "line-height": var(--body-line-height) - ) - ) + "line-height": var(--body-line-height), + ), + ), ), "medium-manual-promo-img": ( "components": ( "link-hover": ( - "opacity": 0.8 - ) - ) + "opacity": 0.8, + ), + ), ), "medium-manual-promo-show-image": ( "components": ( "heading": ( - "inline-size": 68% - ) - ) + "inline-size": 68%, + ), + ), ), "medium-promo": ( "clear": both, @@ -1976,32 +1992,32 @@ "components": ( "attribution": ( "display": block, - "margin-block-start": var(--global-spacing-4) + "margin-block-start": var(--global-spacing-4), ), "media-item": ( "float": inline-end, - "max-inline-size": 100px + "max-inline-size": 100px, ), "heading": ( "font-size": var(--heading-level-5-font-size), "font-weight": var(--heading-level-5-font-weight), "line-height": var(--heading-level-5-line-height), - "margin-block-end": var(--global-spacing-4) + "margin-block-end": var(--global-spacing-4), ), "paragraph": ( "display": block, - "width": 100% + "width": 100%, ), "separator": ( "padding-block-start": 0, "padding-block-end": 0, "padding-inline-end": var(--global-spacing-2), - "padding-inline-start": var(--global-spacing-2) + "padding-inline-start": var(--global-spacing-2), ), "link": ( - "position": relative - ) - ) + "position": relative, + ), + ), ), "medium-promo-icon-label": ( "align-items": center, @@ -2020,41 +2036,41 @@ "icon": ( "fill": var(--global-white), "block-size": var(--global-spacing-4), - "inline-size": var(--global-spacing-4) - ) - ) + "inline-size": var(--global-spacing-4), + ), + ), ), "medium-promo-img": ( "components": ( "link-hover": ( - "opacity": 0.8 - ) - ) + "opacity": 0.8, + ), + ), ), "medium-promo-label": ( "margin-inline-start": var(--global-spacing-2), "color": var(--global-white), - "display": none + "display": none, ), "medium-promo-show-image": ( "components": ( "heading": ( "color": var(--text-color), - "inline-size": 68% + "inline-size": 68%, ), "link-hover": ( - "color": var(--text-color-subtle) - ) - ) + "color": var(--text-color-subtle), + ), + ), ), "numbered-list": ( "gap": var(--global-spacing-4), "components": ( "heading": ( "font-size": var(--heading-level-6-font-size), - "line-height": var(--heading-level-6-line-height) - ) - ) + "line-height": var(--heading-level-6-line-height), + ), + ), ), "numbered-list-item": ( "gap": var(--global-spacing-5), @@ -2062,30 +2078,30 @@ "heading": ( "font-size": var(--body-font-size), "font-weight": var(--body-font-weight), - "line-height": var(--body-line-height) + "line-height": var(--body-line-height), ), "link": ( - "flex": 1 + "flex": 1, ), "paragraph": ( "font-family": var(--font-family-secondary), "font-size": var(--heading-level-6-font-size), "font-weight": var(--heading-level-6-font-weight), - "line-height": var(--heading-level-6-line-height) - ) - ) + "line-height": var(--heading-level-6-line-height), + ), + ), ), "numbered-list-item-image": ( - "max-inline-size": 25% + "max-inline-size": 25%, ), "numbered-list-items": ( - "gap": var(--global-spacing-4) + "gap": var(--global-spacing-4), ), "offer": ( "display": flex, "flex-direction": column, "justify-content": center, - "align-items": center + "align-items": center, ), "offer-card": ( "align-items": center, @@ -2103,21 +2119,21 @@ "text-align": center, "margin-bottom": var(--global-spacing-4), "font-weight": var(--global-font-weight-7), - "line-height": var(--global-line-height-6) + "line-height": var(--global-line-height-6), ), "paragraph": ( "font-size": var(--global-font-size-7), "font-weight": var(--global-font-weight-4), "text-align": center, - "margin-bottom": var(--global-spacing-4) + "margin-bottom": var(--global-spacing-4), ), "button-large": ( - "margin-bottom": var(--global-spacing-4) - ) - ) + "margin-bottom": var(--global-spacing-4), + ), + ), ), "offer-card-features": ( - "align-self": baseline + "align-self": baseline, ), "offer-card-features--feature-item": ( "align-items": center, @@ -2128,32 +2144,32 @@ "display": flex, "width": var(--global-spacing-4), "height": var(--global-spacing-4), - "margin": 0 var(--global-spacing-2) 0 0 - ) - ) + "margin": 0 var(--global-spacing-2) 0 0, + ), + ), ), "offer-grid-list": ( "gap": var(--global-spacing-5), "grid-template-columns": 1fr, - "justify-content": center + "justify-content": center, ), "offer-grid-list-1": ( - "grid-template-columns": minmax(auto, 600px) + "grid-template-columns": minmax(auto, 600px), ), "offer-grid-list-2": ( - "grid-template-columns": repeat(2, 1fr) + "grid-template-columns": repeat(2, 1fr), ), "offer-grid-list-3": ( - "grid-template-columns": repeat(3, 1fr) + "grid-template-columns": repeat(3, 1fr), ), "offer-grid-list-4": ( - "grid-template-columns": 1fr 1fr + "grid-template-columns": 1fr 1fr, ), "offer-grid-list-5": ( - "grid-template-columns": repeat(6, 1fr) + "grid-template-columns": repeat(6, 1fr), ), "offer-grid-list-5-children": ( - "grid-column": span 2 + "grid-column": span 2, ), "offer-headings": ( "margin-top": var(--global-spacing-9), @@ -2162,21 +2178,21 @@ "flex-direction": column, "justify-content": center, "align-items": center, - "text-align": center + "text-align": center, ), "offer-subtitle": ( "font-size": var(--global-font-size-10), - "line-height": var(--global-line-height-4) + "line-height": var(--global-line-height-4), ), "offer-title": ( "font-weight": var(--global-font-weight-7), "font-size": var(--global-font-size-15), "line-height": var(--global-line-height-6), - "margin-bottom": var(--global-spacing-4) + "margin-bottom": var(--global-spacing-4), ), "offer-wrapper": ( "margin-top": var(--global-spacing-5), - "margin-bottom": var(--global-spacing-6) + "margin-bottom": var(--global-spacing-6), ), "paywall-overlay": ( "background-color": rgba(0, 0, 0, 0.63), @@ -2188,7 +2204,7 @@ "pointer-events": all, "position": fixed, "height": 100vh, - "z-index": 1 + "z-index": 1, ), "paywall-overlay-content": ( "align-items": center, @@ -2202,9 +2218,9 @@ "overflow": auto, "components": ( "stack": ( - "width": 100% - ) - ) + "width": 100%, + ), + ), ), "paywall-subscription-dialog": ( "padding": var(--global-spacing-6), @@ -2215,58 +2231,58 @@ "components": ( "stack": ( "align-items": center, - "grid-template-rows": auto - ) - ) + "grid-template-rows": auto, + ), + ), ), "paywall-subscription-dialog-link-prompt-link": ( - "font-weight": var(--heading-level-4-font-weight) + "font-weight": var(--heading-level-4-font-weight), ), "paywall-subscription-dialog-link-prompt-pre-link": ( - "margin-right": var(--global-spacing-2) + "margin-right": var(--global-spacing-2), ), "paywall-subscription-dialog-offer-info": ( "gap": var(--global-spacing-4), "components": ( "heading": ( "font-size": var(--heading-level-2-font-size), - "text-align": center - ) - ) + "text-align": center, + ), + ), ), "paywall-subscription-dialog-reason-prompt": ( - "font-family": var(--font-family-primary) + "font-family": var(--font-family-primary), ), "paywall-subscription-dialog-subheadline": ( - "font-size": var(--heading-level-6-font-size) + "font-size": var(--heading-level-6-font-size), ), "quad-chain": ( "components": ( "heading": ( "font-size": var(--heading-level-3-font-size), "font-weight": var(--heading-level-3-font-weight), - "line-height": var(--heading-level-3-line-height) + "line-height": var(--heading-level-3-line-height), ), "stack": ( - "gap": var(--global-spacing-5) - ) - ) + "gap": var(--global-spacing-5), + ), + ), ), "quad-chain-child-item": ( - "gap": var(--global-spacing-6) 0 + "gap": var(--global-spacing-6) 0, ), "quad-chain-child-item-empty": ( - "display": contents + "display": contents, ), "quad-chain-children-grid": ( "grid-template-columns": 1fr, - "gap": var(--global-spacing-6) 0 + "gap": var(--global-spacing-6) 0, ), "reset-password": ( "font-family": var(--font-family-primary), "components": ( "button": ( - "font-size": var(--global-font-size-4) + "font-size": var(--global-font-size-4), ), "heading": ( "border-block-end-color": var(--border-color), @@ -2276,95 +2292,95 @@ "margin-block-end": var(--global-spacing-4), "margin-bottom": var(--global-spacing-4), "padding-block-end": var(--global-spacing-2), - "text-align": center + "text-align": center, ), "input": ( - "margin-block-end": var(--global-spacing-5) + "margin-block-end": var(--global-spacing-5), ), "input-error-tip": ( - "color": var(--status-color-danger) + "color": var(--status-color-danger), ), "input-input": ( "inline-size": 100%, "width": 100%, "padding-block-end": var(--global-spacing-2), - "padding-block-start": var(--global-spacing-2) + "padding-block-start": var(--global-spacing-2), ), "paragraph": ( "font-family": var(--font-family-primary), "margin-block-end": var(--global-spacing-4), - "text-align": center - ) - ) + "text-align": center, + ), + ), ), "results-list": ( "components": ( "attribution": ( - "margin-block-start": var(--global-spacing-4) + "margin-block-start": var(--global-spacing-4), ), "button": ( - "gap": var(--global-spacing-6) + "gap": var(--global-spacing-6), ), "heading": ( "font-size": var(--heading-level-5-font-size), "font-weight": var(--heading-level-5-font-weight), "line-height": var(--heading-level-5-line-height), - "margin-block-end": var(--global-spacing-4) + "margin-block-end": var(--global-spacing-4), ), "media-item": ( "float": inline-end, - "max-inline-size": 100px + "max-inline-size": 100px, ), "overline": ( - "font-size": var(--body-font-size) + "font-size": var(--body-font-size), ), "separator": ( "padding-block-end": 0, "padding-block-start": 0, "padding-inline-end": var(--global-spacing-2), - "padding-inline-start": var(--global-spacing-2) - ) - ) + "padding-inline-start": var(--global-spacing-2), + ), + ), ), "results-list-see-more": ( - "margin-block-size": var(--global-spacing-2) + "margin-block-size": var(--global-spacing-2), ), "results-list-show-image": ( "components": ( "heading": ( - "inline-size": 68% + "inline-size": 68%, ), "overline": ( - "font-size": var(--body-font-size) - ) - ) + "font-size": var(--body-font-size), + ), + ), ), "results-list-wrapper": ( - "gap": var(--global-spacing-5) + "gap": var(--global-spacing-5), ), "right-rail": ( - "gap": var(--global-spacing-5) + "gap": var(--global-spacing-5), ), "right-rail-advanced": ( - "gap": var(--global-spacing-6) + "gap": var(--global-spacing-6), ), "right-rail-advanced-footer": ( "margin-block-start": var(--global-spacing-10), "margin-inline-end": 0, "margin-block-end": var(--global-spacing-8), - "margin-inline-start": 0 + "margin-inline-start": 0, ), "right-rail-advanced-full-width-1": ( "margin-block-start": 0, "margin-inline-end": 0, "margin-block-end": var(--global-spacing-5), - "margin-inline-start": 0 + "margin-inline-start": 0, ), "right-rail-advanced-full-width-2": ( "margin-block-start": var(--global-spacing-6), "margin-inline-end": 0, "margin-block-end": 0, - "margin-inline-start": 0 + "margin-inline-start": 0, ), "right-rail-advanced-main": ( "gap": var(--global-spacing-6), @@ -2373,7 +2389,7 @@ "margin-block-start": auto, "margin-inline-end": auto, "margin-block-end": auto, - "margin-inline-start": auto + "margin-inline-start": auto, ), "right-rail-advanced-main-interior-item": ( "padding-block-start": initial, @@ -2382,13 +2398,13 @@ "padding-inline-start": initial, "border-inline-end": initial, "gap": var(--global-spacing-5), - "display": contents + "display": contents, ), "right-rail-advanced-main-interior-item-1": ( - "grid-area": main-interior-item-1 + "grid-area": main-interior-item-1, ), "right-rail-advanced-main-interior-item-2": ( - "grid-area": main-interior-item-2 + "grid-area": main-interior-item-2, ), "right-rail-advanced-main-right-rail": ( "padding-block-start": initial, @@ -2396,16 +2412,16 @@ "padding-block-end": initial, "padding-inline-start": initial, "gap": var(--global-spacing-5), - "display": contents + "display": contents, ), "right-rail-advanced-main-right-rail-bottom": ( - "grid-area": main-right-rail-bottom + "grid-area": main-right-rail-bottom, ), "right-rail-advanced-main-right-rail-middle": ( - "grid-area": main-right-rail-middle + "grid-area": main-right-rail-middle, ), "right-rail-advanced-main-right-rail-top": ( - "grid-area": main-right-rail-top + "grid-area": main-right-rail-top, ), "right-rail-advanced-navigation": ( "position": sticky, @@ -2415,32 +2431,33 @@ "margin-block-start": 0, "margin-inline-end": 0, "margin-block-end": var(--global-spacing-5), - "margin-inline-start": 0 + "margin-inline-start": 0, ), "right-rail-advanced-rail-container": ( - "grid-template-areas": "main-right-rail-top" "main-interior-item-1" "main-right-rail-middle" "main-interior-item-2" "main-right-rail-bottom", + "grid-template-areas": "main-right-rail-top" "main-interior-item-1" + "main-right-rail-middle" "main-interior-item-2" "main-right-rail-bottom", "grid-template-columns": initial, "grid-template-rows": 1fr, "grid-auto-rows": auto, - "gap": var(--global-spacing-6) + "gap": var(--global-spacing-6), ), "right-rail-footer": ( "margin-block-start": var(--global-spacing-10), "margin-inline-end": 0, "margin-block-end": var(--global-spacing-8), - "margin-inline-start": 0 + "margin-inline-start": 0, ), "right-rail-full-width-1": ( "margin-block-start": 0, "margin-inline-end": 0, "margin-block-end": var(--global-spacing-5), - "margin-inline-start": 0 + "margin-inline-start": 0, ), "right-rail-full-width-2": ( "margin-block-start": var(--global-spacing-6), "margin-inline-end": 0, "margin-block-end": 0, - "margin-inline-start": 0 + "margin-inline-start": 0, ), "right-rail-main": ( "max-inline-size": calc(var(--content-max-width) * 1px), @@ -2451,22 +2468,22 @@ "margin-inline-start": auto, "components": ( "stack": ( - "gap": var(--global-spacing-6) - ) - ) + "gap": var(--global-spacing-6), + ), + ), ), "right-rail-main-interior-item": ( "padding-block-start": initial, "padding-inline-end": initial, "padding-block-end": initial, "padding-inline-start": initial, - "border-inline-end": initial + "border-inline-end": initial, ), "right-rail-main-right-rail": ( "padding-block-start": initial, "padding-inline-end": initial, "padding-block-end": initial, - "padding-inline-start": initial + "padding-inline-start": initial, ), "right-rail-navigation": ( "position": sticky, @@ -2476,26 +2493,26 @@ "margin-block-start": 0, "margin-inline-end": 0, "margin-block-end": var(--global-spacing-5), - "margin-inline-start": 0 + "margin-inline-start": 0, ), "right-rail-rail-container": ( "grid-template-columns": initial, "grid-template-rows": 1fr, - "gap": var(--global-spacing-6) + "gap": var(--global-spacing-6), ), "search-results-list": ( "components": ( "stack": ( - "gap": var(--global-spacing-5) - ) - ) + "gap": var(--global-spacing-5), + ), + ), ), "search-results-list-field": ( "components": ( "stack": ( - "gap": var(--global-spacing-5) - ) - ) + "gap": var(--global-spacing-5), + ), + ), ), "search-results-list-field-wrapper": ( "display": grid, @@ -2503,7 +2520,7 @@ "grid-template": "icon input search" 1fr / var(--global-spacing-7) 1fr auto, "components": ( "button": ( - "grid-area": search + "grid-area": search, ), "icon": ( "align-self": center, @@ -2511,19 +2528,19 @@ "grid-area": icon, "inline-size": var(--global-spacing-5), "justify-self": center, - "z-index": 1 + "z-index": 1, ), "input": ( "gap": 0, - "grid-area": icon / icon / input / input + "grid-area": icon / icon / input / input, ), "input-input": ( "font-family": var(--font-family-primary), "font-weight": var(--global-font-weight-7), "inline-size": 100%, - "padding-inline-start": var(--global-spacing-7) - ) - ) + "padding-inline-start": var(--global-spacing-7), + ), + ), ), "search-results-list-results": ( "components": ( @@ -2532,54 +2549,54 @@ "margin-block-end": 0, "margin-block-start": var(--global-spacing-2), "margin-inline-end": auto, - "margin-inline-start": auto - ) - ) + "margin-inline-start": auto, + ), + ), ), "search-results-list-results-item": ( "components": ( "attribution": ( "display": block, - "margin-block-start": var(--global-spacing-4) + "margin-block-start": var(--global-spacing-4), ), "heading": ( "font-size": var(--heading-level-5-font-size), "font-weight": var(--heading-level-5-font-weight), "line-height": var(--heading-level-5-line-height), - "margin-block-end": var(--global-spacing-4) + "margin-block-end": var(--global-spacing-4), ), "link": ( - "position": relative + "position": relative, ), "media-item": ( "float": inline-end, - "max-inline-size": 100px + "max-inline-size": 100px, ), "overline": ( "font-weight": var(--heading-level-4-font-weight), "font-size": var(--heading-level-5-font-size), - "line-height": var(--heading-level-5-line-height) + "line-height": var(--heading-level-5-line-height), ), "paragraph": ( - "display": block + "display": block, ), "separator": ( "padding-block-end": 0, "padding-block-start": 0, "padding-inline-end": var(--global-spacing-2), - "padding-inline-start": var(--global-spacing-2) - ) - ) + "padding-inline-start": var(--global-spacing-2), + ), + ), ), "search-results-list-results-item-show-image": ( "components": ( "heading": ( - "inline-size": 68% + "inline-size": 68%, ), "overline": ( - "font-size": var(--body-font-size) - ) - ) + "font-size": var(--body-font-size), + ), + ), ), "section-title": ( "gap": var(--global-spacing-4), @@ -2588,15 +2605,15 @@ "font-family": var(--font-family-primary), "font-size": var(--heading-level-1-font-size), "font-weight": var(--heading-level-1-font-weight), - "line-height": var(--heading-level-1-line-height) + "line-height": var(--heading-level-1-line-height), ), "link": ( - "font-family": var(--font-family-primary) + "font-family": var(--font-family-primary), ), "separator": ( - "margin": 0 var(--global-spacing-4) - ) - ) + "margin": 0 var(--global-spacing-4), + ), + ), ), "share-bar": ( "background": var(--background-color), @@ -2613,57 +2630,57 @@ "position": fixed, "components": ( "button": ( - "background-color": transparent + "background-color": transparent, ), "button-default": ( "border-block-end-width": 0, "border-block-start-width": 0, "border-inline-end-width": 0, - "border-inline-start-width": 0 + "border-inline-start-width": 0, ), "button-medium": ( "padding-block-end": 0, "padding-block-start": 0, "padding-inline-end": var(--global-spacing-3), - "padding-inline-start": var(--global-spacing-3) - ) - ) + "padding-inline-start": var(--global-spacing-3), + ), + ), ), "share-bar-email": ( - "fill": #b61818 + "fill": #b61818, ), "share-bar-email-hover": ( - "fill": #c66565 + "fill": #c66565, ), "share-bar-facebook": ( - "fill": #415993 + "fill": #415993, ), "share-bar-facebook-hover": ( - "fill": #5d6f9a + "fill": #5d6f9a, ), "share-bar-linkedin": ( - "fill": #3076b0 + "fill": #3076b0, ), "share-bar-linkedin-hover": ( - "fill": #6baae8 + "fill": #6baae8, ), "share-bar-pinterest": ( - "fill": #ad2526 + "fill": #ad2526, ), "share-bar-pinterest-hover": ( - "fill": #b44c4c + "fill": #b44c4c, ), "share-bar-twitter": ( - "fill": #6baae8 + "fill": #6baae8, ), "share-bar-twitter-hover": ( - "fill": #91c4f6 + "fill": #91c4f6, ), "sign-up": ( "font-family": var(--font-family-primary), "components": ( "button": ( - "font-size": var(--global-font-size-4) + "font-size": var(--global-font-size-4), ), "heading": ( "border-block-end-color": var(--border-color), @@ -2673,67 +2690,67 @@ "margin-block-end": var(--global-spacing-4), "margin-bottom": var(--global-spacing-4), "padding-block-end": var(--global-spacing-2), - "text-align": center + "text-align": center, ), "input": ( - "margin-block-end": var(--global-spacing-5) + "margin-block-end": var(--global-spacing-5), ), "input-error-tip": ( - "color": var(--status-color-danger) + "color": var(--status-color-danger), ), "input-input": ( "inline-size": 100%, "width": 100%, "padding-block-end": var(--global-spacing-2), - "padding-block-start": var(--global-spacing-2) + "padding-block-start": var(--global-spacing-2), ), "paragraph": ( "font-family": var(--font-family-primary), - "margin-block-end": var(--global-spacing-5) - ) - ) + "margin-block-end": var(--global-spacing-5), + ), + ), ), "sign-up-tos-link": ( "color": var(--text-color), - "text-decoration": none + "text-decoration": none, ), "sign-up-tos-link-hover": ( - "color": var(--text-color-subtle) + "color": var(--text-color-subtle), ), "simple-list": ( "gap": var(--global-spacing-4), "components": ( "heading": ( "font-size": var(--heading-level-6-font-size), - "line-height": var(--heading-level-6-line-height) - ) - ) + "line-height": var(--heading-level-6-line-height), + ), + ), ), "simple-list-item": ( - "gap": var(--global-spacing-6) + "gap": var(--global-spacing-6), ), "simple-list-item-anchor": ( - "flex": 0 0 33% + "flex": 0 0 33%, ), "simple-list-items": ( "components": ( "heading": ( "line-height": var(--body-line-height), "font-size": var(--body-font-size), - "font-weight": var(--body-font-weight) - ) + "font-weight": var(--body-font-weight), + ), ), - "gap": var(--global-spacing-4) + "gap": var(--global-spacing-4), ), "single-chain": ( "components": ( "stack": ( - "gap": var(--global-spacing-5) - ) - ) + "gap": var(--global-spacing-5), + ), + ), ), "single-chain-children-stack": ( - "gap": var(--global-spacing-6) + "gap": var(--global-spacing-6), ), "single-column-regular-body": ( "inline-size": calc(100% - var(--global-spacing-6)), @@ -2741,22 +2758,22 @@ "margin-inline-end": "auto", "margin-block-end": "auto", "margin-inline-start": "auto", - "max-inline-size": none + "max-inline-size": none, ), "single-column-regular-footer": ( - "inline-size": 100% + "inline-size": 100%, ), "single-column-regular-main": ( "components": ( "heading": ( "font-size": var(--heading-level-3-font-size), "font-weight": var(--heading-level-3-font-weight), - "line-height": var(--heading-level-3-line-height) + "line-height": var(--heading-level-3-line-height), ), "stack": ( - "gap": var(--global-spacing-5) - ) - ) + "gap": var(--global-spacing-5), + ), + ), ), "small-manual-promo": ( "display": grid, @@ -2767,33 +2784,33 @@ "color": var(--text-color), "font-size": var(--body-font-size), "font-weight": var(--body-font-weight), - "line-height": var(--body-line-height) + "line-height": var(--body-line-height), ), "link-hover": ( - "color": var(--text-color-subtle) - ) - ) + "color": var(--text-color-subtle), + ), + ), ), "small-manual-promo-above": ( - "grid-template-columns": 1fr + "grid-template-columns": 1fr, ), "small-manual-promo-below": ( - "grid-template-columns": 1fr + "grid-template-columns": 1fr, ), "small-manual-promo-img": ( "components": ( "link-hover": ( - "opacity": 0.8 - ) - ) + "opacity": 0.8, + ), + ), ), "small-manual-promo-left": ( "gap": var(--global-spacing-6), - "grid-template-columns": 1fr 2fr + "grid-template-columns": 1fr 2fr, ), "small-manual-promo-right": ( "gap": var(--global-spacing-6), - "grid-template-columns": 2fr 1fr + "grid-template-columns": 2fr 1fr, ), "small-promo": ( "display": grid, @@ -2804,27 +2821,27 @@ "color": var(--text-color), "font-size": var(--body-font-size), "font-weight": var(--body-font-weight), - "line-height": var(--body-line-height) + "line-height": var(--body-line-height), ), "link-hover": ( - "color": var(--text-color-subtle) - ) - ) + "color": var(--text-color-subtle), + ), + ), ), "small-promo-img": ( "components": ( "link-hover": ( - "opacity": 0.8 - ) - ) + "opacity": 0.8, + ), + ), ), "small-promo-left": ( "gap": var(--global-spacing-6), - "grid-template-columns": 1fr 2fr + "grid-template-columns": 1fr 2fr, ), "small-promo-right": ( "gap": var(--global-spacing-6), - "grid-template-columns": 2fr 1fr + "grid-template-columns": 2fr 1fr, ), "social-sign-on": ( "inline-size": 300px, @@ -2832,30 +2849,30 @@ "components": ( "paragraph": ( "color": var(--status-color-danger), - "font-family": var(--font-family-primary) - ) - ) + "font-family": var(--font-family-primary), + ), + ), ), "social-sign-on-button-container": ( "display": flex, "flex-direction": column, - "gap": var(--global-spacing-4) + "gap": var(--global-spacing-4), ), "subheadline": ( "font-size": var(--heading-level-6-font-size), "font-weight": var(--heading-level-6-font-weight), - "line-height": var(--heading-level-6-line-height) + "line-height": var(--heading-level-6-line-height), ), "tag-title": ( "components": ( "heading": ( "font-size": var(--heading-level-1-font-size), - "line-height": var(--heading-level-1-line-height) + "line-height": var(--heading-level-1-line-height), ), "stack": ( - "gap": var(--global-spacing-2) - ) - ) + "gap": var(--global-spacing-2), + ), + ), ), "top-table-list": ( "grid-template-columns": 1fr, @@ -2863,33 +2880,33 @@ "gap": var(--global-spacing-5), "components": ( "grid": ( - "gap": var(--global-spacing-5) + "gap": var(--global-spacing-5), ), "image": ( - "transition": opacity 0.4s ease + "transition": opacity 0.4s ease, ), "image-hover": ( "cursor": pointer, - "opacity": 0.8 + "opacity": 0.8, ), "link": ( - "color": var(--text-color) + "color": var(--text-color), ), "link-hover": ( - "color": var(--text-color-subtle) - ) - ) + "color": var(--text-color-subtle), + ), + ), ), "top-table-list-large": ( "gap": var(--global-spacing-4), "components": ( "link": ( - "position": relative - ) - ) + "position": relative, + ), + ), ), "top-table-list-large-container": ( - "grid-template-columns": 1fr + "grid-template-columns": 1fr, ), "top-table-list-large-icon-label": ( "align-items": center, @@ -2911,82 +2928,82 @@ "icon": ( "fill": var(--global-white), "block-size": var(--global-spacing-4), - "inline-size": var(--global-spacing-4) - ) - ) + "inline-size": var(--global-spacing-4), + ), + ), ), "top-table-list-large-label": ( "color": var(--global-white), - "margin-inline-start": var(--global-spacing-2) + "margin-inline-start": var(--global-spacing-2), ), "top-table-list-large-text": ( "gap": 0, "components": ( "heading": ( "font-size": var(--heading-level-3-font-size), - "line-height": var(--heading-level-3-line-height) + "line-height": var(--heading-level-3-line-height), ), "overline": ( "font-size": var(--heading-level-6-font-size), - "line-height": var(--heading-level-6-line-height) + "line-height": var(--heading-level-6-line-height), ), "paragraph": ( "font-size": var(--body-font-size), - "line-height": var(--body-line-height) + "line-height": var(--body-line-height), ), "separator": ( - "margin-block-end":0, + "margin-block-end": 0, "margin-block-start": 0, "margin-inline-end": var(--global-spacing-2), - "margin-inline-start":var(--global-spacing-2) + "margin-inline-start": var(--global-spacing-2), ), "stack": ( - "gap": var(--global-spacing-4) - ) - ) + "gap": var(--global-spacing-4), + ), + ), ), "top-table-list-medium": ( "components": ( "attribution": ( "display": block, - "margin-block-start": var(--global-spacing-4) + "margin-block-start": var(--global-spacing-4), ), "divider": ( "clear": both, - "margin-block-start": var(--global-spacing-5) + "margin-block-start": var(--global-spacing-5), ), "heading": ( "font-size": var(--heading-level-5-font-size), "font-weight": var(--heading-level-5-font-weight), "line-height": var(--heading-level-5-line-height), - "margin-block-end": var(--global-spacing-4) + "margin-block-end": var(--global-spacing-4), ), "link": ( - "position": relative + "position": relative, ), "media-item": ( "float": inline-end, - "margin-block-end":var(--global-spacing-5), + "margin-block-end": var(--global-spacing-5), "margin-block-start": 0, "margin-inline-end": 0, "margin-inline-start": 0, - "max-inline-size": 100px + "max-inline-size": 100px, ), "paragraph": ( - "display": block + "display": block, ), "separator": ( "padding-block-end": 0, "padding-block-start": 0, "padding-inline-end": var(--global-spacing-2), - "padding-inline-start": var(--global-spacing-2) - ) - ) + "padding-inline-start": var(--global-spacing-2), + ), + ), ), "top-table-list-medium-container": ( "grid-template-columns": 1fr, "grid-template-rows": auto, - "gap": var(--global-spacing-8) + "gap": var(--global-spacing-8), ), "top-table-list-medium-icon-label": ( "align-items": center, @@ -3001,28 +3018,27 @@ "padding-block-end": var(--global-spacing-2), "padding-block-start": var(--global-spacing-2), "padding-inline-end": var(--global-spacing-2), - "padding-inline-start": var(--global-spacing-2) - "position": absolute, + "padding-inline-start": var(--global-spacing-2) "position": absolute, "z-index": 1, "components": ( "icon": ( "fill": var(--global-white), "block-size": var(--global-spacing-4), - "inline-size": var(--global-spacing-4) - ) - ) + "inline-size": var(--global-spacing-4), + ), + ), ), "top-table-list-medium-label": ( "color": var(--global-white), "display": none, - "margin-inline-start": var(--global-spacing-2) + "margin-inline-start": var(--global-spacing-2), ), "top-table-list-medium-show-image": ( "components": ( "heading": ( - "inline-size": 68% - ) - ) + "inline-size": 68%, + ), + ), ), "top-table-list-small": ( "display": grid, @@ -3031,101 +3047,101 @@ "components": ( "heading": ( "font-size": var(--body-font-size), - "line-height": var(--body-line-height) - ) - ) + "line-height": var(--body-line-height), + ), + ), ), "top-table-list-small-above": ( "components": ( "divider": ( - "grid-column": span 1 - ) - ) + "grid-column": span 1, + ), + ), ), "top-table-list-small-below": ( "components": ( "divider": ( - "grid-column": span 1 - ) - ) + "grid-column": span 1, + ), + ), ), "top-table-list-small-left": ( "grid-template-columns": 1fr 2fr, "components": ( "divider": ( - "grid-column": span 2 - ) - ) + "grid-column": span 2, + ), + ), ), "top-table-list-small-right": ( "grid-template-columns": 2fr 1fr, "components": ( "divider": ( - "grid-column": span 2 - ) - ) + "grid-column": span 2, + ), + ), ), "top-table-list-xl": ( "components": ( "heading": ( "align-self": start, - "justify-content": start + "justify-content": start, ), "overline": ( "display": flex, - "justify-content": start + "justify-content": start, ), "separator": ( "padding-block-end": 0, "padding-block-start": 0, "padding-inline-end": var(--global-spacing-2), - "padding-inline-start": var(--global-spacing-2) + "padding-inline-start": var(--global-spacing-2), ), "stack": ( - "gap": var(--global-spacing-4) - ) - ) + "gap": var(--global-spacing-4), + ), + ), ), "top-table-list-xl-container": ( - "grid-template-columns": 1fr + "grid-template-columns": 1fr, ), "triple-chain": ( "components": ( "heading": ( "font-size": var(--heading-level-3-font-size), "font-weight": var(--heading-level-3-font-weight), - "line-height": var(--heading-level-3-line-height) + "line-height": var(--heading-level-3-line-height), ), "stack": ( - "gap": var(--global-spacing-5) - ) - ) + "gap": var(--global-spacing-5), + ), + ), ), "triple-chain-child-item": ( - "gap": var(--global-spacing-6) 0 + "gap": var(--global-spacing-6) 0, ), "triple-chain-child-item-empty": ( - "display": contents + "display": contents, ), "triple-chain-children-grid": ( "grid-template-columns": 1fr, - "gap": var(--global-spacing-6) 0 + "gap": var(--global-spacing-6) 0, ), "video-player": ( "gap": var(--global-spacing-4), "components": ( "heading": ( "font-size": var(--heading-level-3-font-size), - "line-height": var(--heading-level-3-line-height) + "line-height": var(--heading-level-3-line-height), ), "media-item": ( "inline-size": 100%, "margin-block-end": auto, "margin-block-start": auto, "margin-inline-end": auto, - "margin-inline-start": auto - ) - ) + "margin-inline-start": auto, + ), + ), ), "video-player-feature": ( "gap": var(--global-spacing-6), @@ -3134,9 +3150,9 @@ "margin-block-end": 0, "margin-block-start": 0, "margin-inline-end": var(--global-spacing-4), - "margin-inline-start": var(--global-spacing-4) - ) - ) + "margin-inline-start": var(--global-spacing-4), + ), + ), ), "video-player-feature-meta": ( "margin-block-end": auto, @@ -3146,72 +3162,72 @@ "inline-size": var(--content-scale-width), "components": ( "stack": ( - "gap": var(--global-spacing-4) - ) - ) + "gap": var(--global-spacing-4), + ), + ), ), "xl-manual-promo": ( "components": ( "heading": ( - "color": var(--text-color) + "color": var(--text-color), ), "link": ( "font-family": inherit, "font-size": inherit, "font-weight": inherit, - "line-height": inherit + "line-height": inherit, ), "link-hover": ( - "color": var(--text-color-subtle) + "color": var(--text-color-subtle), ), "overline": ( - "color": var(--text-color) + "color": var(--text-color), ), "overline-hover": ( - "color": var(--text-color-subtle) + "color": var(--text-color-subtle), ), "stack": ( - "gap": var(--global-spacing-4) - ) - ) + "gap": var(--global-spacing-4), + ), + ), ), "xl-manual-promo-img": ( "components": ( "link-hover": ( - "opacity": 0.8 - ) - ) + "opacity": 0.8, + ), + ), ), "xl-promo": ( "components": ( "heading": ( - "color": var(--text-color) + "color": var(--text-color), ), "link": ( "font-family": inherit, "font-size": inherit, "font-weight": inherit, - "line-height": inherit + "line-height": inherit, ), "link-hover": ( - "color": var(--text-color-subtle) + "color": var(--text-color-subtle), ), "overline": ( - "color": var(--text-color) + "color": var(--text-color), ), "overline-hover": ( - "color": var(--text-color-subtle) + "color": var(--text-color-subtle), ), "separator": ( - "padding": 0 var(--global-spacing-2) + "padding": 0 var(--global-spacing-2), ), "stack": ( - "gap": var(--global-spacing-4) + "gap": var(--global-spacing-4), ), "media-item": ( - "position": relative - ) - ) + "position": relative, + ), + ), ), "xl-promo-icon-label": ( "align-items": center, @@ -3227,35 +3243,35 @@ "icon": ( "fill": var(--global-white), "height": var(--global-spacing-4), - "width": var(--global-spacing-4) - ) - ) + "width": var(--global-spacing-4), + ), + ), ), "xl-promo-img": ( "components": ( "link-hover": ( - "opacity": 0.8 - ) - ) + "opacity": 0.8, + ), + ), ), "xl-promo-label": ( "margin-left": var(--global-spacing-2), - "color": var(--global-white) - ) + "color": var(--global-white), + ), ), "components": ( "attribution": ( "color": var(--text-color), "font-size": var(--body-font-size-small), - "line-height": var(--body-line-height-small) + "line-height": var(--body-line-height-small), ), "attribution-link": ( "color": var(--text-color), - "cursor": pointer + "cursor": pointer, ), "attribution-link-hover": ( "color": var(--text-color-subtle), - "text-decoration": underline + "text-decoration": underline, ), "badge": ( "align-self": baseline, @@ -3267,25 +3283,25 @@ "padding-inline-start": var(--global-spacing-2), "padding-inline-end": var(--global-spacing-2), "padding-block-start": var(--global-spacing-1), - "padding-block-end": var(--global-spacing-1) + "padding-block-end": var(--global-spacing-1), ), "badge-danger": ( - "background-color": var(--status-color-danger) + "background-color": var(--status-color-danger), ), "badge-default": ( - "background-color": var(--text-color) + "background-color": var(--text-color), ), "badge-light": ( - "background-color": var(--text-color-subtle) + "background-color": var(--text-color-subtle), ), "badge-primary": ( - "background-color": var(--color-primary) + "background-color": var(--color-primary), ), "badge-success": ( - "background-color": var(--status-color-success) + "background-color": var(--status-color-success), ), "badge-warning": ( - "background-color": var(--status-color-warning) + "background-color": var(--status-color-warning), ), "button": ( "border-color": transparent, @@ -3293,13 +3309,13 @@ "border-width": var(--global-border-width-1), "border-radius": var(--border-radius), "font-weight": var(--global-font-weight-7), - "gap": var(--global-spacing-2) + "gap": var(--global-spacing-2), ), "button-default": ( "background-color": var(--global-white), "border-color": var(--global-neutral-7), "border-width": var(--global-border-width-1), - "color": var(--global-neutral-7) + "color": var(--global-neutral-7), ), "button-large": ( "font-size": var(--body-font-size), @@ -3307,7 +3323,7 @@ "padding-block-start": var(--global-spacing-4), "padding-inline-start": var(--global-spacing-4), "padding-block-end": var(--global-spacing-4), - "padding-inline-end": var(--global-spacing-4) + "padding-inline-end": var(--global-spacing-4), ), "button-medium": ( "font-size": var(--body-font-size-small), @@ -3315,40 +3331,43 @@ "padding-block-start": var(--global-spacing-3), "padding-inline-start": var(--global-spacing-4), "padding-block-end": var(--global-spacing-3), - "padding-inline-end": var(--global-spacing-4) + "padding-inline-end": var(--global-spacing-4), ), "button-primary": ( "background-color": var(--color-primary), - "color": var(--global-white) + "color": var(--global-white), ), "button-primary-hover": ( - "background-color": var(--color-primary-hover) + "background-color": var(--color-primary-hover), ), "button-primary-reverse": ( "background-color": transparent, "border-color": var(--color-primary), - "color": var(--color-primary) + "color": var(--color-primary), ), "button-primary-reverse-hover": ( "border-color": var(--color-primary-hover), - "color": var(--color-primary-hover) + "color": var(--color-primary-hover), ), "button-secondary": ( "background-color": var(--global-white), - "color": var (--global-black) + "color": var + ( + --global-black, + ), ), "button-secondary-hover": ( "background-color": var(--global-neutral-2), - "color": var(--global-neutral-6) + "color": var(--global-neutral-6), ), "button-secondary-reverse": ( "background-color": transparent, "border-color": var(--global-white), - "color": var(--global-white) + "color": var(--global-white), ), "button-secondary-reverse-hover": ( "border-color": var(--global-neutral-3), - "color": var(--global-neutral-3) + "color": var(--global-neutral-3), ), "button-small": ( "font-size": var(--body-font-size-small), @@ -3356,21 +3375,24 @@ "padding-block-start": var(--global-spacing-1), "padding-inline-start": var(--global-spacing-4), "padding-block-end": var(--global-spacing-1), - "padding-inline-end": var(--global-spacing-4) + "padding-inline-end": var(--global-spacing-4), ), "carousel": ( "font-family": var(--font-family-primary), "font-size": var(--body-font-size-tiny), "line-height": var(--body-line-height-tiny), - "--slides": 1 + "container-name": c-carousel, + "container-type": inline-size, + "max-inline-size": 100cqi, + "--slides": 1, ), "carousel-actions": ( "display": none, "padding-inline-start": var(--global-spacing-5), - "padding-inline-end": var(--global-spacing-5) + "padding-inline-end": var(--global-spacing-5), ), "carousel-additional-controls": ( - "display": flex + "display": flex, ), "carousel-button": ( "align-items": center, @@ -3386,39 +3408,46 @@ "padding-inline-start": var(--global-spacing-2), "padding-block-end": 0, "padding-inline-end": var(--global-spacing-2), - "inline-size": auto + "inline-size": auto, ), "carousel-button-enter-full-screen": ( - "padding-inline-start": 0 + "padding-inline-start": 0, ), "carousel-button-exit-full-screen": ( "padding-inline-start": 0, - "padding-inline-end": 0 + "padding-inline-end": 0, ), "carousel-button-full-screen": ( - "color": var(--global-white) + "color": var(--global-white), ), "carousel-button-full-screen-hover": ( - "color": var(--global-neutral-3) + "color": var(--global-neutral-3), ), "carousel-button-next": ( - "color": var(--global-white) + "color": var(--global-white), + "margin-inline-start": auto, + ), + "carousel-button-next-rtl": ( + "transform": rotate(180deg), ), "carousel-button-previous": ( - "color": var(--global-white) + "color": var(--global-white), + ), + "carousel-button-previous-rtl": ( + "transform": rotate(180deg), ), "carousel-controls": ( - "margin-block-end": var(--global-spacing-2) + "margin-block-end": var(--global-spacing-2), ), "carousel-fullscreen": ( "color": var(--global-white), "padding-block-start": var(--global-spacing-2), "padding-inline-start": 0, "padding-block-end": var(--global-spacing-2), - "padding-inline-end": 0 + "padding-inline-end": 0, ), "carousel-fullscreen-button-toggle-auto-play": ( - "display": none + "display": none, ), "carousel-fullscreen-controls": ( "align-items": flex-end, @@ -3427,56 +3456,56 @@ "padding-inline-end": var(--global-spacing-2), "padding-block-end": var(--global-spacing-2), "padding-inline-start": var(--global-spacing-2), - "place-self": initial + "place-self": initial, ), "carousel-icon": ( "fill": currentColor, "block-size": var(--global-spacing-4), - "inline-size": var(--global-spacing-4) + "inline-size": var(--global-spacing-4), ), "carousel-track": ( "gap": initial, - "max-inline-size": initial, - "inline-size": 100% + "max-inline-size": 100cqi, + "inline-size": 100%, ), "date": ( "color": var(--text-color), "font-size": var(--body-font-size-small), - "line-height": var(--body-line-height-small) + "line-height": var(--body-line-height-small), ), "divider": ( "background-color": var(--border-color), - "block-size": 1px + "block-size": 1px, ), "heading": ( "font-family": var(--font-family-primary), "font-size": var(--heading-level-3-font-size), "font-weight": var(--heading-level-3-font-weight), - "line-height": var(--heading-level-3-line-height) + "line-height": var(--heading-level-3-line-height), ), "icon": ( "fill": var(--icon-fill-color), "block-size": var(--global-spacing-5), - "inline-size": var(--global-spacing-5) + "inline-size": var(--global-spacing-5), ), "image": ( "block-size": auto, - "max-inline-size": 100% + "max-inline-size": 100%, ), "image-hover": ( - "opacity": 1 + "opacity": 1, ), "input": ( "align-items": flex-start, "display": flex, "flex-direction": column, - "gap": var(--global-spacing-1) + "gap": var(--global-spacing-1), ), "input-error-input": ( - "border-color": var(--status-color-danger) + "border-color": var(--status-color-danger), ), "input-error-input-focus": ( - "outline-color": var(--status-color-danger) + "outline-color": var(--status-color-danger), ), "input-input": ( "border-block-start-width": var(--global-border-width-1), @@ -3495,66 +3524,66 @@ "padding-block-end": var(--global-spacing-4), "padding-block-start": var(--global-spacing-4), "padding-inline-end": var(--global-spacing-2), - "padding-inline-start": var(--global-spacing-2) + "padding-inline-start": var(--global-spacing-2), ), "input-input-focus": ( "outline": solid 2px var(--form-border-color), - "outline-offset": 1px + "outline-offset": 1px, ), "input-label": ( - "font-weight": var(--global-font-weight-7) + "font-weight": var(--global-font-weight-7), ), "input-small-input": ( "padding-block-end": var(--global-spacing-2), "padding-block-start": var(--global-spacing-2), "padding-inline-end": var(--global-spacing-2), - "padding-inline-start": var(--global-spacing-2) + "padding-inline-start": var(--global-spacing-2), ), "input-success-input": ( - "border-color": var(--status-color-success) + "border-color": var(--status-color-success), ), "input-success-input-focus": ( - "outline-color": var(--status-color-success) + "outline-color": var(--status-color-success), ), "input-warning-input": ( - "border-color": var(--status-color-warning) + "border-color": var(--status-color-warning), ), "input-warning-input-focus": ( - "outline-color": var(--status-color-warning) + "outline-color": var(--status-color-warning), ), "link": ( "color": var(--text-color), - "font-family": var(--font-family-primary) + "font-family": var(--font-family-primary), ), "link-active": ( - "text-decoration": none + "text-decoration": none, ), "link-hover": ( - "text-decoration": none + "text-decoration": none, ), "media-item": ( "align-items": stretch, "display": flex, "flex-direction": column, - "gap": var(--global-spacing-2) + "gap": var(--global-spacing-2), ), "media-item-fig-caption": ( "color": var(--text-color-subtle), "font-size": var(--body-font-size-tiny), - "line-height": var(--body-line-height-tiny) + "line-height": var(--body-line-height-tiny), ), "media-item-fig-caption-fullscreen": ( "padding-inline-start": var(--global-spacing-5), - "padding-inline-end": var(--global-spacing-5) + "padding-inline-end": var(--global-spacing-5), ), "media-item-fig-caption-vertical-video": ( - "text-align": center + "text-align": center, ), "media-item-fig-caption-vertical-video": ( - "text-align": center + "text-align": center, ), "media-item-title": ( - "font-weight": var(--global-font-weight-7) + "font-weight": var(--global-font-weight-7), ), "overline": ( "color": var(--text-color), @@ -3562,13 +3591,13 @@ "font-size": var(--heading-level-6-font-size), "font-weight": var(--heading-level-6-font-weight), "line-height": var(--heading-level-6-line-height), - "text-decoration": none + "text-decoration": none, ), "paragraph": ( "font-family": var(--font-family-secondary), "font-size": var(--body-font-size), "font-weight": var(--body-font-weight), - "line-height": var(--body-line-height) + "line-height": var(--body-line-height), ), "pill": ( "background-color": var(--color-primary), @@ -3579,10 +3608,10 @@ "padding-inline-start": var(--global-spacing-4), "padding-block-end": var(--global-spacing-1), "padding-inline-end": var(--global-spacing-4), - "text-decoration": none + "text-decoration": none, ), "pill-hover": ( - "background-color": var(--global-neutral-7) + "background-color": var(--global-neutral-7), ), "stack-divider-horizontal": ( "border": none, @@ -3590,29 +3619,29 @@ "border-inline-start-style": var(--global-border-style-1), "border-inline-start-color": var(--border-color), "inline-size": 1px, - "block-size": auto + "block-size": auto, ), "stack-divider-vertical": ( "border-block-end-width": var(--global-border-width-1), "border-block-end-style": var(--global-border-style-1), - "border-block-end-color": var(--border-color) + "border-block-end-color": var(--border-color), ), "vertical-video-frame": ( - "background-color": transparent + "background-color": transparent, ), "vertical-video-frame": ( - "background-color": transparent + "background-color": transparent, ), "video": ( "margin-block-start": auto, "margin-inline-start": auto, "margin-block-end": auto, - "margin-inline-end": auto + "margin-inline-end": auto, ), "video-frame": ( - "background-color": transparent - ) - ) + "background-color": transparent, + ), + ), ), "desktop": ( "alias": ( @@ -3625,18 +3654,18 @@ "heading-level-4-line-height": var(--global-line-height-3), "heading-level-5-font-size": var(--global-font-size-11), "heading-level-5-line-height": var(--global-line-height-4), - "heading-level-6-font-size": var(--global-font-size-7) + "heading-level-6-font-size": var(--global-font-size-7), ), "blocks": ( "alert-bar": ( "components": ( "link": ( - "font-size": var(--body-font-size) - ) - ) + "font-size": var(--body-font-size), + ), + ), ), "article-body": ( - "font-size": var(--heading-level-6-font-size) + "font-size": var(--heading-level-6-font-size), ), "article-body-gallery-fullscreen": ( "components": ( @@ -3644,48 +3673,48 @@ "padding-block-start": 0, "padding-inline-end": var(--global-spacing-5), "padding-block-end": 0, - "padding-inline-start": var(--global-spacing-5) - ) - ) + "padding-inline-start": var(--global-spacing-5), + ), + ), ), "article-body-image-wrapper": ( - "max-block-size": 75vh + "max-block-size": 75vh, ), "author-bio-author-description": ( "font-size": var(--body-font-size), - "line-height": var(--body-line-height) + "line-height": var(--body-line-height), ), "author-bio-social-link-wrapper": ( - "margin-block-start": var(--global-spacing-4) + "margin-block-start": var(--global-spacing-4), ), "double-chain": ( "components": ( "stack": ( - "gap": var(--global-spacing-5) - ) - ) + "gap": var(--global-spacing-5), + ), + ), ), "double-chain-child-item-empty": ( - "display": initial + "display": initial, ), "double-chain-children-grid": ( "grid-template-columns": 1fr 1fr, - "gap": 0 var(--global-spacing-5) + "gap": 0 var(--global-spacing-5), ), "footer": ( "components": ( "image": ( - "max-block-size": var(--global-spacing-10) - ) - ) + "max-block-size": var(--global-spacing-10), + ), + ), ), "footer-links": ( "grid-auto-flow": column, - "grid-template-columns": 1fr 1fr 1fr 1fr + "grid-template-columns": 1fr 1fr 1fr 1fr, ), "footer-social-links-container": ( "border-block-end": none, - "inline-size": max-content + "inline-size": max-content, ), "footer-top-container": ( "border-block-end": 1px solid var(--global-neutral-4), @@ -3696,17 +3725,17 @@ "paragraph": ( "display": block, "align-self": center, - "text-align": center - ) - ) + "text-align": center, + ), + ), ), "forgot-password": ( "components": ( "heading": ( "font-size": var(--global-font-size-12), - "padding-block-end": var(--global-spacing-4) - ) - ) + "padding-block-end": var(--global-spacing-4), + ), + ), ), "full-author-bio": ( "flex-direction": row, @@ -3723,102 +3752,102 @@ "margin-inline-end": 0, "margin-inline-start": 0, "max-block-size": 11.25rem, - "max-inline-size": 11.25rem - ) - ) + "max-inline-size": 11.25rem, + ), + ), ), "full-author-bio-social-header": ( - "text-align": start + "text-align": start, ), "full-author-bio-social-icons": ( - "justify-content": flex-start + "justify-content": flex-start, ), "gallery-fullscreen": ( "components": ( "media-item-fig-caption": ( - "padding": 0 var(--global-spacing-5) - ) - ) + "padding": 0 var(--global-spacing-5), + ), + ), ), "gallery-image-wrapper": ( - "max-height": 75vh + "max-height": 75vh, ), "header-account-action-desktop": ( "display": flex, "components": ( "button": ( - "text-decoration": none - ) - ) + "text-decoration": none, + ), + ), ), "header-account-action-mobile": ( - "display": none + "display": none, ), "header-nav-chain": ( "padding-block-end": var(--global-spacing-3), "padding-block-start": var(--global-spacing-3), "padding-inline-end": var(--global-spacing-5), - "padding-inline-start": var(--global-spacing-5) + "padding-inline-start": var(--global-spacing-5), ), "header-nav-chain-flyout-nav-components-desktop": ( - "display": flex + "display": flex, ), "header-nav-chain-flyout-nav-components-mobile": ( - "display": none + "display": none, ), "header-nav-chain-flyout-nav-wrapper": ( - "inline-size": 315px + "inline-size": 315px, ), "header-nav-chain-flyout-nav-wrapper-closed": ( - "transform": translate(-315px, 0) + "transform": translate(-315px, 0), ), "header-nav-chain-links-list": ( - "display": flex + "display": flex, ), "header-nav-chain-top-nav-components-desktop": ( - "display": flex + "display": flex, ), "header-nav-chain-top-nav-components-mobile": ( - "display": none + "display": none, ), "header-small": ( "font-size": var(--body-font-size), - "line-height": var(--body-line-height) + "line-height": var(--body-line-height), ), "large-manual-promo": ( "gap": var(--global-spacing-6), "components": ( "divider": ( - "grid-column": span 2 + "grid-column": span 2, ), "grid": ( - "gap": var(--global-spacing-5) - ) - ) + "gap": var(--global-spacing-5), + ), + ), ), "large-manual-promo-text": ( "components": ( "heading": ( "font-size": var(--heading-level-4-font-size), - "line-height": var(--heading-level-4-line-height) - ) - ) + "line-height": var(--heading-level-4-line-height), + ), + ), ), "large-promo": ( "gap": var(--global-spacing-6), "components": ( "grid": ( - "gap": var(--global-spacing-5) - ) - ) + "gap": var(--global-spacing-5), + ), + ), ), "large-promo-text": ( "components": ( "heading": ( "font-size": var(--heading-level-4-font-size), - "line-height": var(--heading-level-4-line-height) - ) - ) + "line-height": var(--heading-level-4-line-height), + ), + ), ), "lead-art-carousel-fullscreen": ( "components": ( @@ -3826,20 +3855,20 @@ "padding-block-end": 0, "padding-block-start": 0, "padding-inline-end": var(--global-spacing-5), - "padding-inline-start": var(--global-spacing-5) - ) - ) + "padding-inline-start": var(--global-spacing-5), + ), + ), ), "login-form": ( "components": ( "heading": ( "font-size": var(--global-font-size-12), - "padding-block-end": var(--global-spacing-4) - ) - ) + "padding-block-end": var(--global-spacing-4), + ), + ), ), "masthead": ( - "display": flex + "display": flex, ), "medium-manual-promo": ( "components": ( @@ -3849,78 +3878,78 @@ "margin-block-start": 0, "margin-inline-end": 0, "margin-inline-start": 0, - "max-inline-size": 33% + "max-inline-size": 33%, ), "paragraph": ( - "display": block - ) - ) + "display": block, + ), + ), ), "medium-manual-promo-show-image": ( "components": ( "heading": ( "inline-size": auto, - "margin-inline-start": calc(33% + var(--global-spacing-6)) + "margin-inline-start": calc(33% + var(--global-spacing-6)), ), "paragraph": ( - "margin-inline-start": calc(33% + var(--global-spacing-6)) - ) - ) + "margin-inline-start": calc(33% + var(--global-spacing-6)), + ), + ), ), "medium-promo": ( "components": ( "attribution": ( - "display": block + "display": block, ), "media-item": ( "float": left, "margin": 0, - "max-width": 33% + "max-width": 33%, ), "paragraph": ( "display": block, - "width": auto - ) - ) + "width": auto, + ), + ), ), "medium-promo-label": ( - "display": inline + "display": inline, ), "medium-promo-show-image": ( "components": ( "attribution": ( - "margin-left": calc(33% + var(--global-spacing-6)) + "margin-left": calc(33% + var(--global-spacing-6)), ), "heading": ( "margin-left": calc(33% + var(--global-spacing-6)), - "width": auto + "width": auto, ), "paragraph": ( - "margin-left": calc(33% + var(--global-spacing-6)) - ) - ) + "margin-left": calc(33% + var(--global-spacing-6)), + ), + ), ), "quad-chain": ( "components": ( "stack": ( - "gap": var(--global-spacing-5) - ) - ) + "gap": var(--global-spacing-5), + ), + ), ), "quad-chain-child-item-empty": ( - "display": initial + "display": initial, ), "quad-chain-children-grid": ( "grid-template-columns": 1fr 1fr 1fr 1fr, - "gap": 0 var(--global-spacing-5) + "gap": 0 var(--global-spacing-5), ), "reset-password": ( "components": ( "heading": ( "font-size": var(--global-font-size-12), - "padding-block-end": var(--global-spacing-4) - ) - ) + "padding-block-end": var(--global-spacing-4), + ), + ), ), "results-list": ( "components": ( @@ -3930,31 +3959,31 @@ "margin-block-end": 0, "margin-inline-start": 0, "margin-inline-end": 0, - "max-inline-size": 33% + "max-inline-size": 33%, ), "overline": ( - "font-size": var(--global-font-size-7) - ) - ) + "font-size": var(--global-font-size-7), + ), + ), ), "results-list-show-image": ( "components": ( "attribution": ( "display": block, - "margin-inline-end": calc(33% + var(--global-spacing-6)) + "margin-inline-end": calc(33% + var(--global-spacing-6)), ), "heading": ( "margin-inline-end": calc(33% + var(--global-spacing-6)), - "inline-size": auto + "inline-size": auto, ), "overline": ( "margin-inline-end": var(--global-spacing-6), - "font-size": var(--global-font-size-7) + "font-size": var(--global-font-size-7), ), "paragraph": ( - "margin-inline-end": calc(33% + var(--global-spacing-6)) - ) - ) + "margin-inline-end": calc(33% + var(--global-spacing-6)), + ), + ), ), "right-rail-advanced-main-interior-item": ( "border-inline-end-width": 1px, @@ -3964,25 +3993,25 @@ "padding-inline-end": var(--global-spacing-6), "padding-block-end": 0, "padding-inline-start": 0, - "display": flex + "display": flex, ), "right-rail-advanced-main-right-rail": ( "padding-block-start": 0, "padding-inline-end": 0, "padding-block-end": 0, "padding-inline-start": var(--global-spacing-6), - "display": flex + "display": flex, ), "right-rail-advanced-navigation": ( "padding-block-start": 0, "padding-inline-end": 0, "padding-block-end": var(--global-spacing-8), - "padding-inline-start": 0 + "padding-inline-start": 0, ), "right-rail-advanced-rail-container": ( "grid-template-columns": 2fr 1fr, "gap": 0, - "grid-template-rows": initial + "grid-template-rows": initial, ), "right-rail-main-interior-item": ( "border-inline-end-width": 1px, @@ -3991,29 +4020,29 @@ "padding-block-start": 0, "padding-inline-end": var(--global-spacing-6), "padding-block-end": 0, - "padding-inline-start": 0 + "padding-inline-start": 0, ), "right-rail-main-right-rail": ( "padding-block-start": 0, "padding-inline-end": 0, "padding-block-end": 0, - "padding-inline-start": var(--global-spacing-6) + "padding-inline-start": var(--global-spacing-6), ), "right-rail-navigation": ( "padding-block-start": 0, "padding-inline-end": 0, "padding-block-end": var(--global-spacing-8), - "padding-inline-start": 0 + "padding-inline-start": 0, ), "right-rail-rail-container": ( "grid-template-columns": 2fr 1fr, "gap": 0, - "grid-template-rows": initial + "grid-template-rows": initial, ), "search-results-list-results-item": ( "components": ( "attribution": ( - "display": block + "display": block, ), "media-item": ( "float": inline-start, @@ -4021,135 +4050,135 @@ "margin-block-start": 0, "margin-inline-end": 0, "margin-inline-start": 0, - "max-inline-size": 33% + "max-inline-size": 33%, ), "paragraph": ( - "display": block - ) - ) + "display": block, + ), + ), ), "search-results-list-results-item-show-image": ( "components": ( "attribution": ( - "margin-inline-start": calc(33% + var(--global-spacing-6)) + "margin-inline-start": calc(33% + var(--global-spacing-6)), ), "heading": ( "inline-size": auto, - "margin-inline-start": calc(33% + var(--global-spacing-6)) + "margin-inline-start": calc(33% + var(--global-spacing-6)), ), "overline": ( "font-size": var(--heading-level-5-font-size), - "margin-inline-start": var(--global-spacing-6) + "margin-inline-start": var(--global-spacing-6), ), "paragraph": ( - "margin-inline-start": calc(33% + var(--global-spacing-6)) - ) - ) + "margin-inline-start": calc(33% + var(--global-spacing-6)), + ), + ), ), "share-bar": ( - "display": flex + "display": flex, ), "sign-up": ( "components": ( "heading": ( "font-size": var(--global-font-size-12), - "padding-block-end": var(--global-spacing-4) - ) - ) + "padding-block-end": var(--global-spacing-4), + ), + ), ), "single-chain": ( "components": ( "stack": ( - "gap": var(--global-spacing-5) - ) - ) + "gap": var(--global-spacing-5), + ), + ), ), "single-chain-children-stack": ( - "gap": var(--global-spacing-5) + "gap": var(--global-spacing-5), ), "single-column-regular-body": ( - "max-inline-size": 37rem + "max-inline-size": 37rem, ), "top-table-list-large": ( "gap": var(--global-spacing-6), "components": ( "divider": ( - "grid-column": span 2 + "grid-column": span 2, ), "grid": ( - "gap": var(--global-spacing-5) - ) - ) + "gap": var(--global-spacing-5), + ), + ), ), "top-table-list-large-text": ( "components": ( "heading": ( "font-size": var(--heading-level-4-font-size), - "line-height": var(--heading-level-4-line-height) - ) - ) + "line-height": var(--heading-level-4-line-height), + ), + ), ), "top-table-list-medium": ( "components": ( "attribution": ( - "display": block + "display": block, ), "media-item": ( "float": inline-start, - "max-inline-size": 33% + "max-inline-size": 33%, ), "paragraph": ( - "display": block - ) - ) + "display": block, + ), + ), ), "top-table-list-medium-container": ( - "gap": var(--global-spacing-5) + "gap": var(--global-spacing-5), ), "top-table-list-medium-label": ( - "display": inline + "display": inline, ), "top-table-list-medium-show-image": ( "components": ( "attribution": ( - "margin-inline-start": calc(33% + var(--global-spacing-6)) + "margin-inline-start": calc(33% + var(--global-spacing-6)), ), "heading": ( "inline-size": auto, - "margin-inline-start": calc(33% + var(--global-spacing-6)) + "margin-inline-start": calc(33% + var(--global-spacing-6)), ), "paragraph": ( - "margin-inline-start": calc(33% + var(--global-spacing-6)) - ) - ) + "margin-inline-start": calc(33% + var(--global-spacing-6)), + ), + ), ), "top-table-list-small-container-1": ( "components": ( "grid": ( - "template-columns": 1fr - ) - ) + "template-columns": 1fr, + ), + ), ), "top-table-list-small-container-2": ( "components": ( "grid": ( - "template-columns": repeat(2, minmax(5rem, 1fr)) - ) - ) + "template-columns": repeat(2, minmax(5rem, 1fr)), + ), + ), ), "top-table-list-small-container-3": ( "components": ( "grid": ( - "template-columns": repeat(3, minmax(5rem, 1fr)) - ) - ) + "template-columns": repeat(3, minmax(5rem, 1fr)), + ), + ), ), "top-table-list-small-container-4": ( "components": ( "grid": ( - "template-columns": repeat(4, minmax(5rem, 1fr)) - ) - ) + "template-columns": repeat(4, minmax(5rem, 1fr)), + ), + ), ), "top-table-list-xl": ( "components": ( @@ -4157,30 +4186,30 @@ "align-self": center, "font-size": var(--heading-level-1-font-size), "justify-content": center, - "line-height": var(--heading-level-1-line-height) + "line-height": var(--heading-level-1-line-height), ), "overline": ( "display": flex, - "justify-content": center + "justify-content": center, ), "stack": ( - "gap": var(--global-spacing-5) - ) - ) + "gap": var(--global-spacing-5), + ), + ), ), "triple-chain": ( "components": ( "stack": ( - "gap": var(--global-spacing-5) - ) - ) + "gap": var(--global-spacing-5), + ), + ), ), "triple-chain-child-item-empty": ( - "display": initial + "display": initial, ), "triple-chain-children-grid": ( "grid-template-columns": 1fr 1fr 1fr, - "gap": 0 var(--global-spacing-5) + "gap": 0 var(--global-spacing-5), ), "xl-manual-promo": ( "components": ( @@ -4188,16 +4217,16 @@ "align-self": center, "font-size": var(--heading-level-1-font-size), "justify-content": center, - "line-height": var(--heading-level-1-line-height) + "line-height": var(--heading-level-1-line-height), ), "overline": ( "display": flex, - "justify-content": center + "justify-content": center, ), "stack": ( - "gap": var(--global-spacing-5) - ) - ) + "gap": var(--global-spacing-5), + ), + ), ), "xl-promo": ( "components": ( @@ -4205,44 +4234,44 @@ "align-self": center, "font-size": var(--heading-level-1-font-size), "justify-content": center, - "line-height": var(--heading-level-1-line-height) + "line-height": var(--heading-level-1-line-height), ), "overline": ( "display": flex, - "justify-content": center + "justify-content": center, ), "stack": ( - "gap": var(--global-spacing-5) - ) - ) + "gap": var(--global-spacing-5), + ), + ), ), "xl-promo-icon-label": ( "margin-inline-start": var(--global-spacing-2), - "color": var(--global-white) - ) + "color": var(--global-white), + ), ), "components": ( "carousel": ( - "--slides": 4 + "--slides": 4, ), "carousel-actions": ( - "display": flex + "display": flex, ), "carousel-additional-controls": ( "gap": var(--global-spacing-2), "padding-block-start": 0, "padding-inline-start": var(--global-spacing-2), "padding-block-end": 0, - "padding-inline-end": 0 + "padding-inline-end": 0, ), "carousel-fullscreen": ( "padding-block-start": var(--global-spacing-5), "padding-inline-start": 0, "padding-block-end": var(--global-spacing-5), - "padding-inline-end": 0 + "padding-inline-end": 0, ), "carousel-fullscreen-button-toggle-auto-play": ( - "display": flex + "display": flex, ), "carousel-fullscreen-controls": ( "flex-direction": initial, @@ -4250,16 +4279,16 @@ "padding-inline-end": var(--global-spacing-5), "padding-block-end": var(--global-spacing-5), "padding-inline-start": var(--global-spacing-5), - "place-self": flex-start + "place-self": flex-start, ), "carousel-track": ( - "gap": var(--global-spacing-6) + "gap": var(--global-spacing-6), ), "video-frame": ( - "background-color": var(--global-black) - ) - ) - ) + "background-color": var(--global-black), + ), + ), + ), ) ); @@ -4309,4 +4338,4 @@ @use "../../blocks/tag-title-block"; @use "../../blocks/top-table-list-block"; @use "../../blocks/triple-chain-block"; -@use "../../blocks/video-player-block"; \ No newline at end of file +@use "../../blocks/video-player-block"; diff --git a/blocks/gallery-block/index.story.jsx b/blocks/gallery-block/index.story.jsx index a102de670b..e82f274a87 100644 --- a/blocks/gallery-block/index.story.jsx +++ b/blocks/gallery-block/index.story.jsx @@ -239,3 +239,29 @@ export const hideCaptionAndCreditsAndTitle = () => { /> ); }; + +export const hideCaptionAndCreditsAndTitleInRtl = () => { + const mockGlobalContent = { + ...mockGallery, + ...mockContextGlobalContent, + }; + + const mockCustomFields = { + inheritGlobalContent: true, + galleryContentConfig: {}, + hideCaption: true, + hideCredits: true, + hideTitle: true, + }; + + return ( +
+ + + ); +}; diff --git a/blocks/gallery-block/themes/news.json b/blocks/gallery-block/themes/news.json index ae97bedfe8..0d1732990f 100644 --- a/blocks/gallery-block/themes/news.json +++ b/blocks/gallery-block/themes/news.json @@ -17,14 +17,20 @@ "default": { "components": { "media-item-fig-caption": { - "padding": "0 var(--global-spacing-2)" + "padding-block-start": "0", + "padding-inline-end": "var(--global-spacing-2)", + "padding-block-end": "0", + "padding-inline-start": "var(--global-spacing-2)" } } }, "desktop": { "components": { "media-item-fig-caption": { - "padding": "0 var(--global-spacing-5)" + "padding-block-start": "0", + "padding-inline-end": "var(--global-spacing-5)", + "padding-block-end": "0", + "padding-inline-start": "var(--global-spacing-5)" } } } @@ -38,19 +44,19 @@ "background-color": "var(--global-black)", "display": "flex", "justify-content": "center", - "max-height": "75vh", + "max-block-size": "75vh", "overflow": "auto", "components": { "image": { - "height": "auto", - "max-height": "100%", - "max-width": "100%", + "block-size": "auto", + "max-block-size": "100%", + "max-inline-size": "100%", "object-fit": "contain" } } }, "desktop": { - "max-height": "75vh" + "max-block-size": "75vh" } } }, @@ -64,8 +70,8 @@ }, "icon": { "fill": "currentColor", - "height": "var(--global-spacing-8)", - "width": "var(--global-spacing-8)" + "block-size": "var(--global-spacing-8)", + "inline-size": "var(--global-spacing-8)" } } }, @@ -82,8 +88,8 @@ }, "icon": { "fill": "currentColor", - "height": "var(--global-spacing-6)", - "width": "var(--global-spacing-6)" + "block-size": "var(--global-spacing-6)", + "inline-size": "var(--global-spacing-6)" } } },