@swisspost/design-system-styles 10.2.0 → 10.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/basics.css +1 -1
- package/cargo-compact.css +1 -1
- package/cargo-default.css +1 -1
- package/cargo-tokens-compact.css +1 -1
- package/cargo-tokens-default.css +1 -1
- package/components/button.css +1 -1
- package/components/button.scss +17 -0
- package/components/dialog.css +1 -1
- package/components/dialog.scss +51 -41
- package/components/form-input.css +1 -1
- package/components/form-input.scss +27 -15
- package/components/header/_custom-properties.scss +27 -27
- package/components/header/_mixins.scss +9 -9
- package/components/header/_placeholders.scss +3 -3
- package/components/header/_post-header.scss +6 -12
- package/components/header/_post-megadropdown.scss +2 -2
- package/components/header/index.css +1 -1
- package/components/switch.css +1 -1
- package/components/switch.scss +7 -3
- package/components/tabs/_tab-title.scss +13 -24
- package/components/tabs/index.css +1 -1
- package/components/teaser.css +1 -1
- package/components/teaser.scss +2 -1
- package/components/toast.css +1 -1
- package/components/validation.css +1 -1
- package/components/validation.scss +1 -0
- package/elements/anchor.css +1 -1
- package/elements/anchor.scss +4 -1
- package/icons/temp/blocked-solid.css +4 -0
- package/icons/temp/blocked.css +4 -0
- package/icons/temp/cardreader.css +1 -1
- package/icons/temp/checkmarkwide-solid.css +4 -0
- package/icons/temp/checkmarkwide.css +4 -0
- package/icons/temp/combinedtransport-solid.css +4 -0
- package/icons/temp/combinedtransport.css +4 -0
- package/icons/temp/constructionsitelightsystem-solid.css +4 -0
- package/icons/temp/constructionsitelightsystem.css +4 -0
- package/icons/temp/danger-solid.css +1 -1
- package/icons/temp/danger.css +1 -1
- package/icons/temp/firealarmsystem-solid.css +4 -0
- package/icons/temp/firealarmsystem.css +4 -0
- package/icons/temp/hotwork-solid.css +4 -0
- package/icons/temp/hotwork.css +4 -0
- package/icons/temp/lung-solid.css +4 -0
- package/icons/temp/lung.css +4 -0
- package/icons/temp/mobilenotification-solid.css +4 -0
- package/icons/temp/mobilenotification.css +4 -0
- package/icons/temp/mountains-solid.css +4 -0
- package/icons/temp/mountains.css +4 -0
- package/icons/temp/okr-solid.css +4 -0
- package/icons/temp/okr.css +4 -0
- package/icons/temp/phishing-solid.css +4 -0
- package/icons/temp/phishing.css +4 -0
- package/icons/temp/phishingattempt-solid.css +4 -0
- package/icons/temp/phishingattempt.css +4 -0
- package/icons/temp/postautoelectric-solid.css +4 -0
- package/icons/temp/postautoelectric.css +4 -0
- package/icons/temp/pricescountryinformation-solid.css +4 -0
- package/icons/temp/pricescountryinformation.css +4 -0
- package/icons/temp/specialtransport-solid.css +4 -0
- package/icons/temp/specialtransport.css +4 -0
- package/icons/temp/sustainablepower-solid.css +4 -0
- package/icons/temp/sustainablepower.css +4 -0
- package/icons/temp/transportmanagement-solid.css +4 -0
- package/icons/temp/transportmanagement.css +4 -0
- package/icons/temp/underconstruction-solid.css +4 -0
- package/icons/temp/underconstruction.css +4 -0
- package/mixins/_button.scss +4 -11
- package/mixins/_utilities.scss +31 -3
- package/package.json +3 -3
- package/post-compact.css +1 -1
- package/post-default.css +1 -1
- package/post-tokens-compact.css +1 -1
- package/post-tokens-default.css +1 -1
- package/tokens/temp/_appearance.scss +1 -1
- package/tokens/temp/_components.scss +104 -26
- package/tokens/temp/_core.scss +9 -1
- package/tokens/temp/_device.scss +55 -1
- package/tokens/temp/_elements.scss +1 -1
- package/tokens/temp/_helpers.scss +3 -1
- package/tokens/temp/_index.scss +1 -1
- package/tokens/temp/_palette.scss +5 -1
- package/tokens/temp/_scheme.scss +1 -1
- package/tokens/temp/_schemestatic.scss +1 -1
- package/tokens/temp/_theme.scss +16 -8
- package/tokens/temp/_utilities-formatted.scss +1 -1
- package/tokens/temp/_utilities.scss +1 -1
- package/utilities/_env-variables.scss +1 -1
|
@@ -1 +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}
|
|
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/switch.css
CHANGED
|
@@ -1 +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-
|
|
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-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
CHANGED
|
@@ -30,8 +30,9 @@ $switch-handle-icon: url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='htt
|
|
|
30
30
|
tokens.get('switch-element-enabled-stroke');
|
|
31
31
|
border-radius: tokens.get('switch-border-radius-round');
|
|
32
32
|
background-color: tokens.get('switch-element-enabled-bg');
|
|
33
|
-
padding:
|
|
34
|
-
tokens.get('switch-padding-inline-handle')
|
|
33
|
+
padding-inline: calc(
|
|
34
|
+
tokens.get('switch-padding-inline-handle') - tokens.get('switch-border-width')
|
|
35
|
+
);
|
|
35
36
|
transition:
|
|
36
37
|
background-color animation.$transition-base-timing,
|
|
37
38
|
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
|
|
|
72
73
|
&::before,
|
|
73
74
|
&::after {
|
|
74
75
|
transform: translateX(
|
|
75
|
-
calc(
|
|
76
|
+
calc(
|
|
77
|
+
tokens.get('switch-element-width') - tokens.get('switch-element-handle') - 2 *
|
|
78
|
+
tokens.get('switch-padding-inline-handle')
|
|
79
|
+
)
|
|
76
80
|
);
|
|
77
81
|
}
|
|
78
82
|
|
|
@@ -7,10 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
tokens.$default-map: components.$post-tabs;
|
|
9
9
|
|
|
10
|
-
$tabs-outline-offset:
|
|
11
|
-
tokens.get('focus-outline-offset2', helpers.$post-focus) + -1 *
|
|
12
|
-
(tokens.get('post-tabs-border-width'))
|
|
13
|
-
);
|
|
10
|
+
$tabs-outline-offset: tokens.get('focus-outline-offset3', helpers.$post-focus);
|
|
14
11
|
|
|
15
12
|
$adjusted-border-radius: calc(
|
|
16
13
|
tokens.get('focus-border-radius', helpers.$post-focus) - $tabs-outline-offset
|
|
@@ -35,9 +32,7 @@ post-tab-item.nav-item a {
|
|
|
35
32
|
}
|
|
36
33
|
}
|
|
37
34
|
|
|
38
|
-
@include utilities-mx.focus-style()
|
|
39
|
-
outline-offset: $tabs-outline-offset !important;
|
|
40
|
-
}
|
|
35
|
+
@include utilities-mx.focus-style($outline-offset: $tabs-outline-offset);
|
|
41
36
|
}
|
|
42
37
|
|
|
43
38
|
// Content Tabs Variant
|
|
@@ -62,7 +57,7 @@ post-tab-item.tab-title {
|
|
|
62
57
|
// selected
|
|
63
58
|
&[aria-selected='true'] {
|
|
64
59
|
&::after {
|
|
65
|
-
background-color: tokens.get('post-tabs-content-tab-selected-border
|
|
60
|
+
background-color: tokens.get('post-tabs-content-tab-selected-border');
|
|
66
61
|
}
|
|
67
62
|
color: tokens.get('post-tabs-content-tab-selected-fg');
|
|
68
63
|
}
|
|
@@ -70,7 +65,7 @@ post-tab-item.tab-title {
|
|
|
70
65
|
// hovered
|
|
71
66
|
&:hover:not([disabled]) {
|
|
72
67
|
&::after {
|
|
73
|
-
background-color: tokens.get('post-tabs-content-tab-hovered-border
|
|
68
|
+
background-color: tokens.get('post-tabs-content-tab-hovered-border');
|
|
74
69
|
}
|
|
75
70
|
color: tokens.get('post-tabs-content-tab-hovered-fg');
|
|
76
71
|
}
|
|
@@ -121,21 +116,18 @@ post-tab-item.nav-item {
|
|
|
121
116
|
border-inline-start: tokens.get('post-tabs-border-width') solid transparent;
|
|
122
117
|
border-inline-end: tokens.get('post-tabs-border-width') solid transparent;
|
|
123
118
|
background-color: tokens.get('post-tabs-page-tab-enabled-bg');
|
|
124
|
-
border-color: tokens.get('post-tabs-page-tab-enabled-border
|
|
119
|
+
border-color: tokens.get('post-tabs-page-tab-enabled-border');
|
|
125
120
|
color: tokens.get('post-tabs-page-tab-enabled-fg');
|
|
126
121
|
|
|
127
122
|
// Dark background needs the inverted focus ring color
|
|
128
123
|
&:not([aria-current='page']) {
|
|
129
|
-
@include utilities-mx.focus-style-custom
|
|
130
|
-
outline-color: tokens.get('focus-outline-color-inverted', helpers.$post-focus) !important;
|
|
131
|
-
outline-offset: $tabs-outline-offset !important;
|
|
132
|
-
}
|
|
124
|
+
@include utilities-mx.focus-style-custom($outline-offset: $tabs-outline-offset, $outline-color: tokens.get('focus-outline-color-inverted', helpers.$post-focus));
|
|
133
125
|
}
|
|
134
126
|
|
|
135
127
|
// hovered
|
|
136
128
|
&:hover {
|
|
137
129
|
background-color: tokens.get('post-tabs-page-tab-hovered-bg');
|
|
138
|
-
border-color: tokens.get('post-tabs-page-tab-hovered-border
|
|
130
|
+
border-color: tokens.get('post-tabs-page-tab-hovered-border');
|
|
139
131
|
color: tokens.get('post-tabs-page-tab-hovered-fg');
|
|
140
132
|
}
|
|
141
133
|
|
|
@@ -143,18 +135,15 @@ post-tab-item.nav-item {
|
|
|
143
135
|
&[aria-current='page'] {
|
|
144
136
|
background-color: tokens.get('post-tabs-page-tab-selected-bg');
|
|
145
137
|
color: tokens.get('post-tabs-page-tab-selected-fg');
|
|
146
|
-
border-color: tokens.get('post-tabs-page-tab-selected-border
|
|
138
|
+
border-color: tokens.get('post-tabs-page-tab-selected-border');
|
|
147
139
|
|
|
148
|
-
@include utilities-mx.focus-style-custom
|
|
149
|
-
outline-color: tokens.get('post-tabs-page-tab-selected-fg') !important;
|
|
150
|
-
outline-offset: $tabs-outline-offset !important;
|
|
151
|
-
}
|
|
140
|
+
@include utilities-mx.focus-style-custom($outline-offset: $tabs-outline-offset, $outline-color: tokens.get('post-tabs-page-tab-selected-fg'));
|
|
152
141
|
|
|
153
142
|
// selected — hovered
|
|
154
143
|
&:hover {
|
|
155
144
|
color: tokens.get('post-tabs-page-tab-selected-hovered-fg');
|
|
156
145
|
background-color: tokens.get('post-tabs-page-tab-selected-bg');
|
|
157
|
-
border-color: tokens.get('post-tabs-page-tab-selected-hovered-border
|
|
146
|
+
border-color: tokens.get('post-tabs-page-tab-selected-hovered-border');
|
|
158
147
|
}
|
|
159
148
|
}
|
|
160
149
|
|
|
@@ -189,7 +178,7 @@ post-tab-item.nav-item {
|
|
|
189
178
|
// disabled
|
|
190
179
|
&[disabled] a:not([aria-current='page']) {
|
|
191
180
|
background-color: tokens.get('post-tabs-page-tab-disabled-bg');
|
|
192
|
-
border-color: tokens.get('post-tabs-page-tab-disabled-border
|
|
181
|
+
border-color: tokens.get('post-tabs-page-tab-disabled-border');
|
|
193
182
|
color: tokens.get('post-tabs-page-tab-disabled-fg');
|
|
194
183
|
border-style: tokens.get('post-tabs-tab-disabled-border-style');
|
|
195
184
|
pointer-events: none;
|
|
@@ -339,7 +328,7 @@ post-tabs[active-tab] {
|
|
|
339
328
|
&::after {
|
|
340
329
|
background-color: color-mix(
|
|
341
330
|
in srgb,
|
|
342
|
-
tokens.get('post-tabs-content-tab-selected-border
|
|
331
|
+
tokens.get('post-tabs-content-tab-selected-border') calc(var(--active, 0) * 100%),
|
|
343
332
|
transparent
|
|
344
333
|
);
|
|
345
334
|
}
|
|
@@ -409,7 +398,7 @@ post-tabs:not([active-tab]) {
|
|
|
409
398
|
// Content Tabs: first item is active
|
|
410
399
|
post-tab-item.tab-title.ssr:first-of-type {
|
|
411
400
|
&::after {
|
|
412
|
-
background-color: tokens.get('post-tabs-content-tab-selected-border
|
|
401
|
+
background-color: tokens.get('post-tabs-content-tab-selected-border');
|
|
413
402
|
}
|
|
414
403
|
z-index: 1;
|
|
415
404
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
post-tab-item.tab-title,post-tab-item.nav-item a{position:relative;box-sizing:border-box;background-color:rgba(0,0,0,0);cursor:pointer;display:flex;justify-content:center;align-items:center;font-weight:var(--post-device-font-weight-bold)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-tab-item.tab-title post-icon,post-tab-item.nav-item a post-icon{forced-color-adjust:auto;color:inherit}}post-tab-item.tab-title,post-tab-item.nav-item a{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-tab-item.tab-title:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-tab-item.nav-item a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline-offset:calc(var(--post-device-spacing-padding-28) + -1*(var(--post-device-border-width-default))) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-tab-item.tab-title:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-tab-item.nav-item a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-tab-item.tab-title:is(:focus-visible,:focus-within,.pretend-focus),post-tab-item.nav-item a:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline-offset:calc(var(--post-device-spacing-padding-28) + -1*(var(--post-device-border-width-default))) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-tab-item.tab-title:is(:focus-visible,:focus-within,.pretend-focus),post-tab-item.nav-item a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-tab-item.tab-title{transition:background-color 100ms,color 100ms;border-radius:calc(var(--post-device-border-radius-focus) - (var(--post-device-spacing-padding-28) + -1*(var(--post-device-border-width-default))));color:var(--post-scheme-color-interactive-primary-enabled-fg1)}post-tab-item.tab-title::after{content:"";position:absolute;inset-block-end:0;inset-inline:0;height:var(--post-device-border-width-default);background-color:rgba(0,0,0,0);transition:background-color 100ms}post-tab-item.tab-title[aria-selected=true]{color:var(--post-scheme-color-interactive-primary-selected-fg1)}post-tab-item.tab-title[aria-selected=true]::after{background-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}post-tab-item.tab-title:hover:not([disabled]){color:var(--post-scheme-color-interactive-primary-hover-fg1)}post-tab-item.tab-title:hover:not([disabled])::after{background-color:var(--post-scheme-color-interactive-primary-hover-stroke)}post-tab-item.tab-title[disabled]{color:var(--post-scheme-color-interactive-primary-disabled-fg1);pointer-events:none}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-tab-item.tab-title{transition:none}post-tab-item.tab-title::after{background-color:Canvas}post-tab-item.tab-title[disabled]{color:GrayText}post-tab-item.tab-title:hover:not([disabled]),post-tab-item.tab-title[aria-selected=true]{color:Highlight !important}post-tab-item.tab-title:hover:not([disabled])::after,post-tab-item.tab-title[aria-selected=true]::after{background-color:Highlight}}post-tab-item.nav-item a{text-decoration:none;width:100%;height:100%;transition:background-color 100ms,border-color 100ms,color 100ms,padding-block 200ms,height 200ms;border-block-start:var(--post-device-border-width-default) solid rgba(0,0,0,0);border-inline-start:var(--post-device-border-width-default) solid rgba(0,0,0,0);border-inline-end:var(--post-device-border-width-default) solid rgba(0,0,0,0);background-color:var(--post-palette-color-nested-tabs-page-tab-enabled-bg);border-color:var(--post-palette-color-nested-tabs-page-tab-enabled-stroke);color:var(--post-palette-color-nested-tabs-page-tab-enabled-fg)}post-tab-item.nav-item a:not([aria-current=page]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:var(--post-scheme-color-interactive-focus-stroke-inverted) !important;outline-offset:calc(var(--post-device-spacing-padding-28) + -1*(var(--post-device-border-width-default))) !important}@supports not selector(:has(:focus-visible)){post-tab-item.nav-item a:not([aria-current=page]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:var(--post-scheme-color-interactive-focus-stroke-inverted) !important;outline-offset:calc(var(--post-device-spacing-padding-28) + -1*(var(--post-device-border-width-default))) !important}}post-tab-item.nav-item a:hover{background-color:var(--post-palette-color-nested-tabs-page-tab-hovered-bg);border-color:var(--post-palette-color-nested-tabs-page-tab-hovered-stroke);color:var(--post-palette-color-nested-tabs-page-tab-hovered-fg)}post-tab-item.nav-item a[aria-current=page]{background-color:var(--post-palette-color-nested-tabs-page-tab-selected-bg);color:var(--post-scheme-color-interactive-tabs-selected-fg);border-color:var(--post-palette-color-nested-tabs-page-tab-selected-stroke)}post-tab-item.nav-item a[aria-current=page]:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:var(--post-scheme-color-interactive-tabs-selected-fg) !important;outline-offset:calc(var(--post-device-spacing-padding-28) + -1*(var(--post-device-border-width-default))) !important}@supports not selector(:has(:focus-visible)){post-tab-item.nav-item a[aria-current=page]:is(:focus-visible,:focus-within,.pretend-focus){outline-color:var(--post-scheme-color-interactive-tabs-selected-fg) !important;outline-offset:calc(var(--post-device-spacing-padding-28) + -1*(var(--post-device-border-width-default))) !important}}post-tab-item.nav-item a[aria-current=page]:hover{color:var(--post-scheme-color-interactive-tabs-selected-hovered-fg);background-color:var(--post-palette-color-nested-tabs-page-tab-selected-bg);border-color:var(--post-scheme-color-interactive-tabs-selected-hovered-stroke)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-tab-item.nav-item a{color:LinkText;border-color:LinkText;forced-color-adjust:none;transition:padding-block 200ms,height 200ms}post-tab-item.nav-item a:hover{border-color:Highlight;background-color:Canvas;color:CanvasText !important}post-tab-item.nav-item a[aria-current=page]{background-color:Highlight;border-color:Highlight;color:HighlightText !important}post-tab-item.nav-item a[aria-current=page]:hover{border-color:Highlight;color:HighlightText !important}}post-tab-item.nav-item[disabled] a:not([aria-current=page]){background-color:var(--post-palette-color-nested-tabs-page-tab-disabled-bg);border-color:var(--post-scheme-color-interactive-tabs-disabled-stroke);color:var(--post-scheme-color-interactive-tabs-disabled-fg);border-style:var(--post-core-border-style-dash);pointer-events:none;border-block-end:none}post-tab-item.nav-item[disabled] a:not([aria-current=page]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:var(--post-scheme-color-interactive-tabs-selected-fg) !important;outline-offset:calc(var(--post-device-spacing-padding-28) + -1*(var(--post-device-border-width-default))) !important}@supports not selector(:has(:focus-visible)){post-tab-item.nav-item[disabled] a:not([aria-current=page]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:var(--post-scheme-color-interactive-tabs-selected-fg) !important;outline-offset:calc(var(--post-device-spacing-padding-28) + -1*(var(--post-device-border-width-default))) !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-tab-item.nav-item[disabled] a:not([aria-current=page]){color:GrayText;border-color:GrayText}}post-tab-item.tab-title[aria-selected=true],post-tab-item.nav-item a[aria-current=page]{z-index:1}post-tabs:not([size=small]) post-tab-item post-icon{margin-block:var(--post-device-spacing-padding-38)}post-tabs:not([size=small]) post-tab-item.tab-title{padding-inline:var(--post-device-spacing-padding-37);gap:var(--post-device-spacing-gap-15);height:var(--post-device-sizing-interactive-tab-content-large-height);padding-block:var(--post-device-spacing-padding-39)}post-tabs:not([size=small]) post-tab-item.nav-item a{padding-inline:var(--post-device-spacing-padding-37);gap:var(--post-device-spacing-gap-15);border-radius:var(--post-device-border-radius-7) var(--post-device-border-radius-7) 0 0;padding-block:var(--post-device-spacing-padding-block-33);height:var(--post-device-sizing-interactive-tab-page-large-height-1)}post-tabs:not([size=small]) post-tab-item.nav-item a post-icon{width:var(--post-device-sizing-interactive-icon-size5);height:var(--post-device-sizing-interactive-icon-size5)}post-tabs:not([size=small]) post-tab-item.nav-item a[aria-current=page]{padding-block:var(--post-device-spacing-padding-block-31);height:var(--post-device-sizing-interactive-tab-page-large-height-2)}post-tabs:not([size=small]) post-tab-item.nav-item a:hover{height:var(--post-device-sizing-interactive-tab-page-large-height-2);padding-block:var(--post-device-spacing-padding-block-31)}post-tabs:not([size=small]) post-tab-item.nav-item a:focus,post-tabs:not([size=small]) post-tab-item.nav-item a:focus-visible,post-tabs:not([size=small]) post-tab-item.nav-item a:focus-within{padding-block:var(--post-device-spacing-padding-block-31);height:var(--post-device-sizing-interactive-tab-page-large-height-2)}post-tabs:not([size=small]) post-tab-item.nav-item[disabled] a:not([aria-current=page]){padding-block:var(--post-device-spacing-padding-block-33);height:var(--post-device-sizing-interactive-tab-page-large-height-1)}post-tabs[size=small] post-tab-item{font-size:var(--post-device-font-size-7)}post-tabs[size=small] post-tab-item post-icon{margin-block:var(--post-device-spacing-padding-41);width:var(--post-device-sizing-interactive-icon-size4);height:var(--post-device-sizing-interactive-icon-size4)}post-tabs[size=small] post-tab-item.tab-title{padding-inline:var(--post-device-spacing-padding-5);gap:var(--post-device-spacing-gap-inline-8);height:var(--post-device-sizing-interactive-tab-content-small-height);padding-block:var(--post-device-spacing-padding-40)}post-tabs[size=small] post-tab-item.nav-item a{padding-inline:var(--post-device-spacing-padding-5);gap:var(--post-device-spacing-gap-inline-8);height:var(--post-device-sizing-interactive-tab-page-small-height-1);border-radius:var(--post-device-border-radius-2) var(--post-device-border-radius-2) 0 0;padding-block:var(--post-device-spacing-padding-block-34)}post-tabs[size=small] post-tab-item.nav-item a[aria-current=page]{padding-block:var(--post-device-spacing-padding-block-32);height:var(--post-device-sizing-interactive-tab-page-small-height-2)}post-tabs[size=small] post-tab-item.nav-item a:hover{padding-block:var(--post-device-spacing-padding-block-32);height:var(--post-device-sizing-interactive-tab-page-small-height-2)}post-tabs[size=small] post-tab-item.nav-item a:focus,post-tabs[size=small] post-tab-item.nav-item a:focus-visible,post-tabs[size=small] post-tab-item.nav-item a:focus-within{padding-block:var(--post-device-spacing-padding-block-32);height:var(--post-device-sizing-interactive-tab-page-small-height-2)}post-tabs[size=small] post-tab-item.nav-item[disabled] a:not([aria-current=page]){padding-block:var(--post-device-spacing-padding-block-34);height:var(--post-device-sizing-interactive-tab-page-small-height-1)}post-tabs[active-tab] post-tab-item.tab-title.ssr{z-index:calc(var(--active, 0)*1)}post-tabs[active-tab] post-tab-item.tab-title.ssr::after{background-color:color-mix(in srgb, var(--post-scheme-color-interactive-primary-selected-stroke1) calc(var(--active, 0) * 100%), transparent)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-tabs[active-tab] post-tab-item.tab-title.ssr{forced-color-adjust:none;transition:none;color:color-mix(in srgb, Highlight calc(var(--active, 0) * 100%), ButtonText)}post-tabs[active-tab] post-tab-item.tab-title.ssr::after{background-color:color-mix(in srgb, Highlight calc(var(--active, 0) * 100%), Canvas)}}post-tabs[active-tab] post-tab-item.nav-item.ssr a{background-color:color-mix(in srgb, var(--post-palette-color-nested-tabs-page-tab-selected-bg) calc(var(--active, 0) * 100%), var(--post-palette-color-nested-tabs-page-tab-enabled-bg));color:color-mix(in srgb, var(--post-scheme-color-interactive-tabs-selected-fg) calc(var(--active, 0) * 100%), var(--post-palette-color-nested-tabs-page-tab-enabled-fg));padding-block:calc(var(--post-device-spacing-padding-block-31) + var(--active, 0)*(var(--post-device-spacing-padding-block-33) - var(--post-device-spacing-padding-block-31)));z-index:calc(var(--active, 0)*1)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-tabs[active-tab] post-tab-item.nav-item.ssr a[style*="--active: 1"]{background-color:Highlight;border-color:Highlight;color:HighlightText}}post-tabs[active-tab][size=small] post-tab-item.nav-item.ssr a{padding-block:calc(var(--post-device-spacing-padding-block-32) + var(--active, 0)*(var(--post-device-spacing-padding-block-34) - var(--post-device-spacing-padding-block-32)))}post-tabs:not([active-tab]):has(post-tab-item.tab-title.ssr,post-tab-item.nav-item.ssr) post-tab-panel:first-of-type{display:block !important}post-tabs:not([active-tab]) post-tab-item.tab-title.ssr:first-of-type{z-index:1}post-tabs:not([active-tab]) post-tab-item.tab-title.ssr:first-of-type::after{background-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-tabs:not([active-tab]) post-tab-item.tab-title.ssr:first-of-type{color:Highlight}post-tabs:not([active-tab]) post-tab-item.tab-title.ssr:first-of-type::after{background-color:Highlight}}post-tabs:not([active-tab]) post-tab-item.nav-item.ssr:first-of-type a{background-color:var(--post-palette-color-nested-tabs-page-tab-selected-bg);color:var(--post-scheme-color-interactive-tabs-selected-fg);padding-block:var(--post-device-spacing-padding-block-31);z-index:1}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-tabs:not([active-tab]) post-tab-item.nav-item.ssr:first-of-type a{background-color:Highlight;border-color:Highlight;color:HighlightText}}post-tabs:not([active-tab])[size=small] post-tab-item.nav-item.ssr:first-of-type a{padding-block:var(--post-device-spacing-padding-block-32)}
|
|
1
|
+
post-tab-item.tab-title,post-tab-item.nav-item a{position:relative;box-sizing:border-box;background-color:rgba(0,0,0,0);cursor:pointer;display:flex;justify-content:center;align-items:center;font-weight:var(--post-device-font-weight-bold)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-tab-item.tab-title post-icon,post-tab-item.nav-item a post-icon{forced-color-adjust:auto;color:inherit}}post-tab-item.tab-title,post-tab-item.nav-item a{outline-offset:var(--post-device-spacing-padding-44) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-tab-item.tab-title:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-tab-item.nav-item a: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-tab-item.tab-title:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-tab-item.nav-item a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-tab-item.tab-title:is(:focus-visible,:focus-within,.pretend-focus),post-tab-item.nav-item a: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-tab-item.tab-title:is(:focus-visible,:focus-within,.pretend-focus),post-tab-item.nav-item a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-tab-item.tab-title{transition:background-color 100ms,color 100ms;border-radius:calc(var(--post-device-border-radius-focus) - var(--post-device-spacing-padding-44));color:var(--post-scheme-color-interactive-primary-enabled-fg1)}post-tab-item.tab-title::after{content:"";position:absolute;inset-block-end:0;inset-inline:0;height:var(--post-device-border-width-default);background-color:rgba(0,0,0,0);transition:background-color 100ms}post-tab-item.tab-title[aria-selected=true]{color:var(--post-scheme-color-interactive-primary-selected-fg1)}post-tab-item.tab-title[aria-selected=true]::after{background-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}post-tab-item.tab-title:hover:not([disabled]){color:var(--post-scheme-color-interactive-primary-hover-fg1)}post-tab-item.tab-title:hover:not([disabled])::after{background-color:var(--post-scheme-color-interactive-primary-hover-stroke)}post-tab-item.tab-title[disabled]{color:var(--post-scheme-color-interactive-primary-disabled-fg1);pointer-events:none}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-tab-item.tab-title{transition:none}post-tab-item.tab-title::after{background-color:Canvas}post-tab-item.tab-title[disabled]{color:GrayText}post-tab-item.tab-title:hover:not([disabled]),post-tab-item.tab-title[aria-selected=true]{color:Highlight !important}post-tab-item.tab-title:hover:not([disabled])::after,post-tab-item.tab-title[aria-selected=true]::after{background-color:Highlight}}post-tab-item.nav-item a{text-decoration:none;width:100%;height:100%;transition:background-color 100ms,border-color 100ms,color 100ms,padding-block 200ms,height 200ms;border-block-start:var(--post-device-border-width-default) solid rgba(0,0,0,0);border-inline-start:var(--post-device-border-width-default) solid rgba(0,0,0,0);border-inline-end:var(--post-device-border-width-default) solid rgba(0,0,0,0);background-color:var(--post-palette-color-nested-tabs-page-tab-enabled-bg);border-color:var(--post-palette-color-nested-tabs-page-tab-enabled-stroke);color:var(--post-palette-color-nested-tabs-page-tab-enabled-fg)}post-tab-item.nav-item a:not([aria-current=page]){outline-offset:var(--post-device-spacing-padding-44) !important;outline:var(--post-scheme-color-interactive-focus-stroke-inverted) none var(--post-device-border-width-focus) !important}post-tab-item.nav-item a:not([aria-current=page]):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-tab-item.nav-item a:not([aria-current=page]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-tab-item.nav-item a:not([aria-current=page]):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-tab-item.nav-item a:not([aria-current=page]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-tab-item.nav-item a:hover{background-color:var(--post-palette-color-nested-tabs-page-tab-hovered-bg);border-color:var(--post-palette-color-nested-tabs-page-tab-hovered-stroke);color:var(--post-palette-color-nested-tabs-page-tab-hovered-fg)}post-tab-item.nav-item a[aria-current=page]{background-color:var(--post-palette-color-nested-tabs-page-tab-selected-bg);color:var(--post-scheme-color-interactive-tabs-selected-fg);border-color:var(--post-palette-color-nested-tabs-page-tab-selected-stroke)}post-tab-item.nav-item a[aria-current=page]{outline-offset:var(--post-device-spacing-padding-44) !important;outline:var(--post-scheme-color-interactive-tabs-selected-fg) none var(--post-device-border-width-focus) !important}post-tab-item.nav-item a[aria-current=page]: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-tab-item.nav-item a[aria-current=page]:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-tab-item.nav-item a[aria-current=page]: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-tab-item.nav-item a[aria-current=page]:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-tab-item.nav-item a[aria-current=page]:hover{color:var(--post-scheme-color-interactive-tabs-selected-hovered-fg);background-color:var(--post-palette-color-nested-tabs-page-tab-selected-bg);border-color:var(--post-scheme-color-interactive-tabs-selected-hovered-stroke)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-tab-item.nav-item a{color:LinkText;border-color:LinkText;forced-color-adjust:none;transition:padding-block 200ms,height 200ms}post-tab-item.nav-item a:hover{border-color:Highlight;background-color:Canvas;color:CanvasText !important}post-tab-item.nav-item a[aria-current=page]{background-color:Highlight;border-color:Highlight;color:HighlightText !important}post-tab-item.nav-item a[aria-current=page]:hover{border-color:Highlight;color:HighlightText !important}}post-tab-item.nav-item[disabled] a:not([aria-current=page]){background-color:var(--post-palette-color-nested-tabs-page-tab-disabled-bg);border-color:var(--post-scheme-color-interactive-tabs-disabled-stroke);color:var(--post-scheme-color-interactive-tabs-disabled-fg);border-style:var(--post-core-border-style-dash);pointer-events:none;border-block-end:none}post-tab-item.nav-item[disabled] a:not([aria-current=page]){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-tab-item.nav-item[disabled] a:not([aria-current=page]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline-color:var(--post-scheme-color-interactive-tabs-selected-fg) !important;outline-offset:var(--post-device-spacing-padding-44) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-tab-item.nav-item[disabled] a:not([aria-current=page]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-tab-item.nav-item[disabled] a:not([aria-current=page]):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline-color:var(--post-scheme-color-interactive-tabs-selected-fg) !important;outline-offset:var(--post-device-spacing-padding-44) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-tab-item.nav-item[disabled] a:not([aria-current=page]):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-tab-item.nav-item[disabled] a:not([aria-current=page]){color:GrayText;border-color:GrayText}}post-tab-item.tab-title[aria-selected=true],post-tab-item.nav-item a[aria-current=page]{z-index:1}post-tabs:not([size=small]) post-tab-item post-icon{margin-block:var(--post-device-spacing-padding-38)}post-tabs:not([size=small]) post-tab-item.tab-title{padding-inline:var(--post-device-spacing-padding-37);gap:var(--post-device-spacing-gap-15);height:var(--post-device-sizing-interactive-tab-content-large-height);padding-block:var(--post-device-spacing-padding-45)}post-tabs:not([size=small]) post-tab-item.nav-item a{padding-inline:var(--post-device-spacing-padding-37);gap:var(--post-device-spacing-gap-15);border-radius:var(--post-device-border-radius-7) var(--post-device-border-radius-7) 0 0;padding-block:var(--post-device-spacing-padding-block-33);height:var(--post-device-sizing-interactive-tab-page-large-height-1)}post-tabs:not([size=small]) post-tab-item.nav-item a post-icon{width:var(--post-device-sizing-interactive-icon-size5);height:var(--post-device-sizing-interactive-icon-size5)}post-tabs:not([size=small]) post-tab-item.nav-item a[aria-current=page]{padding-block:var(--post-device-spacing-padding-block-31);height:var(--post-device-sizing-interactive-tab-page-large-height-2)}post-tabs:not([size=small]) post-tab-item.nav-item a:hover{height:var(--post-device-sizing-interactive-tab-page-large-height-2);padding-block:var(--post-device-spacing-padding-block-31)}post-tabs:not([size=small]) post-tab-item.nav-item a:focus,post-tabs:not([size=small]) post-tab-item.nav-item a:focus-visible,post-tabs:not([size=small]) post-tab-item.nav-item a:focus-within{padding-block:var(--post-device-spacing-padding-block-31);height:var(--post-device-sizing-interactive-tab-page-large-height-2)}post-tabs:not([size=small]) post-tab-item.nav-item[disabled] a:not([aria-current=page]){padding-block:var(--post-device-spacing-padding-block-33);height:var(--post-device-sizing-interactive-tab-page-large-height-1)}post-tabs[size=small] post-tab-item{font-size:var(--post-device-font-size-7)}post-tabs[size=small] post-tab-item post-icon{margin-block:var(--post-device-spacing-padding-41);width:var(--post-device-sizing-interactive-icon-size4);height:var(--post-device-sizing-interactive-icon-size4)}post-tabs[size=small] post-tab-item.tab-title{padding-inline:var(--post-device-spacing-padding-5);gap:var(--post-device-spacing-gap-inline-8);height:var(--post-device-sizing-interactive-tab-content-small-height);padding-block:var(--post-device-spacing-padding-46)}post-tabs[size=small] post-tab-item.nav-item a{padding-inline:var(--post-device-spacing-padding-5);gap:var(--post-device-spacing-gap-inline-8);height:var(--post-device-sizing-interactive-tab-page-small-height-1);border-radius:var(--post-device-border-radius-2) var(--post-device-border-radius-2) 0 0;padding-block:var(--post-device-spacing-padding-block-34)}post-tabs[size=small] post-tab-item.nav-item a[aria-current=page]{padding-block:var(--post-device-spacing-padding-block-32);height:var(--post-device-sizing-interactive-tab-page-small-height-2)}post-tabs[size=small] post-tab-item.nav-item a:hover{padding-block:var(--post-device-spacing-padding-block-32);height:var(--post-device-sizing-interactive-tab-page-small-height-2)}post-tabs[size=small] post-tab-item.nav-item a:focus,post-tabs[size=small] post-tab-item.nav-item a:focus-visible,post-tabs[size=small] post-tab-item.nav-item a:focus-within{padding-block:var(--post-device-spacing-padding-block-32);height:var(--post-device-sizing-interactive-tab-page-small-height-2)}post-tabs[size=small] post-tab-item.nav-item[disabled] a:not([aria-current=page]){padding-block:var(--post-device-spacing-padding-block-34);height:var(--post-device-sizing-interactive-tab-page-small-height-1)}post-tabs[active-tab] post-tab-item.tab-title.ssr{z-index:calc(var(--active, 0)*1)}post-tabs[active-tab] post-tab-item.tab-title.ssr::after{background-color:color-mix(in srgb, var(--post-scheme-color-interactive-primary-selected-stroke1) calc(var(--active, 0) * 100%), transparent)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-tabs[active-tab] post-tab-item.tab-title.ssr{forced-color-adjust:none;transition:none;color:color-mix(in srgb, Highlight calc(var(--active, 0) * 100%), ButtonText)}post-tabs[active-tab] post-tab-item.tab-title.ssr::after{background-color:color-mix(in srgb, Highlight calc(var(--active, 0) * 100%), Canvas)}}post-tabs[active-tab] post-tab-item.nav-item.ssr a{background-color:color-mix(in srgb, var(--post-palette-color-nested-tabs-page-tab-selected-bg) calc(var(--active, 0) * 100%), var(--post-palette-color-nested-tabs-page-tab-enabled-bg));color:color-mix(in srgb, var(--post-scheme-color-interactive-tabs-selected-fg) calc(var(--active, 0) * 100%), var(--post-palette-color-nested-tabs-page-tab-enabled-fg));padding-block:calc(var(--post-device-spacing-padding-block-31) + var(--active, 0)*(var(--post-device-spacing-padding-block-33) - var(--post-device-spacing-padding-block-31)));z-index:calc(var(--active, 0)*1)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-tabs[active-tab] post-tab-item.nav-item.ssr a[style*="--active: 1"]{background-color:Highlight;border-color:Highlight;color:HighlightText}}post-tabs[active-tab][size=small] post-tab-item.nav-item.ssr a{padding-block:calc(var(--post-device-spacing-padding-block-32) + var(--active, 0)*(var(--post-device-spacing-padding-block-34) - var(--post-device-spacing-padding-block-32)))}post-tabs:not([active-tab]):has(post-tab-item.tab-title.ssr,post-tab-item.nav-item.ssr) post-tab-panel:first-of-type{display:block !important}post-tabs:not([active-tab]) post-tab-item.tab-title.ssr:first-of-type{z-index:1}post-tabs:not([active-tab]) post-tab-item.tab-title.ssr:first-of-type::after{background-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-tabs:not([active-tab]) post-tab-item.tab-title.ssr:first-of-type{color:Highlight}post-tabs:not([active-tab]) post-tab-item.tab-title.ssr:first-of-type::after{background-color:Highlight}}post-tabs:not([active-tab]) post-tab-item.nav-item.ssr:first-of-type a{background-color:var(--post-palette-color-nested-tabs-page-tab-selected-bg);color:var(--post-scheme-color-interactive-tabs-selected-fg);padding-block:var(--post-device-spacing-padding-block-31);z-index:1}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-tabs:not([active-tab]) post-tab-item.nav-item.ssr:first-of-type a{background-color:Highlight;border-color:Highlight;color:HighlightText}}post-tabs:not([active-tab])[size=small] post-tab-item.nav-item.ssr:first-of-type a{padding-block:var(--post-device-spacing-padding-block-32)}
|
package/components/teaser.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.teaser-card{height:100%;position:relative;display:flex;flex-direction:column}.teaser-card img{height:var(--post-device-sizing-content-height-1);min-height:var(--post-device-sizing-content-height-1);width:100%;object-fit:cover;border-top-left-radius:var(--post-device-border-radius-2);border-top-right-radius:var(--post-device-border-radius-2)}.teaser-card h1,.teaser-card h2,.teaser-card h3,.teaser-card h4,.teaser-card h5,.teaser-card h6,.teaser-card p{margin:0;
|
|
1
|
+
.teaser-card{height:100%;position:relative;display:flex;flex-direction:column}.teaser-card img{height:var(--post-device-sizing-content-height-1);min-height:var(--post-device-sizing-content-height-1);width:100%;object-fit:cover;border-top-left-radius:var(--post-device-border-radius-2);border-top-right-radius:var(--post-device-border-radius-2)}.teaser-card h1,.teaser-card h2,.teaser-card h3,.teaser-card h4,.teaser-card h5,.teaser-card h6,.teaser-card p{margin:0;overflow-wrap:anywhere;hyphens:auto;line-break:strict}.teaser-card h1,.teaser-card h2,.teaser-card h3,.teaser-card h4,.teaser-card h5,.teaser-card h6{font-size:var(--post-device-font-size-5)}.teaser-card>div{display:flex;flex-direction:column;align-items:flex-start;padding:var(--post-device-spacing-padding-5);gap:var(--post-device-spacing-gap-7);height:100%;justify-content:space-between}.teaser-card>div>div{display:flex;flex-direction:column;gap:var(--post-core-dimension-6)}.teaser-card.teaser-card-lg img{height:var(--post-device-sizing-content-height-2);min-height:var(--post-device-sizing-content-height-2)}.teaser-card.teaser-card-lg h1,.teaser-card.teaser-card-lg h2,.teaser-card.teaser-card-lg h3,.teaser-card.teaser-card-lg h4,.teaser-card.teaser-card-lg h5,.teaser-card.teaser-card-lg h6{font-size:var(--post-device-font-size-4)}.teaser-card.teaser-card-lg>div{padding:var(--post-device-spacing-padding-20);gap:var(--post-core-dimension-24)}.teaser-card.teaser-card-lg>div>div{gap:var(--post-device-spacing-gap-block-3)}
|
package/components/teaser.scss
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
@use '../tokens/components';
|
|
2
2
|
@use '../functions/tokens';
|
|
3
|
+
@use '../mixins/utilities';
|
|
3
4
|
|
|
4
5
|
tokens.$default-map: components.$post-teaser;
|
|
5
6
|
|
|
@@ -26,7 +27,7 @@ tokens.$default-map: components.$post-teaser;
|
|
|
26
27
|
h6,
|
|
27
28
|
p {
|
|
28
29
|
margin: 0;
|
|
29
|
-
word-break
|
|
30
|
+
@include utilities.word-break;
|
|
30
31
|
}
|
|
31
32
|
|
|
32
33
|
h1,
|
package/components/toast.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.toast-container .toast button.toast-close-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;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.toast-container .toast button.toast-close-button:not(:disabled):hover{text-decoration:none}.toast-container .toast button.toast-close-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.toast-container .toast button.toast-close-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}.toast-container .toast button.toast-close-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){.toast-container .toast button.toast-close-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.toast-container .toast button.toast-close-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){.toast-container .toast button.toast-close-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){.toast-container .toast button.toast-close-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.toast-container .toast button.toast-close-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.toast-container .toast button.toast-close-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.toast-container .toast button.toast-close-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.toast{min-height:calc(var(--post-device-sizing-notification-icon-3) + 2*var(--post-device-spacing-padding-3));box-sizing:border-box;box-shadow:var(--post-device-elevation-300);border-radius:var(--post-device-border-radius-2);padding:var(--post-device-spacing-padding-3) var(--post-device-spacing-padding-11);padding-inline-start:calc(var(--post-device-spacing-padding-11) + var(--post-device-sizing-notification-icon-3) + var(--post-device-spacing-gap-inline-2));font-weight:var(--post-core-font-weight-400);border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);position:relative;color:var(--post-current-fg);background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke);color-scheme:var(--post-core-bg-scheme-light)}.toast::before{background-image:var(--post-signal-icon-info);background-size:contain;background-repeat:no-repeat;background-position:center}.toast::before{content:"";display:block;position:absolute;height:var(--post-device-sizing-notification-icon-3);width:var(--post-device-sizing-notification-icon-3);left:var(--post-device-spacing-padding-11);top:var(--post-device-spacing-padding-3)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.toast{filter:none !important;border:2px solid CanvasText}}.toast{display:flex;flex-direction:column;justify-content:center;gap:var(--post-core-dimension-4)}.toast a{font-weight:var(--post-core-font-weight-400)}.toast hr{margin-block:var(--post-core-dimension-4) var(--post-core-dimension-12) !important}.toast>*{margin:0}.toast .toast-title{font-weight:var(--post-core-font-weight-700)}.toast-dismissible{pointer-events:auto;position:relative}.toast-dismissible:not(.alert-action){padding-inline-end:calc(var(--post-device-spacing-padding-11) + var(--post-device-spacing-gap-inline-2) + var(--post-core-dimension-24))}.toast-info{background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke);--post-current-fg: var(--post-scheme-color-interactive-notification-info-fg)}.toast-info::before{background-image:var(--post-signal-icon-info)}.toast-success{background-color:var(--post-scheme-color-interactive-notification-success-bg);border-color:var(--post-scheme-color-interactive-notification-success-stroke);--post-current-fg: var(--post-scheme-color-interactive-notification-success-fg)}.toast-success::before{background-image:var(--post-signal-icon-success)}.toast-warning{background-color:var(--post-scheme-color-interactive-notification-warning-bg);border-color:var(--post-scheme-color-interactive-notification-warning-stroke);--post-current-fg: var(--post-scheme-color-interactive-notification-warning-fg)}.toast-warning::before{background-image:var(--post-signal-icon-warning)}.toast-error{background-color:var(--post-scheme-color-interactive-notification-error-bg);border-color:var(--post-scheme-color-interactive-notification-error-stroke);--post-current-fg: var(--post-scheme-color-interactive-notification-error-fg)}.toast-error::before{background-image:var(--post-signal-icon-error)}.toast-container{position:fixed;z-index:1080;display:flex;flex-direction:column;gap:1.5rem}.toast-container .toast{width:25rem;background-image:unset}.toast-container .toast button.toast-close-button{position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%, -50%);background-color:var(--post-scheme-color-interactive-primary-enabled-bg1);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom;padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.toast-container .toast button.toast-close-button.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.toast-container .toast button.toast-close-button>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.toast-container .toast button.toast-close-button.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.toast-container .toast button.toast-close-button>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.toast-container .toast button.toast-close-button:hover,.toast-container .toast button.toast-close-button:focus{opacity:1}.toast-container .toast button.toast-close-button:not(:disabled):hover,.toast-container .toast button.toast-close-button.pretend-hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg);border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.toast-container .toast button.toast-close-button span{display:none}.toast-container .toast button.toast-close-button::before{content:"";display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5);mask-image:var(--post-icon-closex);background-color:currentColor}:root,:host{--post-icon-closex: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2xvc2V4Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzLjY2IDIuMzVjLjI5LjI5LjI5Ljc3IDAgMS4wNkw5LjA3IDhsNC41OSA0LjU5Yy4yOS4yOS4yOS43NyAwIDEuMDZzLS43Ny4yOS0xLjA2IDBMOC4wMSA5LjA2bC00LjU5IDQuNTljLS4yOS4yOS0uNzcuMjktMS4wNiAwcy0uMjktLjc3IDAtMS4wNkw2Ljk1IDhsLTQuNi00LjU5Yy0uMjktLjI5LS4yOS0uNzcgMC0xLjA2cy43Ny0uMjkgMS4wNiAwTDggNi45NGw0LjU5LTQuNTljLjI5LS4yOS43Ny0uMjkgMS4wNiAwWiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjAuNDcgMy41MmMuMzQuMzQuMzQuOSAwIDEuMjRsLTcuMjUgNy4yNSA3LjI1IDcuMjVjLjM0LjM0LjM0LjkgMCAxLjI0cy0uOS4zNC0xLjI0IDBsLTcuMjUtNy4yNS03LjI1IDcuMjVjLS4zNC4zNC0uOS4zNC0xLjI0IDBzLS4zNC0uOSAwLTEuMjRsNy4yNS03LjI1LTcuMjMtNy4yNmMtLjM0LS4zNC0uMzQtLjkgMC0xLjI0cy45LS4zNCAxLjI0IDBMMTIgMTAuNzZsNy4yNS03LjI1Yy4zNC0uMzQuOS0uMzQgMS4yNCAwWiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMjcuMjggNC42OGMuMzkuMzkuMzkgMS4wMiAwIDEuNDFsLTkuOSA5LjkgOS45IDkuOWEuOTk2Ljk5NiAwIDEgMS0xLjQxIDEuNDFsLTkuOS05LjktOS45IDkuOWEuOTk2Ljk5NiAwIDEgMS0xLjQxLTEuNDFsOS45LTkuOS05LjktOS44OWEuOTk2Ljk5NiAwIDEgMSAxLjQxLTEuNDFsOS45IDkuOSA5LjktOS45YS45OTYuOTk2IDAgMCAxIDEuNDEgMFoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZD0iTTM0LjE0IDUuODZjLjQ0LjQ0LjQ0IDEuMTUgMCAxLjU5TDIxLjU5IDIwbDEyLjU1IDEyLjU1Yy40NC40NC40NCAxLjE1IDAgMS41OXMtMS4xNS40NC0xLjU5IDBMMjAgMjEuNTkgNy40NSAzNC4xNGMtLjQ0LjQ0LTEuMTUuNDQtMS41OSAwcy0uNDQtMS4xNSAwLTEuNTlMMTguNDEgMjAgNS44NiA3LjQ1Yy0uNDQtLjQ0LS40NC0xLjE1IDAtMS41OXMxLjE1LS40NCAxLjU5IDBMMjAgMTguNDEgMzIuNTUgNS44NmMuNDQtLjQ0IDEuMTUtLjQ0IDEuNTkgMCIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNNDAuODkgNy4xYy40OS40OS40OSAxLjI4IDAgMS43N0wyNS43NiAyNGwxNS4xMyAxNS4xM2MuNDkuNDkuNDkgMS4yOCAwIDEuNzdzLTEuMjguNDktMS43NyAwTDIzLjk5IDI1Ljc3IDguODYgNDAuOWMtLjQ5LjQ5LTEuMjguNDktMS43NyAwcy0uNDktMS4yOCAwLTEuNzdMMjIuMjIgMjQgNy4wOSA4Ljg2Yy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTUuMTMgMTUuMTNMMzkuMTIgNy4wOWExLjI1IDEuMjUgMCAwIDEgMS43NyAwWiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNNTQuNjMgOS4zN2MuOTguOTguOTggMi41NiAwIDMuNTRMMzUuNTQgMzJsMTkuMDkgMTkuMDljLjk4Ljk4Ljk4IDIuNTYgMCAzLjU0cy0yLjU2Ljk4LTMuNTQgMEwzMiAzNS41NCAxMi45MSA1NC42M2MtLjk4Ljk4LTIuNTYuOTgtMy41NCAwcy0uOTgtMi41NiAwLTMuNTRMMjguNDYgMzIgOS4zNyAxMi45MWMtLjk4LS45OC0uOTgtMi41NiAwLTMuNTRzMi41Ni0uOTggMy41NCAwTDMyIDI4LjQ2IDUxLjA5IDkuMzdjLjk4LS45OCAyLjU2LS45OCAzLjU0IDAiLz48L3N5bWJvbD48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMTYsIG5vbmUpIiBocmVmPSIjczE2Ii8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczI0LCBub25lKSIgaHJlZj0iI3MyNCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMzMiwgbm9uZSkiIGhyZWY9IiNzMzIiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNDAsIG5vbmUpIiBocmVmPSIjczQwIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQ4LCBub25lKSIgaHJlZj0iI3M0OCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM2NCwgbm9uZSkiIGhyZWY9IiNzNjQiLz48L3N5bWJvbD48L2RlZnM+PHN0eWxlPkBtZWRpYSAobWF4LXdpZHRoOiAyMy45OHB4KSB7Z3stLXMxNjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiAyNHB4KSBhbmQgKG1heC13aWR0aDogMzEuOThweCkge2d7LS1zMjQ6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMzJweCkgYW5kIChtYXgtd2lkdGg6IDM5Ljk4cHgpIHtney0tczMyOmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDQwcHgpIGFuZCAobWF4LXdpZHRoOiA0Ny45OHB4KSB7Z3stLXM0MDpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0OHB4KSBhbmQgKG1heC13aWR0aDogNjMuOThweCkge2d7LS1zNDg6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNjRweCkge2d7LS1zNjQ6YmxvY2s7fX08L3N0eWxlPjxnPjx1c2UgaHJlZj0iI2ktY2xvc2V4Ii8+PC9nPjwvc3ZnPg==")}@media screen and (max-width: 779.98px){.toast-container .toast{max-width:25rem}}@media screen and (max-width: 779.98px){.toast-container{right:1.5rem;left:1.5rem}.toast-container .toast{width:100%}}.toast-top-center,.toast-top-full-width,.toast-top-left,.toast-top-right{top:1.5rem}.toast-bottom-center,.toast-bottom-full-width,.toast-bottom-right,.toast-bottom-left{bottom:1.5rem}.toast-top-left,.toast-bottom-left,.toast-top-full-width,.toast-bottom-full-width,.toast-center-left{left:1.5rem}.toast-top-right,.toast-bottom-right,.toast-top-full-width,.toast-bottom-full-width,.toast-center-right{right:1.5rem}.toast-top-center,.toast-bottom-center{left:50%;transform:translateX(-50%)}.toast-center-left,.toast-center-right{top:50%;transform:translateY(-50%)}.toast-center-center{top:50%;left:50%;transform:translate(-50%, -50%)}.toast-top-full-width .toast,.toast-bottom-full-width .toast{width:100% !important}
|
|
1
|
+
.toast-container .toast button.toast-close-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;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.toast-container .toast button.toast-close-button:not(:disabled):hover{text-decoration:none}.toast-container .toast button.toast-close-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.toast-container .toast button.toast-close-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}.toast-container .toast button.toast-close-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){.toast-container .toast button.toast-close-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.toast-container .toast button.toast-close-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){.toast-container .toast button.toast-close-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){.toast-container .toast button.toast-close-button{border-width:1px !important;transition:none}.toast-container .toast button.toast-close-button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}.toast-container .toast button.toast-close-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.toast{min-height:calc(var(--post-device-sizing-notification-icon-3) + 2*var(--post-device-spacing-padding-3));box-sizing:border-box;box-shadow:var(--post-device-elevation-300);border-radius:var(--post-device-border-radius-2);padding:var(--post-device-spacing-padding-3) var(--post-device-spacing-padding-11);padding-inline-start:calc(var(--post-device-spacing-padding-11) + var(--post-device-sizing-notification-icon-3) + var(--post-device-spacing-gap-inline-2));font-weight:var(--post-core-font-weight-400);border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);position:relative;color:var(--post-current-fg);background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke);color-scheme:var(--post-core-bg-scheme-light)}.toast::before{background-image:var(--post-signal-icon-info);background-size:contain;background-repeat:no-repeat;background-position:center}.toast::before{content:"";display:block;position:absolute;height:var(--post-device-sizing-notification-icon-3);width:var(--post-device-sizing-notification-icon-3);left:var(--post-device-spacing-padding-11);top:var(--post-device-spacing-padding-3)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.toast{filter:none !important;border:2px solid CanvasText}}.toast{display:flex;flex-direction:column;justify-content:center;gap:var(--post-core-dimension-4)}.toast a{font-weight:var(--post-core-font-weight-400)}.toast hr{margin-block:var(--post-core-dimension-4) var(--post-core-dimension-12) !important}.toast>*{margin:0}.toast .toast-title{font-weight:var(--post-core-font-weight-700)}.toast-dismissible{pointer-events:auto;position:relative}.toast-dismissible:not(.alert-action){padding-inline-end:calc(var(--post-device-spacing-padding-11) + var(--post-device-spacing-gap-inline-2) + var(--post-core-dimension-24))}.toast-info{background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke);--post-current-fg: var(--post-scheme-color-interactive-notification-info-fg)}.toast-info::before{background-image:var(--post-signal-icon-info)}.toast-success{background-color:var(--post-scheme-color-interactive-notification-success-bg);border-color:var(--post-scheme-color-interactive-notification-success-stroke);--post-current-fg: var(--post-scheme-color-interactive-notification-success-fg)}.toast-success::before{background-image:var(--post-signal-icon-success)}.toast-warning{background-color:var(--post-scheme-color-interactive-notification-warning-bg);border-color:var(--post-scheme-color-interactive-notification-warning-stroke);--post-current-fg: var(--post-scheme-color-interactive-notification-warning-fg)}.toast-warning::before{background-image:var(--post-signal-icon-warning)}.toast-error{background-color:var(--post-scheme-color-interactive-notification-error-bg);border-color:var(--post-scheme-color-interactive-notification-error-stroke);--post-current-fg: var(--post-scheme-color-interactive-notification-error-fg)}.toast-error::before{background-image:var(--post-signal-icon-error)}.toast-container{position:fixed;z-index:1080;display:flex;flex-direction:column;gap:1.5rem}.toast-container .toast{width:25rem;background-image:unset}.toast-container .toast button.toast-close-button{position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%, -50%);background-color:var(--post-scheme-color-interactive-primary-enabled-bg1);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom;padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.toast-container .toast button.toast-close-button.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.toast-container .toast button.toast-close-button>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.toast-container .toast button.toast-close-button.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.toast-container .toast button.toast-close-button>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.toast-container .toast button.toast-close-button:hover,.toast-container .toast button.toast-close-button:focus{opacity:1}.toast-container .toast button.toast-close-button:not(:disabled):hover,.toast-container .toast button.toast-close-button.pretend-hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg);border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.toast-container .toast button.toast-close-button span{display:none}.toast-container .toast button.toast-close-button::before{content:"";display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5);mask-image:var(--post-icon-closex);background-color:currentColor}:root,:host{--post-icon-closex: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2xvc2V4Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzLjY2IDIuMzVjLjI5LjI5LjI5Ljc3IDAgMS4wNkw5LjA3IDhsNC41OSA0LjU5Yy4yOS4yOS4yOS43NyAwIDEuMDZzLS43Ny4yOS0xLjA2IDBMOC4wMSA5LjA2bC00LjU5IDQuNTljLS4yOS4yOS0uNzcuMjktMS4wNiAwcy0uMjktLjc3IDAtMS4wNkw2Ljk1IDhsLTQuNi00LjU5Yy0uMjktLjI5LS4yOS0uNzcgMC0xLjA2cy43Ny0uMjkgMS4wNiAwTDggNi45NGw0LjU5LTQuNTljLjI5LS4yOS43Ny0uMjkgMS4wNiAwWiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjAuNDcgMy41MmMuMzQuMzQuMzQuOSAwIDEuMjRsLTcuMjUgNy4yNSA3LjI1IDcuMjVjLjM0LjM0LjM0LjkgMCAxLjI0cy0uOS4zNC0xLjI0IDBsLTcuMjUtNy4yNS03LjI1IDcuMjVjLS4zNC4zNC0uOS4zNC0xLjI0IDBzLS4zNC0uOSAwLTEuMjRsNy4yNS03LjI1LTcuMjMtNy4yNmMtLjM0LS4zNC0uMzQtLjkgMC0xLjI0cy45LS4zNCAxLjI0IDBMMTIgMTAuNzZsNy4yNS03LjI1Yy4zNC0uMzQuOS0uMzQgMS4yNCAwWiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMjcuMjggNC42OGMuMzkuMzkuMzkgMS4wMiAwIDEuNDFsLTkuOSA5LjkgOS45IDkuOWEuOTk2Ljk5NiAwIDEgMS0xLjQxIDEuNDFsLTkuOS05LjktOS45IDkuOWEuOTk2Ljk5NiAwIDEgMS0xLjQxLTEuNDFsOS45LTkuOS05LjktOS44OWEuOTk2Ljk5NiAwIDEgMSAxLjQxLTEuNDFsOS45IDkuOSA5LjktOS45YS45OTYuOTk2IDAgMCAxIDEuNDEgMFoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZD0iTTM0LjE0IDUuODZjLjQ0LjQ0LjQ0IDEuMTUgMCAxLjU5TDIxLjU5IDIwbDEyLjU1IDEyLjU1Yy40NC40NC40NCAxLjE1IDAgMS41OXMtMS4xNS40NC0xLjU5IDBMMjAgMjEuNTkgNy40NSAzNC4xNGMtLjQ0LjQ0LTEuMTUuNDQtMS41OSAwcy0uNDQtMS4xNSAwLTEuNTlMMTguNDEgMjAgNS44NiA3LjQ1Yy0uNDQtLjQ0LS40NC0xLjE1IDAtMS41OXMxLjE1LS40NCAxLjU5IDBMMjAgMTguNDEgMzIuNTUgNS44NmMuNDQtLjQ0IDEuMTUtLjQ0IDEuNTkgMCIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNNDAuODkgNy4xYy40OS40OS40OSAxLjI4IDAgMS43N0wyNS43NiAyNGwxNS4xMyAxNS4xM2MuNDkuNDkuNDkgMS4yOCAwIDEuNzdzLTEuMjguNDktMS43NyAwTDIzLjk5IDI1Ljc3IDguODYgNDAuOWMtLjQ5LjQ5LTEuMjguNDktMS43NyAwcy0uNDktMS4yOCAwLTEuNzdMMjIuMjIgMjQgNy4wOSA4Ljg2Yy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTUuMTMgMTUuMTNMMzkuMTIgNy4wOWExLjI1IDEuMjUgMCAwIDEgMS43NyAwWiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNNTQuNjMgOS4zN2MuOTguOTguOTggMi41NiAwIDMuNTRMMzUuNTQgMzJsMTkuMDkgMTkuMDljLjk4Ljk4Ljk4IDIuNTYgMCAzLjU0cy0yLjU2Ljk4LTMuNTQgMEwzMiAzNS41NCAxMi45MSA1NC42M2MtLjk4Ljk4LTIuNTYuOTgtMy41NCAwcy0uOTgtMi41NiAwLTMuNTRMMjguNDYgMzIgOS4zNyAxMi45MWMtLjk4LS45OC0uOTgtMi41NiAwLTMuNTRzMi41Ni0uOTggMy41NCAwTDMyIDI4LjQ2IDUxLjA5IDkuMzdjLjk4LS45OCAyLjU2LS45OCAzLjU0IDAiLz48L3N5bWJvbD48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMTYsIG5vbmUpIiBocmVmPSIjczE2Ii8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczI0LCBub25lKSIgaHJlZj0iI3MyNCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMzMiwgbm9uZSkiIGhyZWY9IiNzMzIiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNDAsIG5vbmUpIiBocmVmPSIjczQwIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQ4LCBub25lKSIgaHJlZj0iI3M0OCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM2NCwgbm9uZSkiIGhyZWY9IiNzNjQiLz48L3N5bWJvbD48L2RlZnM+PHN0eWxlPkBtZWRpYSAobWF4LXdpZHRoOiAyMy45OHB4KSB7Z3stLXMxNjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiAyNHB4KSBhbmQgKG1heC13aWR0aDogMzEuOThweCkge2d7LS1zMjQ6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMzJweCkgYW5kIChtYXgtd2lkdGg6IDM5Ljk4cHgpIHtney0tczMyOmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDQwcHgpIGFuZCAobWF4LXdpZHRoOiA0Ny45OHB4KSB7Z3stLXM0MDpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0OHB4KSBhbmQgKG1heC13aWR0aDogNjMuOThweCkge2d7LS1zNDg6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNjRweCkge2d7LS1zNjQ6YmxvY2s7fX08L3N0eWxlPjxnPjx1c2UgaHJlZj0iI2ktY2xvc2V4Ii8+PC9nPjwvc3ZnPg==")}@media screen and (max-width: 779.98px){.toast-container .toast{max-width:25rem}}@media screen and (max-width: 779.98px){.toast-container{right:1.5rem;left:1.5rem}.toast-container .toast{width:100%}}.toast-top-center,.toast-top-full-width,.toast-top-left,.toast-top-right{top:1.5rem}.toast-bottom-center,.toast-bottom-full-width,.toast-bottom-right,.toast-bottom-left{bottom:1.5rem}.toast-top-left,.toast-bottom-left,.toast-top-full-width,.toast-bottom-full-width,.toast-center-left{left:1.5rem}.toast-top-right,.toast-bottom-right,.toast-top-full-width,.toast-bottom-full-width,.toast-center-right{right:1.5rem}.toast-top-center,.toast-bottom-center{left:50%;transform:translateX(-50%)}.toast-center-left,.toast-center-right{top:50%;transform:translateY(-50%)}.toast-center-center{top:50%;left:50%;transform:translate(-50%, -50%)}.toast-top-full-width .toast,.toast-bottom-full-width .toast{width:100% !important}
|