@swisspost/design-system-styles 10.7.0 → 10.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/README.md +29 -24
  2. package/_svg-icon-map.scss +17 -5
  3. package/basics.css +1 -1
  4. package/cargo-compact.css +1 -1
  5. package/cargo-condensed.css +1 -0
  6. package/cargo-condensed.scss +12 -0
  7. package/cargo-default.css +1 -1
  8. package/cargo-tokens-compact.css +1 -1
  9. package/cargo-tokens-condensed.css +1 -0
  10. package/cargo-tokens-condensed.scss +8 -0
  11. package/cargo-tokens-default.css +1 -1
  12. package/components/avatar.css +1 -1
  13. package/components/blockquote.css +1 -1
  14. package/components/blockquote.scss +5 -1
  15. package/components/button-group.css +1 -1
  16. package/components/button.css +1 -1
  17. package/components/button.scss +5 -0
  18. package/components/card.css +1 -1
  19. package/components/checkbox.css +1 -1
  20. package/components/chip.css +1 -1
  21. package/components/chip.scss +1 -1
  22. package/components/dialog.css +1 -1
  23. package/components/dialog.scss +2 -2
  24. package/components/footer/_post-footer.scss +17 -7
  25. package/components/footer/index.css +1 -1
  26. package/components/form-input.css +1 -1
  27. package/components/form-input.scss +41 -24
  28. package/components/form-search-input.css +1 -1
  29. package/components/form-search-input.scss +1 -1
  30. package/components/form-select.css +1 -1
  31. package/components/form-select.scss +19 -12
  32. package/components/form-textarea.css +1 -1
  33. package/components/form-textarea.scss +5 -3
  34. package/components/header/_custom-properties.scss +32 -8
  35. package/components/header/index.css +1 -1
  36. package/components/inline-notification.css +1 -1
  37. package/components/inline-notification.scss +32 -15
  38. package/components/list-check.css +1 -1
  39. package/components/list-check.scss +18 -53
  40. package/components/list-interactive.css +1 -1
  41. package/components/palette.css +1 -1
  42. package/components/radio-button.css +1 -1
  43. package/components/segmented-button.css +1 -1
  44. package/components/selection-card.css +1 -1
  45. package/components/selection-card.scss +2 -1
  46. package/components/skiplinks.css +1 -1
  47. package/components/switch.css +1 -1
  48. package/components/switch.scss +4 -4
  49. package/components/tabs/_tab-title.scss +8 -8
  50. package/components/tabs/index.css +1 -1
  51. package/components/tag.css +1 -1
  52. package/components/tag.scss +2 -1
  53. package/components/toast.css +1 -1
  54. package/elements/anchor.css +1 -1
  55. package/elements/list-bullet.css +1 -1
  56. package/functions/_icons.scss +4 -3
  57. package/helpers/focus-ring.css +1 -1
  58. package/layout/_containers.scss +1 -1
  59. package/layout/_section.scss +1 -1
  60. package/mixins/_button.scss +12 -1
  61. package/mixins/_color-scheme.scss +48 -17
  62. package/mixins/_forms.scss +3 -3
  63. package/mixins/_list.scss +5 -5
  64. package/mixins/_notification.scss +2 -1
  65. package/mixins/_utilities.scss +22 -29
  66. package/package.json +13 -13
  67. package/placeholders/_button.scss +1 -0
  68. package/post-compact.css +1 -1
  69. package/post-condensed.css +1 -0
  70. package/post-condensed.scss +12 -0
  71. package/post-default.css +1 -1
  72. package/post-tokens-compact.css +1 -1
  73. package/post-tokens-condensed.css +1 -0
  74. package/post-tokens-condensed.scss +8 -0
  75. package/post-tokens-default.css +1 -1
  76. package/tokens/_appearance-condensed.scss +11 -0
  77. package/tokens/_device-condensed.scss +10 -0
  78. package/tokens/_schemes.scss +2 -8
  79. package/utilities/_env-variables.scss +1 -1
  80. package/utilities/_variables.scss +36 -36
  81. package/variables/components/_notification.scss +10 -10
package/components/header/_custom-properties.scss CHANGED
@@ -95,15 +95,24 @@ post-header:has([slot='main-nav']):has([slot='title']) {
95
95
  // One-pager header: when there is no main-nav and no title,
96
96
  // ensure the local header collapses to zero height
97
97
  :root:has(post-header):not(:has(post-header [slot='main-nav'])):not(
98
- :has(post-header [slot='title'])
99
- ) {
98
+ :has(post-header [slot='title'])
99
+ ) {
100
100
  --post-local-header-expanded-min-height: 0px;
101
101
  }
102
102
 
103
- post-header:not(:has([slot='main-nav'])) {
104
- // Hide burger button (no main navigation)
103
+ post-header:not(
104
+ :has(
105
+ > [slot='main-nav']:is(a:not(post-megadropdown *), post-megadropdown-trigger),
106
+ > [slot='main-nav'] :is(a:not(post-megadropdown *), post-megadropdown-trigger),
107
+ > :is([slot='audience'], [slot='global-nav-secondary']):is(a, button),
108
+ > :is([slot='audience'], [slot='global-nav-secondary']) :is(a, button)
109
+ )
110
+ ) {
111
+ // Hide burger button when main navigation, audience, and secondary navigation have no items.
105
112
  --post-burger-button-display: none;
113
+ }
106
114
 
115
+ post-header:not(:has([slot='main-nav'])) {
107
116
  // Hide local header if there is no title either
108
117
  &:not(:has([slot='title'])) {
109
118
  --post-local-header-display: none;
@@ -135,10 +144,10 @@ post-header:not(:has([slot='main-nav'])) {
135
144
  // ============================================================
136
145
 
137
146
  :root:has(post-header):not(:has(post-header > [slot='audience'])):not(
138
- :has(post-header > [slot='global-nav-primary'])
139
- ):not(:has(post-header > [slot='global-nav-secondary'])):not(
140
- :has(post-header > [slot='language-menu'])
141
- ):not(:has(post-header > [slot='post-login'])) {
147
+ :has(post-header > [slot='global-nav-primary'])
148
+ ):not(:has(post-header > [slot='global-nav-secondary'])):not(
149
+ :has(post-header > [slot='language-menu'])
150
+ ):not(:has(post-header > [slot='post-login'])) {
142
151
  --post-global-header-expanded-height: var(--_post-initial-global-header-height);
143
152
  --post-global-header-reduced-height: 32px;
144
153
 
@@ -190,6 +199,21 @@ post-header:not(:has([slot='main-nav'])) {
190
199
  );
191
200
  --post-header-height: calc(var(--post-global-header-height) + var(--post-local-header-height));
192
201
 
202
+ // --- Scroll max ---
203
+ // Scroll position from which the header is fully reduced,
204
+ // --post-header-scroll-top is not updated beyond this value
205
+ // The min() is the position where the sliding controls stop (see --post-global-controls-top),
206
+ // 4000 = 4 (scroll speed divider) * 1000 (offset limit multiplier), 0 when the global header does not shrink
207
+ --post-header-scroll-max: max(
208
+ 0px,
209
+ var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height),
210
+ var(--post-local-header-expanded-height) - var(--post-local-header-reduced-height),
211
+ min(
212
+ 4 * var(--post-global-header-reduced-height),
213
+ 4000 * (var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height))
214
+ )
215
+ );
216
+
193
217
  // --- Logo offset ---
194
218
  --post-logo-expanded-offset: 0px;
195
219
  --post-logo-reduced-offset: var(--post-logo-expanded-offset);
package/components/header/index.css CHANGED
@@ -1 +1 @@
1
- :root:has(post-header [slot=main-nav]):not(:has(post-header [slot=title])){--post-global-header-expanded-height: 64px;--post-local-header-reduced-height: 0px;--post-local-header-expanded-min-height: var(--post-main-navigation-height, 0px)}@media screen and (min-width: 1024px){:root:has(post-header [slot=main-nav]):not(:has(post-header [slot=title])){--post-global-header-expanded-height: 72px;--post-global-header-reduced-height: 24px;--post-local-header-reduced-height: 56px;--post-main-navigation-height: var(--post-local-header-reduced-height);--post-logo-reduced-offset: 6px}}@media screen and (max-width: 1023.98px){post-header:has([slot=main-nav]):not(:has([slot=title])){--post-local-header-display: none}}post-header:has([slot=main-nav]):not(:has([slot=title])):not(:has([slot=local-nav])){--post-local-header-grid-template: 'main-nav' auto / 1fr}post-header:has([slot=main-nav]):not(:has([slot=title])):has([slot=local-nav]){--post-local-header-grid-template: 'main-nav local-nav' auto / minmax(0, 1fr) auto}:root:has(post-header [slot=main-nav]):has(post-header [slot=title]){--post-global-header-expanded-height: 64px;--post-local-header-reduced-height: var(--post-local-header-expanded-height)}@media screen and (min-width: 0)and (max-width: 599.98px){:root:has(post-header [slot=main-nav]):has(post-header [slot=title]){--post-local-header-expanded-min-height: 48px}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:root:has(post-header [slot=main-nav]):has(post-header [slot=title]){--post-local-header-expanded-min-height: 56px}}@media screen and (min-width: 1024px){:root:has(post-header [slot=main-nav]):has(post-header [slot=title]){--post-global-header-expanded-height: 72px;--post-local-header-expanded-min-height: 112px;--post-global-header-reduced-height: 24px;--post-main-navigation-height: 56px;--post-logo-reduced-offset: 6px}}post-header:has([slot=main-nav]):has([slot=title]){--post-local-header-align-items: end}post-header:has([slot=main-nav]):has([slot=title]):not(:has([slot=local-nav])){--post-local-header-grid-template: 'title' 1fr 'main-nav' auto / 1fr}post-header:has([slot=main-nav]):has([slot=title]):has([slot=local-nav]){--post-local-header-grid-template: 'title local-nav' 1fr 'main-nav main-nav' auto / minmax(0, 1fr) auto}:root:has(post-header):not(:has(post-header [slot=main-nav])){--post-global-header-expanded-height: 64px;--post-local-header-expanded-min-height: 56px}@media screen and (min-width: 1024px){:root:has(post-header):not(:has(post-header [slot=main-nav])){--post-global-header-expanded-height: 72px;--post-local-header-expanded-min-height: 64px}}:root:has(post-header):not(:has(post-header [slot=main-nav])):not(:has(post-header [slot=title])){--post-local-header-expanded-min-height: 0px}post-header:not(:has([slot=main-nav])){--post-burger-button-display: none}post-header:not(:has([slot=main-nav])):not(:has([slot=title])){--post-local-header-display: none}post-header:not(:has([slot=main-nav])):has([slot=title]):not(:has([slot=local-nav])):not(:has([slot=side-nav])){--post-local-header-grid-template: 'title' 1fr / 1fr}post-header:not(:has([slot=main-nav])):has([slot=title]):has([slot=local-nav]):not(:has([slot=side-nav])){--post-local-header-grid-template: 'title local-nav' 1fr / minmax(0, 1fr) auto}post-header:not(:has([slot=main-nav])):has([slot=title]):has([slot=side-nav]):not(:has([slot=local-nav])){--post-local-header-grid-template: 'side-nav title' 1fr / auto minmax(0, 1fr)}post-header:not(:has([slot=main-nav])):has([slot=title]):has([slot=side-nav]):has([slot=local-nav]){--post-local-header-grid-template: 'side-nav title local-nav' 1fr / auto minmax(0, 1fr) auto}:root:has(post-header):not(:has(post-header>[slot=audience])):not(:has(post-header>[slot=global-nav-primary])):not(:has(post-header>[slot=global-nav-secondary])):not(:has(post-header>[slot=language-menu])):not(:has(post-header>[slot=post-login])){--post-global-header-expanded-height: var(--_post-initial-global-header-height);--post-global-header-reduced-height: 32px}@media screen and (min-width: 1024px){:root:has(post-header):not(:has(post-header>[slot=audience])):not(:has(post-header>[slot=global-nav-primary])):not(:has(post-header>[slot=global-nav-secondary])):not(:has(post-header>[slot=language-menu])):not(:has(post-header>[slot=post-login])){--post-logo-expanded-offset: 10px;--post-logo-reduced-offset: 10px}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:root:has(post-header):not(:has(post-header>[slot=audience])):not(:has(post-header>[slot=global-nav-primary])):not(:has(post-header>[slot=global-nav-secondary])):not(:has(post-header>[slot=language-menu])):not(:has(post-header>[slot=post-login])){--post-logo-expanded-offset: 12px;--post-logo-reduced-offset: 12px}}@media screen and (min-width: 0)and (max-width: 599.98px){:root:has(post-header):not(:has(post-header>[slot=audience])):not(:has(post-header>[slot=global-nav-primary])):not(:has(post-header>[slot=global-nav-secondary])):not(:has(post-header>[slot=language-menu])):not(:has(post-header>[slot=post-login])){--post-logo-expanded-offset: 8px;--post-logo-reduced-offset: 8px}}:root:has(post-header){overflow-anchor:none;--post-local-header-expanded-height: var(--post-local-header-expanded-min-height);--post-header-expanded-height: calc( var(--post-global-header-expanded-height) + var(--post-local-header-expanded-height) );--post-global-header-reduced-height: var(--post-global-header-expanded-height);--post-local-header-reduced-height: var(--post-local-header-expanded-height);--post-header-reduced-height: calc( var(--post-global-header-reduced-height) + var(--post-local-header-reduced-height) );--post-global-header-height: max( var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px), var(--post-global-header-reduced-height) );--post-local-header-height: max( var(--post-local-header-expanded-height) - var(--post-header-scroll-top, 0px), var(--post-local-header-reduced-height) );--post-header-height: calc(var(--post-global-header-height) + var(--post-local-header-height));--post-logo-expanded-offset: 0px;--post-logo-reduced-offset: var(--post-logo-expanded-offset)}:root:has(post-header):has([data-menu-extended]){--post-header-height: ( var(--post-global-header-expanded-height) + var(--post-local-header-expanded-height) )}post-megadropdown .post-megadropdown-list,post-mainnavigation>ul,post-header>ul{all:unset;display:block;list-style:none;display:flex;flex-wrap:wrap;row-gap:var(--post-device-spacing-gap-1);column-gap:calc(var(--post-device-spacing-gap-inline-10)*2);margin-block:var(--post-device-spacing-padding-block-8)}post-megadropdown .post-megadropdown-list>li,post-mainnavigation>ul>li,post-header>ul>li{all:unset;display:list-item}post-megadropdown .post-megadropdown-list>li~li,post-mainnavigation>ul>li~li,post-header>ul>li~li{all:unset;display:list-item}post-megadropdown .post-megadropdown-list>li::before,post-mainnavigation>ul>li::before,post-header>ul>li::before{all:unset}post-megadropdown .post-megadropdown-list,post-mainnavigation>ul,post-header>ul{gap:0 8px;margin:0}@media screen and (max-width: 1023.98px){post-megadropdown .post-megadropdown-list,post-mainnavigation>ul,post-header>ul{flex-direction:column}}post-megadropdown .post-megadropdown-list>li,post-mainnavigation>ul>li,post-header>ul>li{flex:1 0 auto !important}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]),post-header>*:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer}post-megadropdown .post-megadropdown-overview:not(:disabled):hover,post-megadropdown .post-megadropdown-list-title:not(:disabled):hover,post-megadropdown .post-megadropdown-list>li>:not(:disabled):hover:where(a,button,[role=link],[role=button]),post-header>:not(:disabled):hover:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:not(:disabled):hover:where(a,button,[role=link],[role=button]),post-mainnavigation>:not(:disabled):hover:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:not(:disabled):hover:where(a,button,[role=link],[role=button]){text-decoration:none}post-megadropdown .post-megadropdown-overview:disabled,post-megadropdown .post-megadropdown-list-title:disabled,post-megadropdown .post-megadropdown-list>li>:disabled:where(a,button,[role=link],[role=button]),post-header>:disabled:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:disabled:where(a,button,[role=link],[role=button]),post-mainnavigation>:disabled:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:disabled:where(a,button,[role=link],[role=button]){border-style:var(--post-core-border-style-dash);cursor:unset}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]),post-header>*:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-megadropdown .post-megadropdown-list>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]),post-header>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-megadropdown .post-megadropdown-list>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]),post-header>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-header>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-header>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]),post-header>*:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){border-width:1px !important;transition:none}post-megadropdown .post-megadropdown-overview:is(button),post-megadropdown .post-megadropdown-list-title:is(button),post-megadropdown .post-megadropdown-list>li>:is(button):where(a,button,[role=link],[role=button]),post-header>:is(button):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is(button):where(a,button,[role=link],[role=button]),post-mainnavigation>:is(button):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(button):where(a,button,[role=link],[role=button]){background-color:ButtonFace !important;border-color:ButtonBorder !important}}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]),post-header>*:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){border:unset;font-weight:unset;display:flex;padding:4px 10px;gap:6px;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}post-megadropdown .post-megadropdown-overview:hover,post-megadropdown .post-megadropdown-list-title:hover,post-megadropdown .post-megadropdown-list>li>:hover:where(a,button,[role=link],[role=button]),post-header>:hover:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:hover:where(a,button,[role=link],[role=button]),post-mainnavigation>:hover:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:hover:where(a,button,[role=link],[role=button]){border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}post-megadropdown .post-megadropdown-overview:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active),post-megadropdown .post-megadropdown-list-title:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active),post-megadropdown .post-megadropdown-list>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]),post-header>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]),post-mainnavigation>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}post-megadropdown .post-megadropdown-overview:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover,post-megadropdown .post-megadropdown-list-title:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover,post-megadropdown .post-megadropdown-list>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover:where(a,button,[role=link],[role=button]),post-header>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover:where(a,button,[role=link],[role=button]),post-mainnavigation>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover:where(a,button,[role=link],[role=button]){border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){--post-nav-item-border-width: 1px;width:100%;justify-content:start;position:relative;padding:12px 12px calc(12px - var(--post-nav-item-border-width)) 8px;gap:16px;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor}post-mainnavigation>:hover:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:hover:where(a,button,[role=link],[role=button]){border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);border-bottom-color:rgba(0,0,0,0)}post-mainnavigation>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]){box-shadow:none}post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-mainnavigation>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-mainnavigation>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button])::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-mainnavigation>:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover:where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover:where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-mainnavigation>:is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button])::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):hover:where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):hover:where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}}post-mainnavigation>*:where(a,button,[role=link],[role=button])>post-icon:where(:last-child),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon:where(:last-child){margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){padding:9.5px 12px calc(9.5px - var(--post-nav-item-border-width)) 8px;gap:8px;font-size:.875rem}post-mainnavigation>*:where(a,button,[role=link],[role=button])>post-icon,post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-mainnavigation>*:where(a,button,[role=link],[role=button])>post-icon,post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1.5rem}}post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){height:100%}@media screen and (min-width: 1024px){post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){padding:16px 12px;gap:8px;border-bottom:0}}body:has(post-header){scroll-padding-top:var(--post-header-height)}[data-post-scroll-locked]{overflow:hidden !important}body:has(post-header:not([data-hydrated])) post-back-to-top{visibility:hidden !important}post-header:not(:defined),post-header:not([data-hydrated]){display:block;height:var(--post-header-height)}@media screen and (max-width: 1023.98px){post-header>:is([slot=global-nav-primary],[slot=post-login],[slot=local-nav]){flex-direction:row}}@media screen and (min-width: 0)and (max-width: 599.98px){post-header>:is([slot=global-nav-primary],[slot=post-login],[slot=local-nav]):where(a,button,[role=link],[role=button])>:not(post-icon),post-header>:is([slot=global-nav-primary],[slot=post-login],[slot=local-nav]):where(ul)>li>:where(a,button,[role=link],[role=button])>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-header>:is([slot=global-nav-primary],[slot=post-login],[slot=local-nav]):where(a,button,[role=link],[role=button])>post-icon,post-header>:is([slot=global-nav-primary],[slot=post-login],[slot=local-nav]):where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1.5rem}}@media screen and (min-width: 0)and (max-width: 599.98px){post-header>:is([slot=global-nav-primary],[slot=post-login]):where(a,button,[role=link],[role=button]),post-header>:is([slot=global-nav-primary],[slot=post-login]):where(ul)>li>:where(a,button,[role=link],[role=button]){padding:10px}}post-header>[slot=local-nav]{grid-area:local-nav}post-header>[slot=local-nav]:where(ul){align-items:center}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-header>[slot=audience]:where(ul){flex-direction:row;margin-block:16px}}@media screen and (min-width: 0)and (max-width: 599.98px){post-header>[slot=audience]:where(ul){gap:8px}}post-header>[slot=audience]:where(a,button,[role=link],[role=button]),post-header>[slot=audience]:where(ul)>li>:where(a,button,[role=link],[role=button]){padding-inline:16px}@media screen and (max-width: 1023.98px){post-header>[slot=global-nav-secondary]:where(ul){flex-direction:column}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]){flex-direction:row-reverse;--post-nav-item-border-width: 1px;width:100%;justify-content:start;position:relative;padding:12px 12px calc(12px - var(--post-nav-item-border-width)) 8px;gap:16px;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):hover,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);border-bottom-color:rgba(0,0,0,0)}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:none}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus)::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}}@media screen and (max-width: 1023.98px)and (forced-colors: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: white-on-black){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@media screen and (max-width: 1023.98px){@supports not selector(:has(:focus-visible)){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus)::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):hover::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media screen and (max-width: 1023.98px)and (forced-colors: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: white-on-black){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button])>post-icon:where(:last-child),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon:where(:last-child){margin-inline-start:auto}}@media screen and (max-width: 1023.98px)and (min-width: 0)and (max-width: 599.98px){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]){padding:9.5px 12px calc(9.5px - var(--post-nav-item-border-width)) 8px;gap:8px;font-size:.875rem}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button])>post-icon,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1rem}}@media screen and (max-width: 1023.98px)and (min-width: 600px)and (max-width: 1023.98px){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button])>post-icon,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1.5rem}}@media screen and (max-width: 1023.98px){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button])>post-icon,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{margin:unset}}post-header [slot=title]{grid-area:title;flex-grow:1;margin:0;font-size:1.25rem;font-weight:950}@media screen and (min-width: 1024px){post-header [slot=title]{font-size:1.75rem;line-height:34px}}post-header>[slot=side-nav]{grid-area:side-nav;flex-shrink:0}@media screen and (min-width: 1024px){post-header>[slot=side-nav]{display:none}}post-header>[slot=side-nav]>button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer}post-header>[slot=side-nav]>button:not(:disabled):hover{text-decoration:none}post-header>[slot=side-nav]>button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}post-header>[slot=side-nav]>button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-header>[slot=side-nav]>button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-header>[slot=side-nav]>button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-header>[slot=side-nav]>button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-header>[slot=side-nav]>button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-header>[slot=side-nav]>button{border-width:1px !important;transition:none}post-header>[slot=side-nav]>button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}post-header>[slot=side-nav]>button{border:unset;font-weight:unset;display:flex;padding:4px 10px;gap:6px;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}post-header>[slot=side-nav]>button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}post-header>[slot=side-nav]>button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}post-header>[slot=side-nav]>button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}@media screen and (min-width: 0)and (max-width: 599.98px){post-header>[slot=side-nav]>button>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-header>[slot=side-nav]>button>post-icon{font-size:1.5rem}post-header>[slot=side-nav]>button{padding:10px}}post-header .local-login{margin-block:-4px}@media screen and (max-width: 1023.98px){post-header:has(post-mainnavigation) post-language-menu[variant=menu]{display:none}}post-mainnavigation{grid-area:main-nav}post-mainnavigation:where(post-header:has([slot=local-nav]):not(:has([slot=title]))){max-width:calc(100% + var(--post-local-header-padding-inline-start))}post-mainnavigation>ul{column-gap:0;height:100%;align-items:stretch;flex-wrap:nowrap}post-mainnavigation post-megadropdown-trigger{height:100%;width:100%}post-megadropdown{--min-text-width: 12ch}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-megadropdown{--min-text-width: 28ch}}post-megadropdown{--header-megadropdown-col-min-width: calc( 8px + 12px + var(--min-text-width) )}post-megadropdown .post-megadropdown-list{flex-direction:column}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]){--post-nav-item-border-width: 1px;width:100%;justify-content:start;position:relative;padding:12px 12px calc(12px - var(--post-nav-item-border-width)) 8px;gap:16px;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor}post-megadropdown .post-megadropdown-overview:hover,post-megadropdown .post-megadropdown-list-title:hover,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);border-bottom-color:rgba(0,0,0,0)}post-megadropdown .post-megadropdown-overview:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active),post-megadropdown .post-megadropdown-list-title:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:none}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after,post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after,post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus)::after,post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus)::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus):hover::after,post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus):hover::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-megadropdown .post-megadropdown-overview>post-icon:where(:last-child),post-megadropdown .post-megadropdown-list-title>post-icon:where(:last-child),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button])>post-icon:where(:last-child){margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]){padding:9.5px 12px calc(9.5px - var(--post-nav-item-border-width)) 8px;gap:8px;font-size:.875rem}post-megadropdown .post-megadropdown-overview>post-icon,post-megadropdown .post-megadropdown-list-title>post-icon,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-megadropdown .post-megadropdown-overview>post-icon,post-megadropdown .post-megadropdown-list-title>post-icon,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1.5rem}}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]){text-wrap:wrap;overflow-wrap:anywhere}post-megadropdown .post-megadropdown-list-title{margin:0;font-weight:950;--post-nav-item-border-width: 2px}@media screen and (min-width: 1024px){post-megadropdown .post-megadropdown-list-title{font-size:1.25rem}}post-megadropdown .post-megadropdown-list-title:not(a,button,[role=link],[role=button]){pointer-events:none}post-megadropdown .post-megadropdown-overview{margin-block:0 16px}@media screen and (min-width: 1024px){post-megadropdown .post-megadropdown-overview{font-size:1.25rem}}post-megadropdown .post-megadropdown-overview:first-child{margin-block-start:-8px}post-megadropdown .post-megadropdown-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--header-megadropdown-col-min-width), 1fr));gap:24px}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-megadropdown .post-megadropdown-grid{column-gap:16px}}@media screen and (min-width: 0)and (max-width: 599.98px){post-megadropdown .post-megadropdown-grid{grid-template-columns:1fr;column-gap:0}}post-header [slot=post-login]>post-menu-trigger>button.btn-link,post-header .local-login>post-menu-trigger>button.btn-link{display:block;border-radius:var(--post-device-border-radius-round)}post-header [slot=post-login]>post-menu>[slot=header]>p,post-header .local-login>post-menu>[slot=header]>p{margin-block:0}post-header [slot=post-login]>post-menu>[slot=header]>p:first-of-type:not(:last-of-type),post-header .local-login>post-menu>[slot=header]>p:first-of-type:not(:last-of-type){margin-block-end:-4px;font-size:12px;font-weight:400}post-header [slot=post-login]>post-menu>post-menu-item>a>post-icon,post-header .local-login>post-menu>post-menu-item>a>post-icon{order:-1}
1
+ :root:has(post-header [slot=main-nav]):not(:has(post-header [slot=title])){--post-global-header-expanded-height: 64px;--post-local-header-reduced-height: 0px;--post-local-header-expanded-min-height: var(--post-main-navigation-height, 0px)}@media screen and (min-width: 1024px){:root:has(post-header [slot=main-nav]):not(:has(post-header [slot=title])){--post-global-header-expanded-height: 72px;--post-global-header-reduced-height: 24px;--post-local-header-reduced-height: 56px;--post-main-navigation-height: var(--post-local-header-reduced-height);--post-logo-reduced-offset: 6px}}@media screen and (max-width: 1023.98px){post-header:has([slot=main-nav]):not(:has([slot=title])){--post-local-header-display: none}}post-header:has([slot=main-nav]):not(:has([slot=title])):not(:has([slot=local-nav])){--post-local-header-grid-template: 'main-nav' auto / 1fr}post-header:has([slot=main-nav]):not(:has([slot=title])):has([slot=local-nav]){--post-local-header-grid-template: 'main-nav local-nav' auto / minmax(0, 1fr) auto}:root:has(post-header [slot=main-nav]):has(post-header [slot=title]){--post-global-header-expanded-height: 64px;--post-local-header-reduced-height: var(--post-local-header-expanded-height)}@media screen and (min-width: 0)and (max-width: 599.98px){:root:has(post-header [slot=main-nav]):has(post-header [slot=title]){--post-local-header-expanded-min-height: 48px}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:root:has(post-header [slot=main-nav]):has(post-header [slot=title]){--post-local-header-expanded-min-height: 56px}}@media screen and (min-width: 1024px){:root:has(post-header [slot=main-nav]):has(post-header [slot=title]){--post-global-header-expanded-height: 72px;--post-local-header-expanded-min-height: 112px;--post-global-header-reduced-height: 24px;--post-main-navigation-height: 56px;--post-logo-reduced-offset: 6px}}post-header:has([slot=main-nav]):has([slot=title]){--post-local-header-align-items: end}post-header:has([slot=main-nav]):has([slot=title]):not(:has([slot=local-nav])){--post-local-header-grid-template: 'title' 1fr 'main-nav' auto / 1fr}post-header:has([slot=main-nav]):has([slot=title]):has([slot=local-nav]){--post-local-header-grid-template: 'title local-nav' 1fr 'main-nav main-nav' auto / minmax(0, 1fr) auto}:root:has(post-header):not(:has(post-header [slot=main-nav])){--post-global-header-expanded-height: 64px;--post-local-header-expanded-min-height: 56px}@media screen and (min-width: 1024px){:root:has(post-header):not(:has(post-header [slot=main-nav])){--post-global-header-expanded-height: 72px;--post-local-header-expanded-min-height: 64px}}:root:has(post-header):not(:has(post-header [slot=main-nav])):not(:has(post-header [slot=title])){--post-local-header-expanded-min-height: 0px}post-header:not(:has(>[slot=main-nav]:is(a:not(post-megadropdown *),post-megadropdown-trigger),>[slot=main-nav] :is(a:not(post-megadropdown *),post-megadropdown-trigger),>:is([slot=audience],[slot=global-nav-secondary]):is(a,button),>:is([slot=audience],[slot=global-nav-secondary]) :is(a,button))){--post-burger-button-display: none}post-header:not(:has([slot=main-nav])):not(:has([slot=title])){--post-local-header-display: none}post-header:not(:has([slot=main-nav])):has([slot=title]):not(:has([slot=local-nav])):not(:has([slot=side-nav])){--post-local-header-grid-template: 'title' 1fr / 1fr}post-header:not(:has([slot=main-nav])):has([slot=title]):has([slot=local-nav]):not(:has([slot=side-nav])){--post-local-header-grid-template: 'title local-nav' 1fr / minmax(0, 1fr) auto}post-header:not(:has([slot=main-nav])):has([slot=title]):has([slot=side-nav]):not(:has([slot=local-nav])){--post-local-header-grid-template: 'side-nav title' 1fr / auto minmax(0, 1fr)}post-header:not(:has([slot=main-nav])):has([slot=title]):has([slot=side-nav]):has([slot=local-nav]){--post-local-header-grid-template: 'side-nav title local-nav' 1fr / auto minmax(0, 1fr) auto}:root:has(post-header):not(:has(post-header>[slot=audience])):not(:has(post-header>[slot=global-nav-primary])):not(:has(post-header>[slot=global-nav-secondary])):not(:has(post-header>[slot=language-menu])):not(:has(post-header>[slot=post-login])){--post-global-header-expanded-height: var(--_post-initial-global-header-height);--post-global-header-reduced-height: 32px}@media screen and (min-width: 1024px){:root:has(post-header):not(:has(post-header>[slot=audience])):not(:has(post-header>[slot=global-nav-primary])):not(:has(post-header>[slot=global-nav-secondary])):not(:has(post-header>[slot=language-menu])):not(:has(post-header>[slot=post-login])){--post-logo-expanded-offset: 10px;--post-logo-reduced-offset: 10px}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:root:has(post-header):not(:has(post-header>[slot=audience])):not(:has(post-header>[slot=global-nav-primary])):not(:has(post-header>[slot=global-nav-secondary])):not(:has(post-header>[slot=language-menu])):not(:has(post-header>[slot=post-login])){--post-logo-expanded-offset: 12px;--post-logo-reduced-offset: 12px}}@media screen and (min-width: 0)and (max-width: 599.98px){:root:has(post-header):not(:has(post-header>[slot=audience])):not(:has(post-header>[slot=global-nav-primary])):not(:has(post-header>[slot=global-nav-secondary])):not(:has(post-header>[slot=language-menu])):not(:has(post-header>[slot=post-login])){--post-logo-expanded-offset: 8px;--post-logo-reduced-offset: 8px}}:root:has(post-header){overflow-anchor:none;--post-local-header-expanded-height: var(--post-local-header-expanded-min-height);--post-header-expanded-height: calc( var(--post-global-header-expanded-height) + var(--post-local-header-expanded-height) );--post-global-header-reduced-height: var(--post-global-header-expanded-height);--post-local-header-reduced-height: var(--post-local-header-expanded-height);--post-header-reduced-height: calc( var(--post-global-header-reduced-height) + var(--post-local-header-reduced-height) );--post-global-header-height: max( var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px), var(--post-global-header-reduced-height) );--post-local-header-height: max( var(--post-local-header-expanded-height) - var(--post-header-scroll-top, 0px), var(--post-local-header-reduced-height) );--post-header-height: calc(var(--post-global-header-height) + var(--post-local-header-height));--post-header-scroll-max: max( 0px, var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height), var(--post-local-header-expanded-height) - var(--post-local-header-reduced-height), min( 4 * var(--post-global-header-reduced-height), 4000 * (var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height)) ) );--post-logo-expanded-offset: 0px;--post-logo-reduced-offset: var(--post-logo-expanded-offset)}:root:has(post-header):has([data-menu-extended]){--post-header-height: ( var(--post-global-header-expanded-height) + var(--post-local-header-expanded-height) )}post-megadropdown .post-megadropdown-list,post-mainnavigation>ul,post-header>ul{all:unset;display:block;list-style:none;display:flex;flex-wrap:wrap;row-gap:var(--post-device-spacing-gap-1);column-gap:calc(var(--post-device-spacing-gap-inline-10)*2);margin-block:var(--post-device-spacing-padding-block-8)}post-megadropdown .post-megadropdown-list>li,post-mainnavigation>ul>li,post-header>ul>li{all:unset;display:list-item}post-megadropdown .post-megadropdown-list>li~li,post-mainnavigation>ul>li~li,post-header>ul>li~li{all:unset;display:list-item}post-megadropdown .post-megadropdown-list>li::before,post-mainnavigation>ul>li::before,post-header>ul>li::before{all:unset}post-megadropdown .post-megadropdown-list,post-mainnavigation>ul,post-header>ul{gap:0 8px;margin:0}@media screen and (max-width: 1023.98px){post-megadropdown .post-megadropdown-list,post-mainnavigation>ul,post-header>ul{flex-direction:column}}post-megadropdown .post-megadropdown-list>li,post-mainnavigation>ul>li,post-header>ul>li{flex:1 0 auto !important}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]),post-header>*:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer}post-megadropdown .post-megadropdown-overview:not(:disabled):hover,post-megadropdown .post-megadropdown-list-title:not(:disabled):hover,post-megadropdown .post-megadropdown-list>li>:not(:disabled):hover:where(a,button,[role=link],[role=button]),post-header>:not(:disabled):hover:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:not(:disabled):hover:where(a,button,[role=link],[role=button]),post-mainnavigation>:not(:disabled):hover:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:not(:disabled):hover:where(a,button,[role=link],[role=button]){text-decoration:none}post-megadropdown .post-megadropdown-overview:disabled,post-megadropdown .post-megadropdown-list-title:disabled,post-megadropdown .post-megadropdown-list>li>:disabled:where(a,button,[role=link],[role=button]),post-header>:disabled:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:disabled:where(a,button,[role=link],[role=button]),post-mainnavigation>:disabled:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:disabled:where(a,button,[role=link],[role=button]){border-style:var(--post-core-border-style-dash);cursor:unset}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]),post-header>*:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-megadropdown .post-megadropdown-overview:focus-visible,post-megadropdown .post-megadropdown-list-title:focus-visible,post-megadropdown .post-megadropdown-list>li>:focus-visible:where(a,button,[role=link],[role=button]),post-header>:focus-visible:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:focus-visible:where(a,button,[role=link],[role=button]),post-mainnavigation>:focus-visible:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:focus-visible:where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview:focus-visible,post-megadropdown .post-megadropdown-list-title:focus-visible,post-megadropdown .post-megadropdown-list>li>:focus-visible:where(a,button,[role=link],[role=button]),post-header>:focus-visible:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:focus-visible:where(a,button,[role=link],[role=button]),post-mainnavigation>:focus-visible:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:focus-visible:where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}post-megadropdown .pretend-focus.post-megadropdown-overview,post-megadropdown .pretend-focus.post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>.pretend-focus:where(a,button,[role=link],[role=button]),post-header>.pretend-focus:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>.pretend-focus:where(a,button,[role=link],[role=button]),post-mainnavigation>.pretend-focus:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>.pretend-focus:where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .pretend-focus.post-megadropdown-overview,post-megadropdown .pretend-focus.post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>.pretend-focus:where(a,button,[role=link],[role=button]),post-header>.pretend-focus:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>.pretend-focus:where(a,button,[role=link],[role=button]),post-mainnavigation>.pretend-focus:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>.pretend-focus:where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}post-megadropdown .post-megadropdown-overview:has(:focus-visible),post-megadropdown .post-megadropdown-list-title:has(:focus-visible),post-megadropdown .post-megadropdown-list>li>:has(:focus-visible):where(a,button,[role=link],[role=button]),post-header>:has(:focus-visible):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:has(:focus-visible):where(a,button,[role=link],[role=button]),post-mainnavigation>:has(:focus-visible):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:has(:focus-visible):where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview:has(:focus-visible),post-megadropdown .post-megadropdown-list-title:has(:focus-visible),post-megadropdown .post-megadropdown-list>li>:has(:focus-visible):where(a,button,[role=link],[role=button]),post-header>:has(:focus-visible):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:has(:focus-visible):where(a,button,[role=link],[role=button]),post-mainnavigation>:has(:focus-visible):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:has(:focus-visible):where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-header>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-header>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]),post-header>*:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){border-width:1px !important;transition:none}post-megadropdown .post-megadropdown-overview:is(button),post-megadropdown .post-megadropdown-list-title:is(button),post-megadropdown .post-megadropdown-list>li>:is(button):where(a,button,[role=link],[role=button]),post-header>:is(button):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is(button):where(a,button,[role=link],[role=button]),post-mainnavigation>:is(button):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(button):where(a,button,[role=link],[role=button]){background-color:ButtonFace !important;border-color:ButtonBorder !important}}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]),post-header>*:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){border:unset;font-weight:unset;display:flex;padding:4px 10px;gap:6px;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}post-megadropdown .post-megadropdown-overview:hover,post-megadropdown .post-megadropdown-list-title:hover,post-megadropdown .post-megadropdown-list>li>:hover:where(a,button,[role=link],[role=button]),post-header>:hover:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:hover:where(a,button,[role=link],[role=button]),post-mainnavigation>:hover:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:hover:where(a,button,[role=link],[role=button]){border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}post-megadropdown .post-megadropdown-overview:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active),post-megadropdown .post-megadropdown-list-title:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active),post-megadropdown .post-megadropdown-list>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]),post-header>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]),post-mainnavigation>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}post-megadropdown .post-megadropdown-overview:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover,post-megadropdown .post-megadropdown-list-title:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover,post-megadropdown .post-megadropdown-list>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover:where(a,button,[role=link],[role=button]),post-header>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover:where(a,button,[role=link],[role=button]),post-mainnavigation>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover:where(a,button,[role=link],[role=button]){border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){--post-nav-item-border-width: 1px;width:100%;justify-content:start;position:relative;padding:12px 12px calc(12px - var(--post-nav-item-border-width)) 8px;gap:16px;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor}post-mainnavigation>:hover:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:hover:where(a,button,[role=link],[role=button]){border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);border-bottom-color:rgba(0,0,0,0)}post-mainnavigation>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]){box-shadow:none}post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-mainnavigation>:focus-visible:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:focus-visible:where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-mainnavigation>:focus-visible:where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:focus-visible:where(a,button,[role=link],[role=button])::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-mainnavigation>:focus-visible:hover:where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:focus-visible:hover:where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-mainnavigation>:focus-visible:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:focus-visible:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation>:focus-visible:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:focus-visible:where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}post-mainnavigation>.pretend-focus:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>.pretend-focus:where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-mainnavigation>.pretend-focus:where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>.pretend-focus:where(a,button,[role=link],[role=button])::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-mainnavigation>.pretend-focus:hover:where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>.pretend-focus:hover:where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-mainnavigation>.pretend-focus:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>.pretend-focus:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation>.pretend-focus:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>.pretend-focus:where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}post-mainnavigation>:has(:focus-visible):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:has(:focus-visible):where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-mainnavigation>:has(:focus-visible):where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:has(:focus-visible):where(a,button,[role=link],[role=button])::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-mainnavigation>:has(:focus-visible):hover:where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:has(:focus-visible):hover:where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-mainnavigation>:has(:focus-visible):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:has(:focus-visible):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation>:has(:focus-visible):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:has(:focus-visible):where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button])::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):hover:where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):hover:where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}}post-mainnavigation>*:where(a,button,[role=link],[role=button])>post-icon:where(:last-child),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon:where(:last-child){margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){padding:9.5px 12px calc(9.5px - var(--post-nav-item-border-width)) 8px;gap:8px;font-size:.875rem}post-mainnavigation>*:where(a,button,[role=link],[role=button])>post-icon,post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-mainnavigation>*:where(a,button,[role=link],[role=button])>post-icon,post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1.5rem}}post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){height:100%}@media screen and (min-width: 1024px){post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){padding:16px 12px;gap:8px;border-bottom:0}}body:has(post-header){scroll-padding-top:var(--post-header-height)}[data-post-scroll-locked]{overflow:hidden !important}body:has(post-header:not([data-hydrated])) post-back-to-top{visibility:hidden !important}post-header:not(:defined),post-header:not([data-hydrated]){display:block;height:var(--post-header-height)}@media screen and (max-width: 1023.98px){post-header>:is([slot=global-nav-primary],[slot=post-login],[slot=local-nav]){flex-direction:row}}@media screen and (min-width: 0)and (max-width: 599.98px){post-header>:is([slot=global-nav-primary],[slot=post-login],[slot=local-nav]):where(a,button,[role=link],[role=button])>:not(post-icon),post-header>:is([slot=global-nav-primary],[slot=post-login],[slot=local-nav]):where(ul)>li>:where(a,button,[role=link],[role=button])>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-header>:is([slot=global-nav-primary],[slot=post-login],[slot=local-nav]):where(a,button,[role=link],[role=button])>post-icon,post-header>:is([slot=global-nav-primary],[slot=post-login],[slot=local-nav]):where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1.5rem}}@media screen and (min-width: 0)and (max-width: 599.98px){post-header>:is([slot=global-nav-primary],[slot=post-login]):where(a,button,[role=link],[role=button]),post-header>:is([slot=global-nav-primary],[slot=post-login]):where(ul)>li>:where(a,button,[role=link],[role=button]){padding:10px}}post-header>[slot=local-nav]{grid-area:local-nav}post-header>[slot=local-nav]:where(ul){align-items:center}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-header>[slot=audience]:where(ul){flex-direction:row;margin-block:16px}}@media screen and (min-width: 0)and (max-width: 599.98px){post-header>[slot=audience]:where(ul){gap:8px}}post-header>[slot=audience]:where(a,button,[role=link],[role=button]),post-header>[slot=audience]:where(ul)>li>:where(a,button,[role=link],[role=button]){padding-inline:16px}@media screen and (max-width: 1023.98px){post-header>[slot=global-nav-secondary]:where(ul){flex-direction:column}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]){flex-direction:row-reverse;--post-nav-item-border-width: 1px;width:100%;justify-content:start;position:relative;padding:12px 12px calc(12px - var(--post-nav-item-border-width)) 8px;gap:16px;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):hover,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);border-bottom-color:rgba(0,0,0,0)}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:none}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):focus-visible,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):focus-visible{outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):focus-visible::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):focus-visible::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):focus-visible:hover::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):focus-visible:hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):focus-visible:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):focus-visible:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}}@media screen and (max-width: 1023.98px)and (forced-colors: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: white-on-black){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):focus-visible,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):focus-visible{outline-color:Highlight !important}}@media screen and (max-width: 1023.98px){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]).pretend-focus,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]).pretend-focus{outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]).pretend-focus::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]).pretend-focus::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]).pretend-focus:hover::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]).pretend-focus:hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]).pretend-focus:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]).pretend-focus:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}}@media screen and (max-width: 1023.98px)and (forced-colors: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: white-on-black){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]).pretend-focus,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]).pretend-focus{outline-color:Highlight !important}}@media screen and (max-width: 1023.98px){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):has(:focus-visible),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):has(:focus-visible)::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):has(:focus-visible)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):has(:focus-visible):hover::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):has(:focus-visible):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):has(:focus-visible):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):has(:focus-visible):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}}@media screen and (max-width: 1023.98px)and (forced-colors: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: white-on-black){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):has(:focus-visible),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):has(:focus-visible){outline-color:Highlight !important}}@media screen and (max-width: 1023.98px){@supports not selector(:has(:focus-visible)){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus)::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):hover::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media screen and (max-width: 1023.98px)and (forced-colors: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: white-on-black){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button])>post-icon:where(:last-child),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon:where(:last-child){margin-inline-start:auto}}@media screen and (max-width: 1023.98px)and (min-width: 0)and (max-width: 599.98px){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]){padding:9.5px 12px calc(9.5px - var(--post-nav-item-border-width)) 8px;gap:8px;font-size:.875rem}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button])>post-icon,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1rem}}@media screen and (max-width: 1023.98px)and (min-width: 600px)and (max-width: 1023.98px){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button])>post-icon,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1.5rem}}@media screen and (max-width: 1023.98px){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button])>post-icon,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{margin:unset}}post-header [slot=title]{grid-area:title;flex-grow:1;margin:0;font-size:1.25rem;font-weight:950}@media screen and (min-width: 1024px){post-header [slot=title]{font-size:1.75rem;line-height:34px}}post-header>[slot=side-nav]{grid-area:side-nav;flex-shrink:0}@media screen and (min-width: 1024px){post-header>[slot=side-nav]{display:none}}post-header>[slot=side-nav]>button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer}post-header>[slot=side-nav]>button:not(:disabled):hover{text-decoration:none}post-header>[slot=side-nav]>button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}post-header>[slot=side-nav]>button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-header>[slot=side-nav]>button:focus-visible{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-header>[slot=side-nav]>button:focus-visible{outline-color:Highlight !important}}post-header>[slot=side-nav]>button.pretend-focus{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-header>[slot=side-nav]>button.pretend-focus{outline-color:Highlight !important}}post-header>[slot=side-nav]>button:has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-header>[slot=side-nav]>button:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-header>[slot=side-nav]>button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-header>[slot=side-nav]>button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-header>[slot=side-nav]>button{border-width:1px !important;transition:none}post-header>[slot=side-nav]>button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}post-header>[slot=side-nav]>button{border:unset;font-weight:unset;display:flex;padding:4px 10px;gap:6px;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}post-header>[slot=side-nav]>button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}post-header>[slot=side-nav]>button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}post-header>[slot=side-nav]>button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}@media screen and (min-width: 0)and (max-width: 599.98px){post-header>[slot=side-nav]>button>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-header>[slot=side-nav]>button>post-icon{font-size:1.5rem}post-header>[slot=side-nav]>button{padding:10px}}post-header .local-login{margin-block:-4px}@media screen and (max-width: 1023.98px){post-header:has(post-mainnavigation) post-language-menu[variant=menu]{display:none}}post-mainnavigation{grid-area:main-nav}post-mainnavigation:where(post-header:has([slot=local-nav]):not(:has([slot=title]))){max-width:calc(100% + var(--post-local-header-padding-inline-start))}post-mainnavigation>ul{column-gap:0;height:100%;align-items:stretch;flex-wrap:nowrap}post-mainnavigation post-megadropdown-trigger{height:100%;width:100%}post-megadropdown{--min-text-width: 12ch}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-megadropdown{--min-text-width: 28ch}}post-megadropdown{--header-megadropdown-col-min-width: calc( 8px + 12px + var(--min-text-width) )}post-megadropdown .post-megadropdown-list{flex-direction:column}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]){--post-nav-item-border-width: 1px;width:100%;justify-content:start;position:relative;padding:12px 12px calc(12px - var(--post-nav-item-border-width)) 8px;gap:16px;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor}post-megadropdown .post-megadropdown-overview:hover,post-megadropdown .post-megadropdown-list-title:hover,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);border-bottom-color:rgba(0,0,0,0)}post-megadropdown .post-megadropdown-overview:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active),post-megadropdown .post-megadropdown-list-title:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:none}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-megadropdown .post-megadropdown-overview:focus-visible,post-megadropdown .post-megadropdown-list-title:focus-visible,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):focus-visible{outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-megadropdown .post-megadropdown-overview:focus-visible::after,post-megadropdown .post-megadropdown-list-title:focus-visible::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):focus-visible::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-megadropdown .post-megadropdown-overview:focus-visible:hover::after,post-megadropdown .post-megadropdown-list-title:focus-visible:hover::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):focus-visible:hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-megadropdown .post-megadropdown-overview:focus-visible:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list-title:focus-visible:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):focus-visible:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview:focus-visible,post-megadropdown .post-megadropdown-list-title:focus-visible,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):focus-visible{outline-color:Highlight !important}}post-megadropdown .post-megadropdown-overview.pretend-focus,post-megadropdown .post-megadropdown-list-title.pretend-focus,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]).pretend-focus{outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-megadropdown .post-megadropdown-overview.pretend-focus::after,post-megadropdown .post-megadropdown-list-title.pretend-focus::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]).pretend-focus::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-megadropdown .post-megadropdown-overview.pretend-focus:hover::after,post-megadropdown .post-megadropdown-list-title.pretend-focus:hover::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]).pretend-focus:hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-megadropdown .post-megadropdown-overview.pretend-focus:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list-title.pretend-focus:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]).pretend-focus:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview.pretend-focus,post-megadropdown .post-megadropdown-list-title.pretend-focus,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]).pretend-focus{outline-color:Highlight !important}}post-megadropdown .post-megadropdown-overview:has(:focus-visible),post-megadropdown .post-megadropdown-list-title:has(:focus-visible),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-megadropdown .post-megadropdown-overview:has(:focus-visible)::after,post-megadropdown .post-megadropdown-list-title:has(:focus-visible)::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):has(:focus-visible)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-megadropdown .post-megadropdown-overview:has(:focus-visible):hover::after,post-megadropdown .post-megadropdown-list-title:has(:focus-visible):hover::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):has(:focus-visible):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-megadropdown .post-megadropdown-overview:has(:focus-visible):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list-title:has(:focus-visible):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):has(:focus-visible):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview:has(:focus-visible),post-megadropdown .post-megadropdown-list-title:has(:focus-visible),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus)::after,post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus)::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus):hover::after,post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus):hover::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-megadropdown .post-megadropdown-overview>post-icon:where(:last-child),post-megadropdown .post-megadropdown-list-title>post-icon:where(:last-child),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button])>post-icon:where(:last-child){margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]){padding:9.5px 12px calc(9.5px - var(--post-nav-item-border-width)) 8px;gap:8px;font-size:.875rem}post-megadropdown .post-megadropdown-overview>post-icon,post-megadropdown .post-megadropdown-list-title>post-icon,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-megadropdown .post-megadropdown-overview>post-icon,post-megadropdown .post-megadropdown-list-title>post-icon,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1.5rem}}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]){text-wrap:wrap;overflow-wrap:anywhere}post-megadropdown .post-megadropdown-list-title{margin:0;font-weight:950;--post-nav-item-border-width: 2px}@media screen and (min-width: 1024px){post-megadropdown .post-megadropdown-list-title{font-size:1.25rem}}post-megadropdown .post-megadropdown-list-title:not(a,button,[role=link],[role=button]){pointer-events:none}post-megadropdown .post-megadropdown-overview{margin-block:0 16px}@media screen and (min-width: 1024px){post-megadropdown .post-megadropdown-overview{font-size:1.25rem}}post-megadropdown .post-megadropdown-overview:first-child{margin-block-start:-8px}post-megadropdown .post-megadropdown-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--header-megadropdown-col-min-width), 1fr));gap:24px}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-megadropdown .post-megadropdown-grid{column-gap:16px}}@media screen and (min-width: 0)and (max-width: 599.98px){post-megadropdown .post-megadropdown-grid{grid-template-columns:1fr;column-gap:0}}post-header [slot=post-login]>post-menu-trigger>button.btn-link,post-header .local-login>post-menu-trigger>button.btn-link{display:block;border-radius:var(--post-device-border-radius-round)}post-header [slot=post-login]>post-menu>[slot=header]>p,post-header .local-login>post-menu>[slot=header]>p{margin-block:0}post-header [slot=post-login]>post-menu>[slot=header]>p:first-of-type:not(:last-of-type),post-header .local-login>post-menu>[slot=header]>p:first-of-type:not(:last-of-type){margin-block-end:-4px;font-size:12px;font-weight:400}post-header [slot=post-login]>post-menu>post-menu-item>a>post-icon,post-header .local-login>post-menu>post-menu-item>a>post-icon{order:-1}
package/components/inline-notification.css CHANGED
@@ -1 +1 @@
1
- .inline-notification{display:inline-grid;align-items:flex-start;grid-template-columns:auto minmax(0, 1fr);column-gap:var(--post-device-spacing-gap-16);row-gap:var(--post-device-spacing-gap-2);padding-block:var(--post-device-spacing-padding-block-12);padding-inline:var(--post-device-spacing-padding-inline-1);border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);border-radius:var(--post-device-border-radius-1)}.inline-notification::before{content:"";display:block;grid-column:1;grid-row:1;width:var(--post-device-sizing-notification-icon-3);height:var(--post-device-sizing-notification-icon-3);margin-block-start:2px}.inline-notification.inline-notification-info{border-color:var(--post-scheme-color-interactive-notification-info-stroke);background-color:var(--post-scheme-color-interactive-notification-info-bg);color:var(--post-scheme-color-interactive-notification-info-fg)}.inline-notification.inline-notification-info::before{background-image:var(--post-signal-icon-info)}.inline-notification.inline-notification-success{border-color:var(--post-scheme-color-interactive-notification-success-stroke);background-color:var(--post-scheme-color-interactive-notification-success-bg);color:var(--post-scheme-color-interactive-notification-success-fg)}.inline-notification.inline-notification-success::before{background-image:var(--post-signal-icon-success)}.inline-notification.inline-notification-warning{border-color:var(--post-scheme-color-interactive-notification-warning-stroke);background-color:var(--post-scheme-color-interactive-notification-warning-bg);color:var(--post-scheme-color-interactive-notification-warning-fg)}.inline-notification.inline-notification-warning::before{background-image:var(--post-signal-icon-warning)}.inline-notification.inline-notification-error{border-color:var(--post-scheme-color-interactive-notification-error-stroke);background-color:var(--post-scheme-color-interactive-notification-error-bg);color:var(--post-scheme-color-interactive-notification-error-fg)}.inline-notification.inline-notification-error::before{background-image:var(--post-signal-icon-error)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.inline-notification{border:2px solid CanvasText}}.inline-notification h1,.inline-notification h2,.inline-notification h3,.inline-notification h4,.inline-notification h5,.inline-notification h6{margin:0;padding:0;grid-row:1;font-size:var(--post-device-font-size-4);font-weight:var(--post-device-font-weight-bold)}.inline-notification>*{margin:0;grid-column:2}
1
+ .inline-notification{position:relative;display:flex;align-items:flex-start;flex-direction:column;padding-block:calc(var(--post-device-spacing-padding-block-12) + var(--post-device-spacing-padding-block-6));padding-inline-start:calc(var(--post-device-spacing-padding-inline-1) + var(--post-device-sizing-notification-icon-3) + var(--post-device-spacing-gap-16));padding-inline-end:var(--post-device-spacing-padding-inline-1);border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);border-radius:var(--post-device-border-radius-1);row-gap:var(--post-device-spacing-gap-2);column-gap:var(--post-device-spacing-gap-inline-10)}.inline-notification.inline-notification-singleline{flex-wrap:wrap;flex-direction:row}.inline-notification::before{content:"";display:block;position:absolute;inset-inline-start:var(--post-device-spacing-padding-inline-1);inset-block-start:var(--post-device-spacing-padding-block-12);width:var(--post-device-sizing-notification-icon-3);height:var(--post-device-sizing-notification-icon-3)}.inline-notification.inline-notification-info{border-color:var(--post-scheme-color-interactive-notification-info-stroke);background-color:var(--post-scheme-color-interactive-notification-info-bg);color:var(--post-scheme-color-interactive-notification-info-fg);color-scheme:light}.inline-notification.inline-notification-info::before{background-image:var(--post-signal-icon-info)}.inline-notification.inline-notification-success{border-color:var(--post-scheme-color-interactive-notification-success-stroke);background-color:var(--post-scheme-color-interactive-notification-success-bg);color:var(--post-scheme-color-interactive-notification-success-fg);color-scheme:light}.inline-notification.inline-notification-success::before{background-image:var(--post-signal-icon-success)}.inline-notification.inline-notification-warning{border-color:var(--post-scheme-color-interactive-notification-warning-stroke);background-color:var(--post-scheme-color-interactive-notification-warning-bg);color:var(--post-scheme-color-interactive-notification-warning-fg);color-scheme:light}.inline-notification.inline-notification-warning::before{background-image:var(--post-signal-icon-warning)}.inline-notification.inline-notification-error{border-color:var(--post-scheme-color-interactive-notification-error-stroke);background-color:var(--post-scheme-color-interactive-notification-error-bg);color:var(--post-scheme-color-interactive-notification-error-fg);color-scheme:light}.inline-notification.inline-notification-error::before{background-image:var(--post-signal-icon-error)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.inline-notification{border:2px solid CanvasText}}.inline-notification h1,.inline-notification h2,.inline-notification h3,.inline-notification h4,.inline-notification h5,.inline-notification h6{font-weight:var(--post-device-font-weight-bold)}.inline-notification h1,.inline-notification h2,.inline-notification h3,.inline-notification h4,.inline-notification h5,.inline-notification h6,.inline-notification p{margin:0;line-height:var(--post-device-line-height-content);font-size:var(--post-device-font-size-6)}
package/components/inline-notification.scss CHANGED
@@ -6,25 +6,38 @@
6
6
  tokens.$default-map: components.$post-inline-notification;
7
7
 
8
8
  .inline-notification {
9
- display: inline-grid;
9
+ position: relative;
10
+ display: flex;
10
11
  align-items: flex-start;
11
- grid-template-columns: auto minmax(0, 1fr);
12
- column-gap: tokens.get('notification-inline-gap-inline');
13
- row-gap: tokens.get('notification-inline-labels-gap-block');
14
- padding-block: tokens.get('notification-inline-padding-block');
15
- padding-inline: tokens.get('notification-inline-padding-inline');
12
+ flex-direction: column;
13
+ padding-block: calc(
14
+ tokens.get('notification-inline-padding-block') +
15
+ tokens.get('notification-inline-content-padding-block')
16
+ );
17
+ padding-inline-start: calc(
18
+ tokens.get('notification-inline-padding-inline') + tokens.get('notification-inline-icon-size') +
19
+ tokens.get('notification-inline-gap-inline')
20
+ );
21
+ padding-inline-end: tokens.get('notification-inline-padding-inline');
16
22
  border-style: tokens.get('notification-inline-border-style');
17
23
  border-width: tokens.get('notification-inline-border-width');
18
24
  border-radius: tokens.get('notification-inline-border-radius');
25
+ row-gap: tokens.get('notification-inline-labels-gap-block');
26
+ column-gap: tokens.get('notification-inline-labels-gap-inline');
27
+
28
+ &.inline-notification-singleline {
29
+ flex-wrap: wrap;
30
+ flex-direction: row;
31
+ }
19
32
 
20
33
  &::before {
21
34
  content: '';
22
35
  display: block;
23
- grid-column: 1;
24
- grid-row: 1;
36
+ position: absolute;
37
+ inset-inline-start: tokens.get('notification-inline-padding-inline');
38
+ inset-block-start: tokens.get('notification-inline-padding-block');
25
39
  width: tokens.get('notification-inline-icon-size');
26
40
  height: tokens.get('notification-inline-icon-size');
27
- margin-block-start: 2px;
28
41
  }
29
42
 
30
43
  @each $name in 'info', 'success', 'warning', 'error' {
@@ -32,6 +45,7 @@ tokens.$default-map: components.$post-inline-notification;
32
45
  border-color: tokens.get('notification-inline-color-#{$name}-stroke');
33
46
  background-color: tokens.get('notification-inline-color-#{$name}-bg');
34
47
  color: tokens.get('notification-inline-color-#{$name}-fg');
48
+ color-scheme: light;
35
49
 
36
50
  &::before {
37
51
  background-image: var(--post-signal-icon-#{$name});
@@ -49,15 +63,18 @@ tokens.$default-map: components.$post-inline-notification;
49
63
  h4,
50
64
  h5,
51
65
  h6 {
52
- margin: 0;
53
- padding: 0;
54
- grid-row: 1;
55
- font-size: tokens.get('h4-font-size', elements.$post-heading);
56
66
  font-weight: tokens.get('notification-inline-title-font-weight');
57
67
  }
58
68
 
59
- > * {
69
+ h1,
70
+ h2,
71
+ h3,
72
+ h4,
73
+ h5,
74
+ h6,
75
+ p {
60
76
  margin: 0;
61
- grid-column: 2;
77
+ line-height: tokens.get('body-line-height', elements.$post-body);
78
+ font-size: tokens.get('body-font-size', elements.$post-body);
62
79
  }
63
80
  }
package/components/list-check.css CHANGED
@@ -1 +1 @@
1
- ul.list-check{margin-block:0;padding-inline-start:0;list-style:none;display:flex;flex-direction:column;align-items:flex-start;list-style:none;padding-block:var(--post-device-spacing-padding-block-8) var(--post-device-spacing-padding-block-8);padding-inline-start:calc(var(--post-device-sizing-icon-1) + 2*var(--post-device-spacing-padding-16) + var(--post-device-spacing-gap-inline-2) + 2*var(--post-device-spacing-padding-4));gap:var(--post-device-spacing-gap-block-3)}ul.list-check>li{position:relative;color:var(--post-scheme-color-interactive-primary-enabled-fg1);padding-block:var(--post-device-spacing-padding-block-6)}ul.list-check>li::before{display:block;position:absolute;top:0;left:0;margin-inline-start:calc(-1*(var(--post-device-sizing-icon-1) + 2*var(--post-device-spacing-padding-16) + var(--post-device-spacing-gap-inline-2) + var(--post-device-spacing-padding-4)));margin-block:calc(-1*var(--post-device-spacing-padding-block-6));background:var(--post-scheme-color-surface-accent-bg);width:calc(var(--post-device-sizing-icon-1) + 2*var(--post-device-spacing-padding-16));height:calc(var(--post-device-sizing-icon-1) + 2*var(--post-device-spacing-padding-16));content:"";border-radius:50%}@media screen and (max-width: 599.98px){ul.list-check>li::before{margin-block:var(--post-device-spacing-padding-18);padding-inline:var(--post-device-spacing-padding-4)}}ul.list-check>li::after{display:block;position:absolute;margin-inline-start:calc(-1*(var(--post-device-sizing-icon-1) + 2*var(--post-device-spacing-padding-16) + var(--post-device-spacing-gap-inline-2) + var(--post-device-spacing-padding-4)));margin-block:calc(-1*var(--post-device-spacing-padding-block-6));top:var(--post-device-spacing-padding-16);left:var(--post-device-spacing-padding-16);width:var(--post-device-sizing-icon-1);height:var(--post-device-sizing-icon-1);content:"";mask-image:var(--post-icon-checkmark);background-color:currentColor}:root,:host{--post-icon-checkmark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hlY2ttYXJrIj48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNDIgMTIuMTggNC4yMSA4Ljc0Yy0uMjgtLjMtLjI3LS43OC4wNC0xLjA2LjMtLjI4Ljc4LS4yNyAxLjA2LjA0bDEuOTEgMi4wNSAzLjQtNS4xNWMuMjMtLjM1LjY5LS40NCAxLjA0LS4yMXMuNDQuNjkuMjEgMS4wNGwtNC40NSA2Ljc0WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJtMTEuMDkgMTcuODYtNC42LTQuOTNhLjg4Ljg4IDAgMCAxIC4wNC0xLjI0Yy4zNS0uMzMuOTEtLjMxIDEuMjQuMDRsMy4wOCAzLjMgNS4yNy03Ljk5Yy4yNy0uNC44MS0uNTEgMS4yMS0uMjUuNC4yNy41MS44MS4yNSAxLjIxbC02LjUgOS44NFoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0ibTE0Ljc3IDIzLjQ4LTUuOTktNi40MmEuOTkuOTkgMCAwIDEgLjA1LTEuNDEuOTkuOTkgMCAwIDEgMS40MS4wNWw0LjI2IDQuNTYgNy4xNS0xMC44M2MuMy0uNDYuOTItLjU5IDEuMzktLjI4LjQ2LjMuNTkuOTIuMjggMS4zOWwtOC41NSAxMi45NVoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZD0ibTE4LjQ1IDI5LjE1LTcuMzgtNy45Yy0uNDItLjQ1LS40LTEuMTcuMDUtMS41OXMxLjE3LS40IDEuNTkuMDVsNS40MyA1LjgxIDkuMDItMTMuNjdhMS4xMjcgMS4xMjcgMCAwIDEgMS44OCAxLjI0bC0xMC42IDE2LjA2WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJtMjIuMTIgMzQuNzktOC43Ny05LjM5Yy0uNDctLjUtLjQ0LTEuMy4wNi0xLjc3czEuMy0uNDUgMS43Ny4wNmw2LjYgNy4wNyAxMC45LTE2LjUxYy4zOC0uNTggMS4xNi0uNzQgMS43My0uMzUuNTguMzguNzQgMS4xNi4zNSAxLjczTDIyLjExIDM0Ljc5WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMjkuNDYgNDYuMDkgMTguMDIgMzMuODRjLS41Mi0uNTUtLjQ5LTEuNDIuMDctMS45NC41NS0uNTIgMS40Mi0uNDkgMS45NC4wN2w5LjA2IDkuNyAxNC43NC0yMi4zM2MuNDItLjYzIDEuMjctLjgxIDEuOTEtLjM5LjYzLjQyLjgxIDEuMjcuMzkgMS45MUwyOS40NyA0Ni4xWiIvPjwvc3ltYm9sPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMxNiwgbm9uZSkiIGhyZWY9IiNzMTYiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMjQsIG5vbmUpIiBocmVmPSIjczI0Ii8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczMyLCBub25lKSIgaHJlZj0iI3MzMiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0MCwgbm9uZSkiIGhyZWY9IiNzNDAiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNDgsIG5vbmUpIiBocmVmPSIjczQ4Ii8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczY0LCBub25lKSIgaHJlZj0iI3M2NCIvPjwvc3ltYm9sPjwvZGVmcz48c3R5bGU+QG1lZGlhIChtYXgtd2lkdGg6IDIzLjk4cHgpIHtney0tczE2OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDI0cHgpIGFuZCAobWF4LXdpZHRoOiAzMS45OHB4KSB7Z3stLXMyNDpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiAzMnB4KSBhbmQgKG1heC13aWR0aDogMzkuOThweCkge2d7LS1zMzI6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDBweCkgYW5kIChtYXgtd2lkdGg6IDQ3Ljk4cHgpIHtney0tczQwOmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDQ4cHgpIGFuZCAobWF4LXdpZHRoOiA2My45OHB4KSB7Z3stLXM0ODpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA2NHB4KSB7Z3stLXM2NDpibG9jazt9fTwvc3R5bGU+PGc+PHVzZSBocmVmPSIjaS1jaGVja21hcmsiLz48L2c+PC9zdmc+")}ul.list-check>li::after{color:var(--post-scheme-color-surface-accent-fg)}@media screen and (max-width: 599.98px){ul.list-check>li::after{margin-block:var(--post-device-spacing-padding-18);padding-inline:var(--post-device-spacing-padding-4)}}
1
+ ul.list-check{margin-block:0;padding-inline-start:0;list-style:none;display:flex;flex-direction:column;align-items:flex-start;gap:var(--post-device-spacing-gap-block-3);padding-block:var(--post-device-spacing-padding-block-8);padding-inline-start:calc(var(--post-device-sizing-icon-1) + 2*var(--post-device-spacing-padding-16) + var(--post-device-spacing-gap-inline-2) + 2*var(--post-device-spacing-padding-4))}ul.list-check>li{position:relative;color:var(--post-scheme-color-interactive-primary-enabled-fg1);padding-block:var(--post-device-spacing-padding-block-6)}ul.list-check>li::before,ul.list-check>li::after{position:absolute;inset-block-start:var(--post-device-spacing-padding-18);inset-inline-start:calc(-1*(var(--post-device-sizing-icon-1) + 2*var(--post-device-spacing-padding-16) + var(--post-device-spacing-gap-inline-2)) - var(--post-device-spacing-padding-4));content:""}ul.list-check>li::before{background:var(--post-scheme-color-surface-accent-bg);border-radius:50%;width:calc(var(--post-device-sizing-icon-1) + 2*var(--post-device-spacing-padding-16));height:calc(var(--post-device-sizing-icon-1) + 2*var(--post-device-spacing-padding-16))}ul.list-check>li::after{mask-image:var(--post-icon-checkmark);background-color:currentColor}:root,:host{--post-icon-checkmark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hlY2ttYXJrIj48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNDIgMTIuMTggNC4yMSA4Ljc0Yy0uMjgtLjMtLjI3LS43OC4wNC0xLjA2LjMtLjI4Ljc4LS4yNyAxLjA2LjA0bDEuOTEgMi4wNSAzLjQtNS4xNWMuMjMtLjM1LjY5LS40NCAxLjA0LS4yMXMuNDQuNjkuMjEgMS4wNGwtNC40NSA2Ljc0WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJtMTEuMDkgMTcuODYtNC42LTQuOTNhLjg4Ljg4IDAgMCAxIC4wNC0xLjI0Yy4zNS0uMzMuOTEtLjMxIDEuMjQuMDRsMy4wOCAzLjMgNS4yNy03Ljk5Yy4yNy0uNC44MS0uNTEgMS4yMS0uMjUuNC4yNy41MS44MS4yNSAxLjIxbC02LjUgOS44NFoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0ibTE0Ljc3IDIzLjQ4LTUuOTktNi40MmEuOTkuOTkgMCAwIDEgLjA1LTEuNDEuOTkuOTkgMCAwIDEgMS40MS4wNWw0LjI2IDQuNTYgNy4xNS0xMC44M2MuMy0uNDYuOTItLjU5IDEuMzktLjI4LjQ2LjMuNTkuOTIuMjggMS4zOWwtOC41NSAxMi45NVoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZD0ibTE4LjQ1IDI5LjE1LTcuMzgtNy45Yy0uNDItLjQ1LS40LTEuMTcuMDUtMS41OXMxLjE3LS40IDEuNTkuMDVsNS40MyA1LjgxIDkuMDItMTMuNjdhMS4xMjcgMS4xMjcgMCAwIDEgMS44OCAxLjI0bC0xMC42IDE2LjA2WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJtMjIuMTIgMzQuNzktOC43Ny05LjM5Yy0uNDctLjUtLjQ0LTEuMy4wNi0xLjc3czEuMy0uNDUgMS43Ny4wNmw2LjYgNy4wNyAxMC45LTE2LjUxYy4zOC0uNTggMS4xNi0uNzQgMS43My0uMzUuNTguMzguNzQgMS4xNi4zNSAxLjczTDIyLjExIDM0Ljc5WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMjkuNDYgNDYuMDkgMTguMDIgMzMuODRjLS41Mi0uNTUtLjQ5LTEuNDIuMDctMS45NC41NS0uNTIgMS40Mi0uNDkgMS45NC4wN2w5LjA2IDkuNyAxNC43NC0yMi4zM2MuNDItLjYzIDEuMjctLjgxIDEuOTEtLjM5LjYzLjQyLjgxIDEuMjcuMzkgMS45MUwyOS40NyA0Ni4xWiIvPjwvc3ltYm9sPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMxNiwgbm9uZSkiIGhyZWY9IiNzMTYiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMjQsIG5vbmUpIiBocmVmPSIjczI0Ii8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczMyLCBub25lKSIgaHJlZj0iI3MzMiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0MCwgbm9uZSkiIGhyZWY9IiNzNDAiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNDgsIG5vbmUpIiBocmVmPSIjczQ4Ii8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczY0LCBub25lKSIgaHJlZj0iI3M2NCIvPjwvc3ltYm9sPjwvZGVmcz48c3R5bGU+QG1lZGlhIChtYXgtd2lkdGg6IDIzLjk4cHgpIHtney0tczE2OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDI0cHgpIGFuZCAobWF4LXdpZHRoOiAzMS45OHB4KSB7Z3stLXMyNDpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiAzMnB4KSBhbmQgKG1heC13aWR0aDogMzkuOThweCkge2d7LS1zMzI6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDBweCkgYW5kIChtYXgtd2lkdGg6IDQ3Ljk4cHgpIHtney0tczQwOmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDQ4cHgpIGFuZCAobWF4LXdpZHRoOiA2My45OHB4KSB7Z3stLXM0ODpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA2NHB4KSB7Z3stLXM2NDpibG9jazt9fTwvc3R5bGU+PGc+PHVzZSBocmVmPSIjaS1jaGVja21hcmsiLz48L2c+PC9zdmc+")}ul.list-check>li::after{width:var(--post-device-sizing-icon-1);height:var(--post-device-sizing-icon-1);color:var(--post-scheme-color-surface-accent-fg);margin-block-start:var(--post-device-spacing-padding-16);margin-inline-start:var(--post-device-spacing-padding-16)}
package/components/list-check.scss CHANGED
@@ -1,84 +1,49 @@
1
1
  @use '../functions/tokens';
2
- @use '../mixins/icons' as icons-mx;
3
2
  @use '../tokens/components';
4
- @use '../mixins/media';
5
3
  @use '../mixins/utilities';
4
+ @use '../mixins/icons';
6
5
 
7
6
  tokens.$default-map: components.$post-listcheck;
8
7
 
8
+ $icon-size: calc(tokens.get('list-check-sizing-icon') + 2 * tokens.get('list-check-padding-icon'));
9
+ $icon-offset: calc($icon-size + tokens.get('list-check-icon-gap-inline'));
10
+
9
11
  ul.list-check {
10
12
  @include utilities.reset-list;
11
13
  display: flex;
12
14
  flex-direction: column;
13
15
  align-items: flex-start;
14
- list-style: none;
15
- padding-block: tokens.get('list-check-margin-block') tokens.get('list-check-margin-block');
16
- padding-inline-start: calc(
17
- #{tokens.get('list-check-sizing-icon')} + 2 * #{tokens.get('list-check-padding-icon')} +
18
- #{tokens.get('list-check-icon-gap-inline')} + 2 *
19
- #{tokens.get('list-check-icon-container-inline')}
20
- );
21
16
  gap: tokens.get('list-check-item-gap-block-text');
17
+ padding-block: tokens.get('list-check-margin-block');
18
+ padding-inline-start: calc($icon-offset + 2 * tokens.get('list-check-icon-container-inline'));
22
19
 
23
20
  > li {
24
21
  position: relative;
25
22
  color: tokens.get('list-check-color-text-fg');
26
23
  padding-block: tokens.get('list-check-text-padding');
27
24
 
28
- &::before {
29
- display: block;
25
+ &::before,
26
+ &::after {
30
27
  position: absolute;
31
- top: 0;
32
- left: 0;
33
- margin-inline-start: calc(
34
- -1 *
35
- (
36
- #{tokens.get('list-check-sizing-icon')} + 2 * #{tokens.get('list-check-padding-icon')} +
37
- #{tokens.get('list-check-icon-gap-inline')} +
38
- #{tokens.get('list-check-icon-container-inline')}
39
- )
40
- );
41
- margin-block: calc(-1 * tokens.get('list-check-text-padding'));
28
+ inset-block-start: tokens.get('list-check-icon-container-block');
29
+ inset-inline-start: calc(-1 * $icon-offset - tokens.get('list-check-icon-container-inline'));
30
+ content: '';
31
+ }
42
32
 
33
+ &::before {
43
34
  background: tokens.get('list-check-color-icon-bg');
44
- width: calc(
45
- #{tokens.get('list-check-sizing-icon')} + 2 * #{tokens.get('list-check-padding-icon')}
46
- );
47
- height: calc(
48
- #{tokens.get('list-check-sizing-icon')} + 2 * #{tokens.get('list-check-padding-icon')}
49
- );
50
- content: '';
51
35
  border-radius: 50%;
52
- @include media.max(sm) {
53
- margin-block: tokens.get('list-check-icon-container-block');
54
- padding-inline: tokens.get('list-check-icon-container-inline');
55
- }
36
+ width: $icon-size;
37
+ height: $icon-size;
56
38
  }
57
39
 
58
40
  &::after {
59
- display: block;
60
- position: absolute;
61
- margin-inline-start: calc(
62
- -1 *
63
- (
64
- #{tokens.get('list-check-sizing-icon')} + 2 * #{tokens.get('list-check-padding-icon')} +
65
- #{tokens.get('list-check-icon-gap-inline')} +
66
- #{tokens.get('list-check-icon-container-inline')}
67
- )
68
- );
69
- margin-block: calc(-1 * tokens.get('list-check-text-padding'));
70
- top: tokens.get('list-check-padding-icon');
71
- left: tokens.get('list-check-padding-icon');
41
+ @include icons.mask-image('checkmark');
72
42
  width: tokens.get('list-check-sizing-icon');
73
43
  height: tokens.get('list-check-sizing-icon');
74
- content: '';
75
- @include icons-mx.mask-image('checkmark');
76
44
  color: tokens.get('list-check-color-icon-fg');
77
-
78
- @include media.max(sm) {
79
- margin-block: tokens.get('list-check-icon-container-block');
80
- padding-inline: tokens.get('list-check-icon-container-inline');
81
- }
45
+ margin-block-start: tokens.get('list-check-padding-icon');
46
+ margin-inline-start: tokens.get('list-check-padding-icon');
82
47
  }
83
48
  }
84
49
  }
package/components/list-interactive.css CHANGED
@@ -1 +1 @@
1
- .list-interactive{list-style:none;padding:0}.list-interactive>li{border:unset;padding:0}.list-interactive-link,.list-interactive-document,.list-interactive-switch{display:flex;position:relative;align-items:flex-start;padding-block-start:var(--post-device-spacing-padding-block-22);padding-block-end:var(--post-device-spacing-padding-block-23);padding-inline-start:var(--post-device-spacing-padding-5);padding-inline-end:var(--post-device-spacing-padding-inline-4);border-radius:var(--post-device-border-radius-focus);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.list-interactive-link::after,.list-interactive-document::after,.list-interactive-switch::after{display:block;content:"";position:absolute;inset:auto 0 0;border-block-end:var(--post-device-border-width-alternative1) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}.list-interactive-link:hover,.list-interactive-document:hover,.list-interactive-switch:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.list-interactive-link:hover::after,.list-interactive-document:hover::after,.list-interactive-switch:hover::after{border-block-end-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.list-interactive-link,.list-interactive-document,.list-interactive-switch{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.list-interactive-link:is(:focus-visible,:has(:focus-visible),.pretend-focus),.list-interactive-document:is(:focus-visible,:has(:focus-visible),.pretend-focus),.list-interactive-switch:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.list-interactive-link:is(:focus-visible,:has(:focus-visible),.pretend-focus),.list-interactive-document:is(:focus-visible,:has(:focus-visible),.pretend-focus),.list-interactive-switch:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.list-interactive-link:is(:focus-visible,:focus-within,.pretend-focus),.list-interactive-document:is(:focus-visible,:focus-within,.pretend-focus),.list-interactive-switch:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.list-interactive-link:is(:focus-visible,:focus-within,.pretend-focus),.list-interactive-document:is(:focus-visible,:focus-within,.pretend-focus),.list-interactive-switch:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.list-interactive-link,.list-interactive-document{text-decoration:none;gap:var(--post-device-spacing-gap-4)}.list-interactive-link>post-icon,.list-interactive-document>post-icon{flex:0 0 auto;padding-block:var(--post-device-spacing-padding-block-24);padding-inline:var(--post-device-spacing-padding-4);width:calc(var(--post-device-sizing-interactive-icon-size2) + 2*var(--post-device-spacing-padding-4));height:calc(var(--post-device-sizing-interactive-icon-size2) + 2*var(--post-device-spacing-padding-block-24))}.list-interactive-link>post-icon:last-child,.list-interactive-document>post-icon:last-child{margin-left:auto}.list-interactive-switch{width:unset;justify-content:space-between;margin-bottom:0;flex-wrap:nowrap}.list-interactive-switch:hover .form-check-label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.list-interactive-switch .form-check-label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.list-interactive-switch .form-check-input{flex-shrink:0;margin-block:var(--post-device-spacing-padding-block-18)}.list-interactive-link:hover post-icon,.list-interactive-link:focus post-icon{transform:translateX(var(--post-core-dimension-4))}.list-interactive-link post-icon{transition:150ms cubic-bezier(0.4, 0, 0.2, 1)}
1
+ .list-interactive{list-style:none;padding:0}.list-interactive>li{border:unset;padding:0}.list-interactive-link,.list-interactive-document,.list-interactive-switch{display:flex;position:relative;align-items:flex-start;padding-block-start:var(--post-device-spacing-padding-block-22);padding-block-end:var(--post-device-spacing-padding-block-23);padding-inline-start:var(--post-device-spacing-padding-5);padding-inline-end:var(--post-device-spacing-padding-inline-4);border-radius:var(--post-device-border-radius-focus);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.list-interactive-link::after,.list-interactive-document::after,.list-interactive-switch::after{display:block;content:"";position:absolute;inset:auto 0 0;border-block-end:var(--post-device-border-width-alternative1) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}.list-interactive-link:hover,.list-interactive-document:hover,.list-interactive-switch:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.list-interactive-link:hover::after,.list-interactive-document:hover::after,.list-interactive-switch:hover::after{border-block-end-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.list-interactive-link,.list-interactive-document,.list-interactive-switch{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.list-interactive-link:focus-visible,.list-interactive-document:focus-visible,.list-interactive-switch:focus-visible{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.list-interactive-link:focus-visible,.list-interactive-document:focus-visible,.list-interactive-switch:focus-visible{outline-color:Highlight !important}}.list-interactive-link.pretend-focus,.list-interactive-document.pretend-focus,.list-interactive-switch.pretend-focus{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.list-interactive-link.pretend-focus,.list-interactive-document.pretend-focus,.list-interactive-switch.pretend-focus{outline-color:Highlight !important}}.list-interactive-link:has(:focus-visible),.list-interactive-document:has(:focus-visible),.list-interactive-switch:has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.list-interactive-link:has(:focus-visible),.list-interactive-document:has(:focus-visible),.list-interactive-switch:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.list-interactive-link:is(:focus-visible,:focus-within,.pretend-focus),.list-interactive-document:is(:focus-visible,:focus-within,.pretend-focus),.list-interactive-switch:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.list-interactive-link:is(:focus-visible,:focus-within,.pretend-focus),.list-interactive-document:is(:focus-visible,:focus-within,.pretend-focus),.list-interactive-switch:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.list-interactive-link,.list-interactive-document{text-decoration:none;gap:var(--post-device-spacing-gap-4)}.list-interactive-link>post-icon,.list-interactive-document>post-icon{flex:0 0 auto;padding-block:var(--post-device-spacing-padding-block-24);padding-inline:var(--post-device-spacing-padding-4);width:calc(var(--post-device-sizing-interactive-icon-size2) + 2*var(--post-device-spacing-padding-4));height:calc(var(--post-device-sizing-interactive-icon-size2) + 2*var(--post-device-spacing-padding-block-24))}.list-interactive-link>post-icon:last-child,.list-interactive-document>post-icon:last-child{margin-left:auto}.list-interactive-switch{width:unset;justify-content:space-between;margin-bottom:0;flex-wrap:nowrap}.list-interactive-switch:hover .form-check-label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.list-interactive-switch .form-check-label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.list-interactive-switch .form-check-input{flex-shrink:0;margin-block:var(--post-device-spacing-padding-block-18)}.list-interactive-link:hover post-icon,.list-interactive-link:focus post-icon{transform:translateX(var(--post-core-dimension-4))}.list-interactive-link post-icon{transition:150ms cubic-bezier(0.4, 0, 0.2, 1)}