@swisspost/design-system-styles 10.3.0 → 10.5.0

package/components/header/_post-header.scss

@@ -54,7 +54,7 @@ post-header {
   > :is([slot='global-nav-primary'], [slot='post-login']) {
     @include media.only(mobile) {
       @include interactive-elements {
-        padding: 0.625rem;
+        padding: 10px;
       }
     }
   }
@@ -66,12 +66,6 @@ post-header {
     &:where(ul) {
       align-items: center;
     }
-
-    @include media.only(mobile) {
-      @include interactive-elements {
-        padding: 0.25rem 0.75rem;
-      }
-    }
   }
 
   // audience
@@ -79,16 +73,16 @@ post-header {
     &:where(ul) {
       @include media.only(tablet) {
         flex-direction: row;
-        margin-block: 1rem;
+        margin-block: 16px;
       }
 
       @include media.only(mobile) {
-        gap: 0.5rem;
+        gap: 8px;
       }
     }
 
     @include interactive-elements {
-      padding-inline: 1rem;
+      padding-inline: 16px;
     }
   }
 
@@ -138,13 +132,13 @@ post-header {
 
       @include media.only(mobile) {
         @include nav-item-icon-only;
-        padding: 0.625rem;
+        padding: 10px;
       }
     }
   }
 
   .local-login {
-    margin-block: -0.25rem;
+    margin-block: -4px;
   }
 
   // language menu

package/components/header/_post-megadropdown.scss

@@ -46,14 +46,14 @@ post-megadropdown {
   }
 
   .post-megadropdown-overview {
-    margin-block: 0 1rem;
+    margin-block: 0 16px;
 
     @include media.only(desktop) {
       font-size: 1.25rem;
     }
 
     &:first-child {
-      margin-block-start: -0.5rem;
+      margin-block-start: -8px;
     }
   }
 

package/components/header/index.css

@@ -1 +1 @@
-:root:has(post-header [slot=main-nav]):not(:has(post-header [slot=title])){--post-global-header-expanded-height: 4rem;--post-local-header-reduced-height: 0rem;--post-local-header-expanded-min-height: var(--post-main-navigation-height, 0rem)}@media screen and (min-width: 1024px){:root:has(post-header [slot=main-nav]):not(:has(post-header [slot=title])){--post-global-header-expanded-height: 4.5rem;--post-global-header-reduced-height: 1.5rem;--post-local-header-reduced-height: 3.5rem;--post-main-navigation-height: var(--post-local-header-reduced-height);--post-logo-reduced-offset: 0.375rem}}@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: 4rem;--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: 3rem}}@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: 3.5rem}}@media screen and (min-width: 1024px){:root:has(post-header [slot=main-nav]):has(post-header [slot=title]){--post-global-header-expanded-height: 4.5rem;--post-local-header-expanded-min-height: 7rem;--post-global-header-reduced-height: 1.5rem;--post-main-navigation-height: 3.5rem;--post-logo-reduced-offset: 0.375rem}}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: 4rem;--post-local-header-expanded-min-height: 3.5rem}@media screen and (min-width: 1024px){:root:has(post-header):not(:has(post-header [slot=main-nav])){--post-global-header-expanded-height: 4.5rem;--post-local-header-expanded-min-height: 4rem}}:root:has(post-header):not(:has(post-header [slot=main-nav])):not(:has(post-header [slot=title])){--post-local-header-expanded-min-height: 0rem}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: 2rem}@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: 0.625rem;--post-logo-reduced-offset: 0.625rem}}@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: 0.75rem;--post-logo-reduced-offset: 0.75rem}}@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: 0.5rem;--post-logo-reduced-offset: 0.5rem}}: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);gap:0 .5rem;margin:0}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}@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;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;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: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: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:1px solid ButtonBorder !important}post-megadropdown .post-megadropdown-overview:not(:disabled,.disabled):is(button):hover,post-megadropdown .post-megadropdown-list-title:not(:disabled,.disabled):is(button):hover,post-megadropdown .post-megadropdown-list>li>:not(:disabled,.disabled):is(button):hover:where(a,button,[role=link],[role=button]),post-header>:not(:disabled,.disabled):is(button):hover:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:not(:disabled,.disabled):is(button):hover:where(a,button,[role=link],[role=button]),post-mainnavigation>:not(:disabled,.disabled):is(button):hover:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:not(:disabled,.disabled):is(button):hover:where(a,button,[role=link],[role=button]){background-color:Highlight !important}post-megadropdown .post-megadropdown-overview:not(:disabled,.disabled):is(button):hover>post-icon,post-megadropdown .post-megadropdown-list-title:not(:disabled,.disabled):is(button):hover>post-icon,post-megadropdown .post-megadropdown-list>li>:not(:disabled,.disabled):is(button):hover:where(a,button,[role=link],[role=button])>post-icon,post-header>:not(:disabled,.disabled):is(button):hover:where(a,button,[role=link],[role=button])>post-icon,post-header>*:where(ul)>li>:not(:disabled,.disabled):is(button):hover:where(a,button,[role=link],[role=button])>post-icon,post-mainnavigation>:not(:disabled,.disabled):is(button):hover:where(a,button,[role=link],[role=button])>post-icon,post-mainnavigation>*:where(ul)>li>:not(:disabled,.disabled):is(button):hover:where(a,button,[role=link],[role=button])>post-icon{color:HighlightText !important}}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:.75rem .75rem calc(.75rem - var(--post-nav-item-border-width)) .5rem;gap:1rem;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor;height:100%}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>: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: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)}@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: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)}}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:calc(.5rem + 1.5px) .75rem calc(.5rem + 1.5px - var(--post-nav-item-border-width)) .5rem;gap:.5rem;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}}@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:1rem .75rem;gap:.5rem;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:.625rem}}post-header>[slot=local-nav]{grid-area:local-nav}post-header>[slot=local-nav]:where(ul){align-items:center}@media screen and (min-width: 0)and (max-width: 599.98px){post-header>[slot=local-nav]:where(a,button,[role=link],[role=button]),post-header>[slot=local-nav]:where(ul)>li>:where(a,button,[role=link],[role=button]){padding:.25rem .75rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-header>[slot=audience]:where(ul){flex-direction:row;margin-block:1rem}}@media screen and (min-width: 0)and (max-width: 599.98px){post-header>[slot=audience]:where(ul){gap:.5rem}}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:1rem}@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:.75rem .75rem calc(.75rem - var(--post-nav-item-border-width)) .5rem;gap:1rem;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]):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: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)}@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: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)}}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:calc(.5rem + 1.5px) .75rem calc(.5rem + 1.5px - var(--post-nav-item-border-width)) .5rem;gap:.5rem;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;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;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: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:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}post-header>[slot=side-nav]>button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}post-header>[slot=side-nav]>button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}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{padding:.625rem}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 .local-login{margin-block:-0.25rem}@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;--header-megadropdown-col-min-width: calc( 0.5rem + 0.75rem + var(--min-text-width) )}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-megadropdown{--min-text-width: 28ch}}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:.75rem .75rem calc(.75rem - var(--post-nav-item-border-width)) .5rem;gap:1rem;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor;text-wrap:wrap;overflow-wrap:anywhere}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: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: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)}@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: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)}}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:calc(.5rem + 1.5px) .75rem calc(.5rem + 1.5px - var(--post-nav-item-border-width)) .5rem;gap:.5rem;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-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 1rem}@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:-0.5rem}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}
+: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);gap:0 8px;margin:0}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}@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;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: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: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;height:100%}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}}@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;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: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: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{padding:10px}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 .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;--header-megadropdown-col-min-width: calc( 8px + 12px + var(--min-text-width) )}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-megadropdown{--min-text-width: 28ch}}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;text-wrap:wrap;overflow-wrap:anywhere}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-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

@@ -0,0 +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}

package/components/inline-notification.scss

@@ -0,0 +1,63 @@
+@use '../functions/tokens';
+@use '../tokens/elements';
+@use '../tokens/components';
+@use './../mixins/utilities';
+
+tokens.$default-map: components.$post-inline-notification;
+
+.inline-notification {
+  display: inline-grid;
+  align-items: flex-start;
+  grid-template-columns: auto minmax(0, 1fr);
+  column-gap: tokens.get('notification-inline-gap-inline');
+  row-gap: tokens.get('notification-inline-labels-gap-block');
+  padding-block: tokens.get('notification-inline-padding-block');
+  padding-inline: tokens.get('notification-inline-padding-inline');
+  border-style: tokens.get('notification-inline-border-style');
+  border-width: tokens.get('notification-inline-border-width');
+  border-radius: tokens.get('notification-inline-border-radius');
+
+  &::before {
+    content: '';
+    display: block;
+    grid-column: 1;
+    grid-row: 1;
+    width: tokens.get('notification-inline-icon-size');
+    height: tokens.get('notification-inline-icon-size');
+    margin-block-start: 2px;
+  }
+
+  @each $name in 'info', 'success', 'warning', 'error' {
+    &.inline-notification-#{$name} {
+      border-color: tokens.get('notification-inline-color-#{$name}-stroke');
+      background-color: tokens.get('notification-inline-color-#{$name}-bg');
+      color: tokens.get('notification-inline-color-#{$name}-fg');
+
+      &::before {
+        background-image: var(--post-signal-icon-#{$name});
+      }
+    }
+  }
+
+  @include utilities.high-contrast-mode {
+    border: 2px solid CanvasText;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin: 0;
+    padding: 0;
+    grid-row: 1;
+    font-size: tokens.get('h4-font-size', elements.$post-heading);
+    font-weight: tokens.get('notification-inline-title-font-weight');
+  }
+
+  > * {
+    margin: 0;
+    grid-column: 2;
+  }
+}

package/components/list-check.scss

@@ -15,8 +15,8 @@ ul.list-check {
   padding-block: tokens.get('list-check-margin-block') tokens.get('list-check-margin-block');
   padding-inline-start: calc(
     #{tokens.get('list-check-sizing-icon')} + 2 * #{tokens.get('list-check-padding-icon')} +
-      #{tokens.get('list-check-icon-gap-inline')} + 2 *
-      #{tokens.get('list-check-icon-container-inline')}
+    #{tokens.get('list-check-icon-gap-inline')} + 2 *
+    #{tokens.get('list-check-icon-container-inline')}
   );
   gap: tokens.get('list-check-item-gap-block-text');
 
@@ -32,11 +32,11 @@ ul.list-check {
       left: 0;
       margin-inline-start: calc(
         -1 *
-          (
-            #{tokens.get('list-check-sizing-icon')} + 2 * #{tokens.get('list-check-padding-icon')} +
-              #{tokens.get('list-check-icon-gap-inline')} +
-              #{tokens.get('list-check-icon-container-inline')}
-          )
+        (
+          #{tokens.get('list-check-sizing-icon')} + 2 * #{tokens.get('list-check-padding-icon')} +
+          #{tokens.get('list-check-icon-gap-inline')} +
+          #{tokens.get('list-check-icon-container-inline')}
+        )
       );
       margin-block: calc(-1 * tokens.get('list-check-text-padding'));
 
@@ -60,11 +60,11 @@ ul.list-check {
       position: absolute;
       margin-inline-start: calc(
         -1 *
-          (
-            #{tokens.get('list-check-sizing-icon')} + 2 * #{tokens.get('list-check-padding-icon')} +
-              #{tokens.get('list-check-icon-gap-inline')} +
-              #{tokens.get('list-check-icon-container-inline')}
-          )
+        (
+          #{tokens.get('list-check-sizing-icon')} + 2 * #{tokens.get('list-check-padding-icon')} +
+          #{tokens.get('list-check-icon-gap-inline')} +
+          #{tokens.get('list-check-icon-container-inline')}
+        )
       );
       margin-block: calc(-1 * tokens.get('list-check-text-padding'));
       top: tokens.get('list-check-padding-icon');

package/components/switch.css

@@ -1 +1 @@
-.form-switch{display:flex;flex-wrap:wrap;align-items:flex-start;width:fit-content;border-radius:var(--post-device-border-radius-focus)}.form-switch.form-check-inline{display:inline-flex;vertical-align:top}.form-switch:has(>input:not(:only-child)){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}.form-switch:has(>input:not(:only-child)):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){.form-switch:has(>input:not(:only-child)):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.form-switch:has(>input:not(:only-child)):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){.form-switch:has(>input:not(:only-child)):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-switch:has(>input:not(:only-child))>input{outline:none !important}.form-switch>label{transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);flex:1}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch>label{transition:none}}.form-switch>input[type=radio]:not([disabled])~label,.form-switch>input[type=checkbox]:not([disabled])~label{cursor:pointer}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch>input[type=radio]:not([disabled]):hover~label,.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch>input[type=radio][disabled]~label,.form-switch>input[type=checkbox][disabled]~label{color:GrayText}}.form-switch .form-check-input{appearance:none;cursor:pointer;position:relative;display:flex;align-items:center;height:var(--post-core-dimension-24);width:var(--post-core-dimension-48);margin-block:var(--post-device-spacing-padding-block-18);border:var(--post-device-border-width-alternative1) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-device-border-radius-round);background-color:var(--post-scheme-color-interactive-primary-enabled-bg2);padding:var(--post-device-spacing-padding-block-7) 0 var(--post-device-spacing-padding-block-7) var(--post-core-dimension-4);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-switch .form-check-input::before,.form-switch .form-check-input::after{position:absolute;display:block;cursor:pointer;content:"";width:var(--post-core-dimension-18);height:var(--post-core-dimension-18);background-color:var(--post-scheme-color-interactive-primary-enabled-fg3);border-radius:var(--post-device-border-radius-round);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-switch .form-check-input::before{mask-image:url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M7.51712 12.1332L4.30712 8.69325C4.02712 8.39325 4.03712 7.91325 4.34712 7.63325C4.64712 7.35325 5.12712 7.36325 5.40712 7.67325L7.31712 9.72325L10.7171 4.57325C10.9471 4.22325 11.4071 4.13325 11.7571 4.36325C12.1071 4.59325 12.1971 5.05325 11.9671 5.40325L7.51712 12.1332Z'/></svg>");background-color:rgba(0,0,0,0);z-index:1;mask-size:var(--post-core-dimension-18);mask-repeat:no-repeat;mask-position:center}.form-switch .form-check-input::after{border:var(--post-device-border-width-alternative1) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke3)}.form-switch .form-check-input:checked{background-color:var(--post-scheme-color-interactive-primary-selected-bg2);border-color:var(--post-scheme-color-interactive-primary-selected-stroke4)}.form-switch .form-check-input:checked::before,.form-switch .form-check-input:checked::after{transform:translateX(calc(var(--post-core-dimension-48) - var(--post-core-dimension-18) * 1.5))}.form-switch .form-check-input:checked::before{background-color:var(--post-scheme-color-interactive-primary-selected-bg2)}.form-switch .form-check-input:checked::after{mask-image:none;background-color:var(--post-scheme-color-interactive-primary-selected-fg3);border-color:var(--post-scheme-color-interactive-primary-selected-stroke3)}.form-switch .form-check-input:checked+.form-check-label{color:var(--post-scheme-color-interactive-primary-selected-fg1)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch .form-check-input{transition:none;border:var(--post-device-border-width-alternative1) var(--post-core-border-style-solid) CanvasText}.form-switch .form-check-input:checked{background-color:SelectedItem !important}.form-switch .form-check-input::after{max-width:var(--post-core-dimension-18);border-color:Canvas;background-color:CanvasText}.form-switch .form-check-input:checked::after,.form-switch .form-check-input:checked::before{transform:translateX(calc(var(--post-core-dimension-48) - var(--post-core-dimension-18) - var(--post-core-dimension-4) * 2 - var(--post-device-border-width-alternative1) * 2))}}.form-switch .form-check-input[disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg5);border:var(--post-device-border-width-alternative1) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke2)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch .form-check-input[disabled]{border:var(--post-device-border-width-alternative1) var(--post-core-border-style-dash) GrayText}}.form-switch .form-check-input[disabled]+.form-check-label{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}.form-switch .form-check-input[disabled]::after{background-color:var(--post-scheme-color-interactive-primary-disabled-fg3);border:var(--post-device-border-width-alternative1) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .form-switch .form-check-input[disabled]::after{border:var(--post-device-border-width-alternative1) var(--post-core-border-style-dash) rgba(255,255,255,.8)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch .form-check-input[disabled]::after{border:var(--post-device-border-width-alternative1) var(--post-core-border-style-dash) GrayText}}.form-switch .form-check-input[disabled]:checked::before{background-color:var(--post-scheme-color-interactive-primary-disabled-fg1);mask-image:url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M7.51712 12.1332L4.30712 8.69325C4.02712 8.39325 4.03712 7.91325 4.34712 7.63325C4.64712 7.35325 5.12712 7.36325 5.40712 7.67325L7.31712 9.72325L10.7171 4.57325C10.9471 4.22325 11.4071 4.13325 11.7571 4.36325C12.1071 4.59325 12.1971 5.05325 11.9671 5.40325L7.51712 12.1332Z'/></svg>");mask-repeat:no-repeat;mask-position:center}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch .form-check-input[disabled]::after{border-color:Field}.form-switch .form-check-input[disabled]:checked{background-color:GrayText !important}}.form-switch .form-check-input.is-invalid{border-color:rgba(0,0,0,0)}.form-switch .form-check-input.is-invalid+label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-switch:has(input:not([disabled]):hover) input{background-color:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.form-switch:has(input:not([disabled]):hover) input::after{background-color:var(--post-scheme-color-interactive-primary-hover-fg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke3)}.form-switch:has(input:not([disabled]):hover) input:checked::before{background-color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch:has(input:not([disabled]):hover) input{border-color:Highlight}.form-switch:has(input:not([disabled]):hover) input::after{background-color:CanvasText}}.form-switch .form-check-label{color:var(--post-scheme-color-interactive-primary-enabled-fg1);padding-block:var(--post-device-spacing-padding-block-9)}.form-switch .form-check-label.order-first{flex:0 auto;padding-inline-end:var(--post-device-spacing-gap-inline-3)}.form-switch .form-check-label:not(.order-first){padding-inline-start:var(--post-device-spacing-gap-inline-3)}.form-switch>input[type=checkbox]~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-switch>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}
+.form-switch{display:flex;flex-wrap:wrap;align-items:flex-start;width:fit-content;border-radius:var(--post-device-border-radius-focus)}.form-switch.form-check-inline{display:inline-flex;vertical-align:top}.form-switch:has(>input:not(:only-child)){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}.form-switch:has(>input:not(:only-child)):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){.form-switch:has(>input:not(:only-child)):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.form-switch:has(>input:not(:only-child)):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){.form-switch:has(>input:not(:only-child)):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-switch:has(>input:not(:only-child))>input{outline:none !important}.form-switch>label{transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);flex:1}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch>label{transition:none}}.form-switch>input[type=radio]:not([disabled])~label,.form-switch>input[type=checkbox]:not([disabled])~label{cursor:pointer}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch>input[type=radio]:not([disabled]):hover~label,.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch>input[type=radio][disabled]~label,.form-switch>input[type=checkbox][disabled]~label{color:GrayText}}.form-switch .form-check-input{appearance:none;cursor:pointer;position:relative;display:flex;align-items:center;height:var(--post-core-dimension-24);width:var(--post-core-dimension-48);margin-block:var(--post-device-spacing-padding-block-18);border:var(--post-device-border-width-alternative1) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-device-border-radius-round);background-color:var(--post-scheme-color-interactive-primary-enabled-bg2);padding-inline:calc(var(--post-core-dimension-4) - var(--post-device-border-width-alternative1));transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-switch .form-check-input::before,.form-switch .form-check-input::after{position:absolute;display:block;cursor:pointer;content:"";width:var(--post-core-dimension-18);height:var(--post-core-dimension-18);background-color:var(--post-scheme-color-interactive-primary-enabled-fg3);border-radius:var(--post-device-border-radius-round);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-switch .form-check-input::before{mask-image:url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M7.51712 12.1332L4.30712 8.69325C4.02712 8.39325 4.03712 7.91325 4.34712 7.63325C4.64712 7.35325 5.12712 7.36325 5.40712 7.67325L7.31712 9.72325L10.7171 4.57325C10.9471 4.22325 11.4071 4.13325 11.7571 4.36325C12.1071 4.59325 12.1971 5.05325 11.9671 5.40325L7.51712 12.1332Z'/></svg>");background-color:rgba(0,0,0,0);z-index:1;mask-size:var(--post-core-dimension-18);mask-repeat:no-repeat;mask-position:center}.form-switch .form-check-input::after{border:var(--post-device-border-width-alternative1) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke3)}.form-switch .form-check-input:checked{background-color:var(--post-scheme-color-interactive-primary-selected-bg2);border-color:var(--post-scheme-color-interactive-primary-selected-stroke4)}.form-switch .form-check-input:checked::before,.form-switch .form-check-input:checked::after{transform:translateX(calc(var(--post-core-dimension-48) - var(--post-core-dimension-18) - 2 * var(--post-core-dimension-4)))}.form-switch .form-check-input:checked::before{background-color:var(--post-scheme-color-interactive-primary-selected-bg2)}.form-switch .form-check-input:checked::after{mask-image:none;background-color:var(--post-scheme-color-interactive-primary-selected-fg3);border-color:var(--post-scheme-color-interactive-primary-selected-stroke3)}.form-switch .form-check-input:checked+.form-check-label{color:var(--post-scheme-color-interactive-primary-selected-fg1)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch .form-check-input{transition:none;border:var(--post-device-border-width-alternative1) var(--post-core-border-style-solid) CanvasText}.form-switch .form-check-input:checked{background-color:SelectedItem !important}.form-switch .form-check-input::after{max-width:var(--post-core-dimension-18);border-color:Canvas;background-color:CanvasText}.form-switch .form-check-input:checked::after,.form-switch .form-check-input:checked::before{transform:translateX(calc(var(--post-core-dimension-48) - var(--post-core-dimension-18) - var(--post-core-dimension-4) * 2 - var(--post-device-border-width-alternative1) * 2))}}.form-switch .form-check-input[disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg5);border:var(--post-device-border-width-alternative1) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke2)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch .form-check-input[disabled]{border:var(--post-device-border-width-alternative1) var(--post-core-border-style-dash) GrayText}}.form-switch .form-check-input[disabled]+.form-check-label{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}.form-switch .form-check-input[disabled]::after{background-color:var(--post-scheme-color-interactive-primary-disabled-fg3);border:var(--post-device-border-width-alternative1) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .form-switch .form-check-input[disabled]::after{border:var(--post-device-border-width-alternative1) var(--post-core-border-style-dash) rgba(255,255,255,.8)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch .form-check-input[disabled]::after{border:var(--post-device-border-width-alternative1) var(--post-core-border-style-dash) GrayText}}.form-switch .form-check-input[disabled]:checked::before{background-color:var(--post-scheme-color-interactive-primary-disabled-fg1);mask-image:url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M7.51712 12.1332L4.30712 8.69325C4.02712 8.39325 4.03712 7.91325 4.34712 7.63325C4.64712 7.35325 5.12712 7.36325 5.40712 7.67325L7.31712 9.72325L10.7171 4.57325C10.9471 4.22325 11.4071 4.13325 11.7571 4.36325C12.1071 4.59325 12.1971 5.05325 11.9671 5.40325L7.51712 12.1332Z'/></svg>");mask-repeat:no-repeat;mask-position:center}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch .form-check-input[disabled]::after{border-color:Field}.form-switch .form-check-input[disabled]:checked{background-color:GrayText !important}}.form-switch .form-check-input.is-invalid{border-color:rgba(0,0,0,0)}.form-switch .form-check-input.is-invalid+label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-switch:has(input:not([disabled]):hover) input{background-color:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.form-switch:has(input:not([disabled]):hover) input::after{background-color:var(--post-scheme-color-interactive-primary-hover-fg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke3)}.form-switch:has(input:not([disabled]):hover) input:checked::before{background-color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch:has(input:not([disabled]):hover) input{border-color:Highlight}.form-switch:has(input:not([disabled]):hover) input::after{background-color:CanvasText}}.form-switch .form-check-label{color:var(--post-scheme-color-interactive-primary-enabled-fg1);padding-block:var(--post-device-spacing-padding-block-9)}.form-switch .form-check-label.order-first{flex:0 auto;padding-inline-end:var(--post-device-spacing-gap-inline-3)}.form-switch .form-check-label:not(.order-first){padding-inline-start:var(--post-device-spacing-gap-inline-3)}.form-switch>input[type=checkbox]~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-switch>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}

package/components/switch.scss

@@ -30,8 +30,9 @@ $switch-handle-icon: url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='htt
       tokens.get('switch-element-enabled-stroke');
     border-radius: tokens.get('switch-border-radius-round');
     background-color: tokens.get('switch-element-enabled-bg');
-    padding: tokens.get('switch-padding-block-text') 0 tokens.get('switch-padding-block-text')
-      tokens.get('switch-padding-inline-handle');
+    padding-inline: calc(
+      tokens.get('switch-padding-inline-handle') - tokens.get('switch-border-width')
+    );
     transition:
       background-color animation.$transition-base-timing,
       border-color animation.$transition-base-timing;
@@ -72,7 +73,10 @@ $switch-handle-icon: url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='htt
       &::before,
       &::after {
         transform: translateX(
-          calc(tokens.get('switch-element-width') - tokens.get('switch-element-handle') * 1.5)
+          calc(
+            tokens.get('switch-element-width') - tokens.get('switch-element-handle') - 2 *
+            tokens.get('switch-padding-inline-handle')
+          )
         );
       }
 
@@ -110,9 +114,9 @@ $switch-handle-icon: url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='htt
         transform: translateX(
           calc(
             tokens.get('switch-element-width') - tokens.get('switch-element-handle') - tokens.get(
-                'switch-padding-inline-handle'
-              ) *
-              2 - tokens.get('switch-border-width') * 2
+              'switch-padding-inline-handle'
+            ) *
+            2 - tokens.get('switch-border-width') * 2
           )
         );
       }