@swisspost/design-system-styles 10.7.0 → 10.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/README.md +28 -23
  2. package/_svg-icon-map.scss +8 -4
  3. package/basics.css +1 -1
  4. package/cargo-compact.css +1 -1
  5. package/cargo-condensed.css +1 -0
  6. package/cargo-condensed.scss +12 -0
  7. package/cargo-default.css +1 -1
  8. package/cargo-tokens-compact.css +1 -1
  9. package/cargo-tokens-condensed.css +1 -0
  10. package/cargo-tokens-condensed.scss +8 -0
  11. package/cargo-tokens-default.css +1 -1
  12. package/components/avatar.css +1 -1
  13. package/components/blockquote.css +1 -1
  14. package/components/blockquote.scss +4 -1
  15. package/components/button-group.css +1 -1
  16. package/components/button.css +1 -1
  17. package/components/button.scss +5 -0
  18. package/components/card.css +1 -1
  19. package/components/checkbox.css +1 -1
  20. package/components/chip.css +1 -1
  21. package/components/dialog.css +1 -1
  22. package/components/form-input.css +1 -1
  23. package/components/form-input.scss +3 -1
  24. package/components/form-search-input.css +1 -1
  25. package/components/form-select.css +1 -1
  26. package/components/form-select.scss +3 -2
  27. package/components/form-textarea.css +1 -1
  28. package/components/form-textarea.scss +3 -1
  29. package/components/header/index.css +1 -1
  30. package/components/inline-notification.css +1 -1
  31. package/components/inline-notification.scss +32 -15
  32. package/components/list-check.css +1 -1
  33. package/components/list-check.scss +18 -53
  34. package/components/list-interactive.css +1 -1
  35. package/components/palette.css +1 -1
  36. package/components/radio-button.css +1 -1
  37. package/components/segmented-button.css +1 -1
  38. package/components/selection-card.css +1 -1
  39. package/components/selection-card.scss +2 -1
  40. package/components/skiplinks.css +1 -1
  41. package/components/switch.css +1 -1
  42. package/components/tabs/index.css +1 -1
  43. package/components/tag.css +1 -1
  44. package/components/tag.scss +2 -1
  45. package/components/toast.css +1 -1
  46. package/elements/anchor.css +1 -1
  47. package/functions/_icons.scss +4 -3
  48. package/helpers/focus-ring.css +1 -1
  49. package/mixins/_button.scss +12 -1
  50. package/mixins/_color-scheme.scss +48 -17
  51. package/mixins/_notification.scss +2 -1
  52. package/mixins/_utilities.scss +22 -29
  53. package/package.json +5 -5
  54. package/placeholders/_button.scss +1 -0
  55. package/post-compact.css +1 -1
  56. package/post-condensed.css +1 -0
  57. package/post-condensed.scss +12 -0
  58. package/post-default.css +1 -1
  59. package/post-tokens-compact.css +1 -1
  60. package/post-tokens-condensed.css +1 -0
  61. package/post-tokens-condensed.scss +8 -0
  62. package/post-tokens-default.css +1 -1
  63. package/tokens/_appearance-condensed.scss +11 -0
  64. package/tokens/_device-condensed.scss +10 -0
  65. package/tokens/_schemes.scss +2 -8
  66. package/utilities/_env-variables.scss +1 -1
package/components/form-select.css CHANGED
@@ -1 +1 @@
1
- .form-select{display:block;width:100%;font-family:inherit;appearance:none;position:relative;min-height:var(--post-device-sizing-interactive-button-height-6);padding-block:var(--post-device-spacing-padding-block-1);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-core-dimension-48);background-color:var(--post-scheme-color-interactive-input-enabled-bg);background-repeat:no-repeat;background-size:var(--post-device-sizing-notification-1);background-position:center right var(--post-device-position-2);border-width:var(--post-device-border-width-default);border-color:var(--post-scheme-color-interactive-input-enabled-border);border-radius:var(--post-device-border-radius-1);color:var(--post-scheme-color-interactive-input-enabled-fg);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}.form-select.form-select-sm{min-height:var(--post-device-sizing-interactive-button-height-8);padding-block:var(--post-device-spacing-padding-29);background-size:var(--post-device-sizing-notification-5);font-size:var(--post-device-font-size-7)}.form-select:disabled{opacity:1;color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash)}.form-select:disabled:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23696864' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}.form-select:not(:disabled):focus{background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);border-color:var(--post-scheme-color-interactive-input-enabled-border)}.form-select:not(:disabled):focus:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}.form-select:not(:disabled):focus{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-select:not(:disabled):focus: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-select:not(:disabled):focus:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.form-select:not(:disabled):focus: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-select:not(:disabled):focus: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){.form-select:not(:disabled):focus{border-color:FieldText}}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23ffffff' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}}.form-select:not(:disabled):hover{background-color:var(--post-scheme-color-interactive-input-hover-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);border-color:var(--post-scheme-color-interactive-input-hover-border)}.form-select:not(:disabled):hover:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select:not(:disabled):hover:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):hover:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23ffffff' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):hover{border-color:Highlight}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-select{background-color:Field;border-color:FieldText;color:FieldText}.form-select:focus-visible{color:FieldText}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23ffffff' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}}.form-select.is-valid:not(:disabled),.form-select.is-invalid:not(:disabled){padding-inline-end:var(--post-core-dimension-82);background-position:center right var(--post-device-position-2),center right var(--post-device-position-3)}.form-select.is-valid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}.form-select.is-valid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}.form-select.is-valid:not(:disabled):hover:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select.is-valid:not(:disabled),.form-select.is-valid:not(:disabled):hover:not([multiple]),.form-select.is-valid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select.is-valid:not(:disabled),.form-select.is-valid:not(:disabled):hover:not([multiple]),.form-select.is-valid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}}.form-select.is-invalid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}.form-select.is-invalid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}.form-select.is-invalid:not(:disabled):hover:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select.is-invalid:not(:disabled),.form-select.is-invalid:not(:disabled):hover:not([multiple]),.form-select.is-invalid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select.is-invalid:not(:disabled),.form-select.is-invalid:not(:disabled):hover:not([multiple]),.form-select.is-invalid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}}.form-select[multiple],.form-select[size]:not([size="1"]){background-image:none}.form-select[multiple].is-valid,.form-select[multiple].is-invalid,.form-select[size]:not([size="1"]).is-valid,.form-select[size]:not([size="1"]).is-invalid{background-position:center right var(--post-device-position-3)}.form-select[multiple].is-valid:not(:disabled),.form-select[size]:not([size="1"]).is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select[multiple].is-valid:not(:disabled),.form-select[size]:not([size="1"]).is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select[multiple].is-valid:not(:disabled),.form-select[size]:not([size="1"]).is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}.form-select[multiple].is-invalid:not(:disabled),.form-select[size]:not([size="1"]).is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select[multiple].is-invalid:not(:disabled),.form-select[size]:not([size="1"]).is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select[multiple].is-invalid:not(:disabled),.form-select[size]:not([size="1"]).is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}.form-label:has(+select.form-select[disabled]){color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-label:has(+select.form-select-sm){display:block;padding-inline:var(--post-device-spacing-padding-2);padding-block:var(--post-device-spacing-padding-30);font-weight:var(--post-device-font-weight-bold);font-size:var(--post-device-font-size-7)}.form-floating{position:relative}.form-floating>.form-select{padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}.form-floating>.form-select~label{position:absolute;z-index:1;text-align:start;pointer-events:none;display:block;left:var(--post-device-border-width-default);top:var(--post-device-border-width-default);font-size:var(--post-device-font-size-10);padding-inline-start:calc(var(--post-device-spacing-padding-5) - var(--post-device-border-width-default));padding-inline-end:0;padding-block-start:var(--post-device-spacing-padding-block-30);border-radius:var(--post-device-border-radius-1);color:var(--post-scheme-color-interactive-input-enabled-fg);max-width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-core-dimension-50));background-color:var(--post-scheme-color-interactive-input-enabled-bg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .25s ease-in-out,padding-block-start .25s ease-in-out}.form-floating>.form-select:not(:disabled):hover~label{color:var(--post-scheme-color-interactive-input-hover-fg);background-color:var(--post-scheme-color-interactive-input-hover-bg)}.form-floating>.form-select:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg)}.form-floating>.form-select:has(option[value=""]:checked:empty):not([multiple])~label,.form-floating>.form-select:has(option:not([value]):checked:empty):not([multiple])~label,.form-floating>.form-select.form-select-empty~label{padding-block-start:var(--post-device-spacing-padding-block-28);font-size:unset}.form-floating>.form-select[multiple]{padding-block-start:calc(var(--post-device-border-width-default) + var(--post-device-spacing-padding-block-29));padding-block-end:0;height:auto}.form-floating>.form-select[multiple] option{color:var(--post-scheme-color-interactive-input-enabled-fg)}.form-floating>.form-select[multiple]~label{width:calc(100% - var(--post-core-dimension-48)*2)}.form-floating>.form-select[multiple]:disabled option{color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-floating>.form-select[multiple]:empty~label{padding-block:var(--post-device-spacing-padding-block-1);width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-device-spacing-padding-5))}[data-color-scheme=dark] .form-select:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}[data-color-scheme=dark] .form-select:not([multiple]):disabled{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.6' fill='%23fcfcfc' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}[data-color-scheme=dark] .form-select:not([multiple]):not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}[data-color-scheme=dark] .form-select:not([multiple]):not(:disabled):hover{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}[data-color-scheme=dark] .form-select:not([multiple]).is-valid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}[data-color-scheme=dark] .form-select:not([multiple]).is-valid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}[data-color-scheme=dark] .form-select:not([multiple]).is-valid:not(:disabled):hover{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}[data-color-scheme=dark] .form-select:not([multiple]).is-invalid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}[data-color-scheme=dark] .form-select:not([multiple]).is-invalid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}[data-color-scheme=dark] .form-select:not([multiple]).is-invalid:not(:disabled):hover{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}.no-toggle-arrow::after{display:none !important}
1
+ .form-select{display:block;width:100%;font-family:inherit;appearance:none;position:relative;min-height:var(--post-device-sizing-interactive-button-height-6);padding-block:var(--post-device-spacing-padding-block-1);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-core-dimension-48);background-color:var(--post-scheme-color-interactive-input-enabled-bg);background-repeat:no-repeat;background-size:var(--post-device-sizing-notification-1);background-position:center right var(--post-device-position-2);border-width:var(--post-device-border-width-default);border-color:var(--post-scheme-color-interactive-input-enabled-border);border-radius:var(--post-device-border-radius-1);color:var(--post-scheme-color-interactive-input-enabled-fg);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E");font-size:var(--post-device-font-size-12)}.form-select.form-select-sm{min-height:var(--post-device-sizing-interactive-button-height-8);padding-block:var(--post-device-spacing-padding-26);background-size:var(--post-device-sizing-notification-5);font-size:var(--post-device-font-size-8)}.form-select:disabled{opacity:1;color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash)}.form-select:disabled:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23696864' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}.form-select:not(:disabled):focus{background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);border-color:var(--post-scheme-color-interactive-input-enabled-border)}.form-select:not(:disabled):focus:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}.form-select:not(:disabled):focus{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-select:not(:disabled):focus:focus-visible{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):focus:focus-visible{outline-color:Highlight !important}}.form-select:not(:disabled):focus.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-select:not(:disabled):focus.pretend-focus{outline-color:Highlight !important}}.form-select:not(:disabled):focus:has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):focus:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.form-select:not(:disabled):focus: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-select:not(:disabled):focus: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){.form-select:not(:disabled):focus{border-color:FieldText}}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23ffffff' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}}.form-select:not(:disabled):hover{background-color:var(--post-scheme-color-interactive-input-hover-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);border-color:var(--post-scheme-color-interactive-input-hover-border)}.form-select:not(:disabled):hover:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select:not(:disabled):hover:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):hover:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23ffffff' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):hover{border-color:Highlight}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-select{background-color:Field;border-color:FieldText;color:FieldText}.form-select:focus-visible{color:FieldText}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23ffffff' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}}.form-select.is-valid:not(:disabled),.form-select.is-invalid:not(:disabled){padding-inline-end:var(--post-core-dimension-82);background-position:center right var(--post-device-position-2),center right var(--post-device-position-3)}.form-select.is-valid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}.form-select.is-valid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}.form-select.is-valid:not(:disabled):hover:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select.is-valid:not(:disabled),.form-select.is-valid:not(:disabled):hover:not([multiple]),.form-select.is-valid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select.is-valid:not(:disabled),.form-select.is-valid:not(:disabled):hover:not([multiple]),.form-select.is-valid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}}.form-select.is-invalid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}.form-select.is-invalid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}.form-select.is-invalid:not(:disabled):hover:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select.is-invalid:not(:disabled),.form-select.is-invalid:not(:disabled):hover:not([multiple]),.form-select.is-invalid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select.is-invalid:not(:disabled),.form-select.is-invalid:not(:disabled):hover:not([multiple]),.form-select.is-invalid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}}.form-select[multiple],.form-select[size]:not([size="1"]){background-image:none}.form-select[multiple].is-valid,.form-select[multiple].is-invalid,.form-select[size]:not([size="1"]).is-valid,.form-select[size]:not([size="1"]).is-invalid{background-position:center right var(--post-device-position-3)}.form-select[multiple].is-valid:not(:disabled),.form-select[size]:not([size="1"]).is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select[multiple].is-valid:not(:disabled),.form-select[size]:not([size="1"]).is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select[multiple].is-valid:not(:disabled),.form-select[size]:not([size="1"]).is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}.form-select[multiple].is-invalid:not(:disabled),.form-select[size]:not([size="1"]).is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select[multiple].is-invalid:not(:disabled),.form-select[size]:not([size="1"]).is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select[multiple].is-invalid:not(:disabled),.form-select[size]:not([size="1"]).is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}.form-label:has(+select.form-select[disabled]){color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-label:has(+select.form-select-sm){display:block;padding-inline:var(--post-device-spacing-padding-2);padding-block:var(--post-device-spacing-padding-41);font-weight:var(--post-device-font-weight-bold);font-size:var(--post-device-font-size-7)}.form-floating{position:relative}.form-floating>.form-select{padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}.form-floating>.form-select~label{position:absolute;z-index:1;text-align:start;pointer-events:none;display:block;left:var(--post-device-border-width-default);top:var(--post-device-border-width-default);font-size:var(--post-device-font-size-10);padding-inline-start:calc(var(--post-device-spacing-padding-5) - var(--post-device-border-width-default));padding-inline-end:0;padding-block-start:var(--post-device-spacing-padding-block-30);border-radius:var(--post-device-border-radius-1);color:var(--post-scheme-color-interactive-input-enabled-fg);max-width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-core-dimension-50));background-color:var(--post-scheme-color-interactive-input-enabled-bg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .25s ease-in-out,padding-block-start .25s ease-in-out}.form-floating>.form-select:not(:disabled):hover~label{color:var(--post-scheme-color-interactive-input-hover-fg);background-color:var(--post-scheme-color-interactive-input-hover-bg)}.form-floating>.form-select:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg)}.form-floating>.form-select:has(option[value=""]:checked:empty):not([multiple])~label,.form-floating>.form-select:has(option:not([value]):checked:empty):not([multiple])~label,.form-floating>.form-select.form-select-empty~label{padding-block-start:var(--post-device-spacing-padding-block-28);font-size:var(--post-device-font-size-12)}.form-floating>.form-select[multiple]{padding-block-start:calc(var(--post-device-border-width-default) + var(--post-device-spacing-padding-block-29));padding-block-end:0;height:auto}.form-floating>.form-select[multiple] option{color:var(--post-scheme-color-interactive-input-enabled-fg)}.form-floating>.form-select[multiple]~label{width:calc(100% - var(--post-core-dimension-48)*2)}.form-floating>.form-select[multiple]:disabled option{color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-floating>.form-select[multiple]:empty~label{padding-block:var(--post-device-spacing-padding-block-1);width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-device-spacing-padding-5))}[data-color-scheme=dark] .form-select:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}[data-color-scheme=dark] .form-select:not([multiple]):disabled{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.6' fill='%23fcfcfc' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}[data-color-scheme=dark] .form-select:not([multiple]):not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}[data-color-scheme=dark] .form-select:not([multiple]):not(:disabled):hover{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}[data-color-scheme=dark] .form-select:not([multiple]).is-valid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}[data-color-scheme=dark] .form-select:not([multiple]).is-valid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}[data-color-scheme=dark] .form-select:not([multiple]).is-valid:not(:disabled):hover{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}[data-color-scheme=dark] .form-select:not([multiple]).is-invalid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}[data-color-scheme=dark] .form-select:not([multiple]).is-invalid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}[data-color-scheme=dark] .form-select:not([multiple]).is-invalid:not(:disabled):hover{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}.no-toggle-arrow::after{display:none !important}
package/components/form-select.scss CHANGED
@@ -26,6 +26,7 @@ tokens.$default-map: components.$post-select;
26
26
  border-radius: tokens.get('select-border-radius');
27
27
  color: tokens.get('select-color-enabled-fg');
28
28
  background-image: forms-fx.select-arrow-icon('enabled');
29
+ font-size: tokens.get('select-font-size');
29
30
 
30
31
  &.form-select-sm {
31
32
  min-height: tokens.get('select-small-sizing-height');
@@ -192,7 +193,7 @@ tokens.$default-map: components.$post-select;
192
193
  padding-inline: tokens.get('select-non-floating-small-label-padding-inline');
193
194
  padding-block: tokens.get('select-non-floating-small-label-padding-block');
194
195
  font-weight: tokens.get('select-non-floating-small-label-font-weight');
195
- font-size: tokens.get('select-non-floating-small-font-size');
196
+ font-size: tokens.get('select-non-floating-small-label-font-size');
196
197
  }
197
198
 
198
199
  .form-floating {
@@ -249,7 +250,7 @@ tokens.$default-map: components.$post-select;
249
250
  &.form-select-empty {
250
251
  ~ label {
251
252
  padding-block-start: tokens.get('select-label-empty-padding-block-start');
252
- font-size: unset;
253
+ font-size: tokens.get('select-font-size');
253
254
  }
254
255
  }
255
256
 
package/components/form-textarea.css CHANGED
@@ -1 +1 @@
1
- textarea.form-control{display:block;width:100%;appearance:none;background-clip:padding-box;border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-input-enabled-border);position:relative;border-radius:var(--post-device-border-radius-1);background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-core-dimension-26);padding-block:var(--post-device-spacing-padding-3);min-height:var(--post-core-dimension-88);resize:vertical}textarea.form-control{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}textarea.form-control: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){textarea.form-control:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){textarea.form-control: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){textarea.form-control:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}textarea.form-control::-webkit-resizer{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cg clip-path="url(%23clip0_7846_3191)"%3E%3Cpath d="M6.5 18H9.5V21H6.5V18Z" fill="%23050400"/%3E%3Cpath d="M12.5 18H15.5V21H12.5V18Z" fill="%23050400"/%3E%3Cpath d="M12.5 12H15.5V15H12.5V12Z" fill="%23050400"/%3E%3Cpath d="M18.5 12H21.5V15H18.5V12Z" fill="%23050400"/%3E%3Cpath d="M18.5 6H21.5V9H18.5V6Z" fill="%23050400"/%3E%3Cpath d="M18.5 18H21.5V21H18.5V18Z" fill="%23050400"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_7846_3191"%3E%3Crect width="24" height="24" fill="white" transform="translate(0.5)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');background-repeat:no-repeat;background-size:100%}textarea.form-control.form-control-sm{min-height:var(--post-core-dimension-64);padding-block:var(--post-device-spacing-padding-29);font-size:var(--post-device-font-size-7)}textarea.form-control[disabled]::-webkit-resizer{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cg clip-path="url(%23clip0_7846_3191)"%3E%3Cpath d="M6.5 18H9.5V21H6.5V18Z" fill="%23696864"/%3E%3Cpath d="M12.5 18H15.5V21H12.5V18Z" fill="%23696864"/%3E%3Cpath d="M12.5 12H15.5V15H12.5V12Z" fill="%23696864"/%3E%3Cpath d="M18.5 12H21.5V15H18.5V12Z" fill="%23696864"/%3E%3Cpath d="M18.5 6H21.5V9H18.5V6Z" fill="%23696864"/%3E%3Cpath d="M18.5 18H21.5V21H18.5V18Z" fill="%23696864"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_7846_3191"%3E%3Crect width="24" height="24" fill="white" transform="translate(0.5)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');background-repeat:no-repeat;background-size:100%}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:focus{border-color:FieldText !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:not(:disabled):hover,textarea.form-control:not(:disabled):focus{border-color:FieldText}}textarea.form-control:not(:disabled):hover{border-color:var(--post-scheme-color-interactive-input-hover-border);background-color:var(--post-scheme-color-interactive-input-hover-bg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:not(:disabled):hover{border-color:Highlight}}textarea.form-control[readonly]:not(:disabled){border-color:var(--post-scheme-color-interactive-input-enabled-border);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}textarea.form-control::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1}textarea.form-control:disabled{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash);opacity:1}textarea.form-control.is-valid:not(:disabled),textarea.form-control.is-invalid:not(:disabled){background-size:var(--post-device-sizing-notification-1) var(--post-device-sizing-notification-1);background-position:top var(--post-core-dimension-12) right var(--post-core-dimension-28);background-repeat:no-repeat;padding-inline-end:var(--post-core-dimension-56)}textarea.form-control.is-valid:not(:disabled).form-control-sm,textarea.form-control.is-invalid:not(:disabled).form-control-sm{background-size:var(--post-device-sizing-notification-5) var(--post-device-sizing-notification-5);background-position:top var(--post-device-position-6) right var(--post-core-dimension-28)}textarea.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){textarea.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){textarea.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}textarea.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){textarea.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){textarea.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}.form-label:has(+textarea.form-control[disabled]){color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-label:has(+textarea.form-control-sm){display:block;padding-inline:var(--post-device-spacing-padding-2);padding-block:var(--post-device-spacing-padding-30);font-weight:var(--post-device-font-weight-bold);font-size:var(--post-device-font-size-7)}.form-floating{position:relative}.form-floating>textarea~label{position:absolute;z-index:1;text-align:start;pointer-events:none;display:block;top:var(--post-device-border-width-default);left:var(--post-device-border-width-default);margin:0;padding-inline-start:calc(var(--post-device-spacing-padding-5) - var(--post-device-border-width-default));padding-inline-end:0;padding-block-start:var(--post-device-spacing-padding-block-27);width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-core-dimension-28));border:0;border-top-left-radius:var(--post-device-border-radius-1);color:var(--post-scheme-color-interactive-input-enabled-fg);background-color:rgba(0,0,0,0);height:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .2s ease-in-out,padding-block-start .2s ease-in-out,font-size .2s ease-in-out}@media(min-resolution: 1.25dppx)and (max-resolution: 1.49dppx){.form-floating>textarea~label{top:calc(var(--post-device-border-width-default)/1.25)}}.form-floating>textarea.form-control{padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-3)}.form-floating>textarea.form-control::placeholder{color:rgba(0,0,0,0);opacity:0;transition:opacity .25s linear,background-color .25s linear}.form-floating>textarea.form-control:focus~label,.form-floating>textarea.form-control:not(:placeholder-shown)~label{font-size:var(--post-device-font-size-10);padding-block-start:var(--post-device-spacing-padding-block-30);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}.form-floating>textarea.form-control:focus::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1;transition:opacity .35s .15s linear}.form-floating>textarea.form-control:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-current-bg)}.form-floating>textarea.form-control:not(:disabled):hover~label{color:var(--post-scheme-color-interactive-input-hover-fg)}.form-floating>textarea.form-control:is(.is-valid,.is-invalid)~label{width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-core-dimension-58))}.form-floating>textarea:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg)}
1
+ textarea.form-control{display:block;width:100%;appearance:none;background-clip:padding-box;border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-input-enabled-border);position:relative;border-radius:var(--post-device-border-radius-1);background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-core-dimension-26);padding-block:var(--post-device-spacing-padding-3);min-height:var(--post-core-dimension-88);resize:vertical;font-size:var(--post-device-font-size-12)}textarea.form-control{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}textarea.form-control:focus-visible{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:focus-visible{outline-color:Highlight !important}}textarea.form-control.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){textarea.form-control.pretend-focus{outline-color:Highlight !important}}textarea.form-control:has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){textarea.form-control: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){textarea.form-control:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}textarea.form-control::-webkit-resizer{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cg clip-path="url(%23clip0_7846_3191)"%3E%3Cpath d="M6.5 18H9.5V21H6.5V18Z" fill="%23050400"/%3E%3Cpath d="M12.5 18H15.5V21H12.5V18Z" fill="%23050400"/%3E%3Cpath d="M12.5 12H15.5V15H12.5V12Z" fill="%23050400"/%3E%3Cpath d="M18.5 12H21.5V15H18.5V12Z" fill="%23050400"/%3E%3Cpath d="M18.5 6H21.5V9H18.5V6Z" fill="%23050400"/%3E%3Cpath d="M18.5 18H21.5V21H18.5V18Z" fill="%23050400"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_7846_3191"%3E%3Crect width="24" height="24" fill="white" transform="translate(0.5)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');background-repeat:no-repeat;background-size:100%}textarea.form-control.form-control-sm{min-height:var(--post-core-dimension-64);padding-block:var(--post-device-spacing-padding-26);font-size:var(--post-device-font-size-8)}textarea.form-control[disabled]::-webkit-resizer{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cg clip-path="url(%23clip0_7846_3191)"%3E%3Cpath d="M6.5 18H9.5V21H6.5V18Z" fill="%23696864"/%3E%3Cpath d="M12.5 18H15.5V21H12.5V18Z" fill="%23696864"/%3E%3Cpath d="M12.5 12H15.5V15H12.5V12Z" fill="%23696864"/%3E%3Cpath d="M18.5 12H21.5V15H18.5V12Z" fill="%23696864"/%3E%3Cpath d="M18.5 6H21.5V9H18.5V6Z" fill="%23696864"/%3E%3Cpath d="M18.5 18H21.5V21H18.5V18Z" fill="%23696864"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_7846_3191"%3E%3Crect width="24" height="24" fill="white" transform="translate(0.5)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');background-repeat:no-repeat;background-size:100%}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:focus{border-color:FieldText !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:not(:disabled):hover,textarea.form-control:not(:disabled):focus{border-color:FieldText}}textarea.form-control:not(:disabled):hover{border-color:var(--post-scheme-color-interactive-input-hover-border);background-color:var(--post-scheme-color-interactive-input-hover-bg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:not(:disabled):hover{border-color:Highlight}}textarea.form-control[readonly]:not(:disabled){border-color:var(--post-scheme-color-interactive-input-enabled-border);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}textarea.form-control::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1}textarea.form-control:disabled{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash);opacity:1}textarea.form-control.is-valid:not(:disabled),textarea.form-control.is-invalid:not(:disabled){background-size:var(--post-device-sizing-notification-1) var(--post-device-sizing-notification-1);background-position:top var(--post-core-dimension-12) right var(--post-core-dimension-28);background-repeat:no-repeat;padding-inline-end:var(--post-core-dimension-56)}textarea.form-control.is-valid:not(:disabled).form-control-sm,textarea.form-control.is-invalid:not(:disabled).form-control-sm{background-size:var(--post-device-sizing-notification-5) var(--post-device-sizing-notification-5);background-position:top var(--post-device-position-6) right var(--post-core-dimension-28)}textarea.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){textarea.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){textarea.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}textarea.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){textarea.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){textarea.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}.form-label:has(+textarea.form-control[disabled]){color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-label:has(+textarea.form-control-sm){display:block;padding-inline:var(--post-device-spacing-padding-2);padding-block:var(--post-device-spacing-padding-41);font-weight:var(--post-device-font-weight-bold);font-size:var(--post-device-font-size-7)}.form-floating{position:relative}.form-floating>textarea~label{position:absolute;z-index:1;text-align:start;pointer-events:none;display:block;top:var(--post-device-border-width-default);left:var(--post-device-border-width-default);margin:0;padding-inline-start:calc(var(--post-device-spacing-padding-5) - var(--post-device-border-width-default));padding-inline-end:0;padding-block-start:var(--post-device-spacing-padding-block-27);width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-core-dimension-28));border:0;border-top-left-radius:var(--post-device-border-radius-1);color:var(--post-scheme-color-interactive-input-enabled-fg);font-size:var(--post-device-font-size-12);background-color:rgba(0,0,0,0);height:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .2s ease-in-out,padding-block-start .2s ease-in-out,font-size .2s ease-in-out}@media(min-resolution: 1.25dppx)and (max-resolution: 1.49dppx){.form-floating>textarea~label{top:calc(var(--post-device-border-width-default)/1.25)}}.form-floating>textarea.form-control{padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-3)}.form-floating>textarea.form-control::placeholder{color:rgba(0,0,0,0);opacity:0;transition:opacity .25s linear,background-color .25s linear}.form-floating>textarea.form-control:focus~label,.form-floating>textarea.form-control:not(:placeholder-shown)~label{font-size:var(--post-device-font-size-10);padding-block-start:var(--post-device-spacing-padding-block-30);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}.form-floating>textarea.form-control:focus::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1;transition:opacity .35s .15s linear}.form-floating>textarea.form-control:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-current-bg)}.form-floating>textarea.form-control:not(:disabled):hover~label{color:var(--post-scheme-color-interactive-input-hover-fg)}.form-floating>textarea.form-control:is(.is-valid,.is-invalid)~label{width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-core-dimension-58))}.form-floating>textarea:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg)}
package/components/form-textarea.scss CHANGED
@@ -24,6 +24,7 @@ textarea.form-control {
24
24
  padding-block: tokens.get('textarea-standalone-padding-block');
25
25
  min-height: tokens.get('textarea-sizing-min-height');
26
26
  resize: vertical;
27
+ font-size: tokens.get('textarea-font-size');
27
28
  @include utilities.focus-style;
28
29
  @include forms-mx.textarea-resizer-svg(#050400);
29
30
 
@@ -110,7 +111,7 @@ textarea.form-control {
110
111
  padding-inline: tokens.get('textarea-non-floating-small-label-padding-inline');
111
112
  padding-block: tokens.get('textarea-non-floating-small-label-padding-block');
112
113
  font-weight: tokens.get('textarea-non-floating-small-label-font-weight');
113
- font-size: tokens.get('textarea-non-floating-small-font-size');
114
+ font-size: tokens.get('textarea-non-floating-small-label-font-size');
114
115
  }
115
116
 
116
117
  .form-floating {
@@ -137,6 +138,7 @@ textarea.form-control {
137
138
  border: 0;
138
139
  border-top-left-radius: tokens.get('textarea-border-radius');
139
140
  color: tokens.get('textarea-enabled-fg');
141
+ font-size: tokens.get('textarea-font-size');
140
142
  background-color: transparent;
141
143
  height: auto;
142
144
  white-space: nowrap;
package/components/header/index.css CHANGED
@@ -1 +1 @@
1
- :root:has(post-header [slot=main-nav]):not(:has(post-header [slot=title])){--post-global-header-expanded-height: 64px;--post-local-header-reduced-height: 0px;--post-local-header-expanded-min-height: var(--post-main-navigation-height, 0px)}@media screen and (min-width: 1024px){:root:has(post-header [slot=main-nav]):not(:has(post-header [slot=title])){--post-global-header-expanded-height: 72px;--post-global-header-reduced-height: 24px;--post-local-header-reduced-height: 56px;--post-main-navigation-height: var(--post-local-header-reduced-height);--post-logo-reduced-offset: 6px}}@media screen and (max-width: 1023.98px){post-header:has([slot=main-nav]):not(:has([slot=title])){--post-local-header-display: none}}post-header:has([slot=main-nav]):not(:has([slot=title])):not(:has([slot=local-nav])){--post-local-header-grid-template: 'main-nav' auto / 1fr}post-header:has([slot=main-nav]):not(:has([slot=title])):has([slot=local-nav]){--post-local-header-grid-template: 'main-nav local-nav' auto / minmax(0, 1fr) auto}:root:has(post-header [slot=main-nav]):has(post-header [slot=title]){--post-global-header-expanded-height: 64px;--post-local-header-reduced-height: var(--post-local-header-expanded-height)}@media screen and (min-width: 0)and (max-width: 599.98px){:root:has(post-header [slot=main-nav]):has(post-header [slot=title]){--post-local-header-expanded-min-height: 48px}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:root:has(post-header [slot=main-nav]):has(post-header [slot=title]){--post-local-header-expanded-min-height: 56px}}@media screen and (min-width: 1024px){:root:has(post-header [slot=main-nav]):has(post-header [slot=title]){--post-global-header-expanded-height: 72px;--post-local-header-expanded-min-height: 112px;--post-global-header-reduced-height: 24px;--post-main-navigation-height: 56px;--post-logo-reduced-offset: 6px}}post-header:has([slot=main-nav]):has([slot=title]){--post-local-header-align-items: end}post-header:has([slot=main-nav]):has([slot=title]):not(:has([slot=local-nav])){--post-local-header-grid-template: 'title' 1fr 'main-nav' auto / 1fr}post-header:has([slot=main-nav]):has([slot=title]):has([slot=local-nav]){--post-local-header-grid-template: 'title local-nav' 1fr 'main-nav main-nav' auto / minmax(0, 1fr) auto}:root:has(post-header):not(:has(post-header [slot=main-nav])){--post-global-header-expanded-height: 64px;--post-local-header-expanded-min-height: 56px}@media screen and (min-width: 1024px){:root:has(post-header):not(:has(post-header [slot=main-nav])){--post-global-header-expanded-height: 72px;--post-local-header-expanded-min-height: 64px}}:root:has(post-header):not(:has(post-header [slot=main-nav])):not(:has(post-header [slot=title])){--post-local-header-expanded-min-height: 0px}post-header:not(:has([slot=main-nav])){--post-burger-button-display: none}post-header:not(:has([slot=main-nav])):not(:has([slot=title])){--post-local-header-display: none}post-header:not(:has([slot=main-nav])):has([slot=title]):not(:has([slot=local-nav])):not(:has([slot=side-nav])){--post-local-header-grid-template: 'title' 1fr / 1fr}post-header:not(:has([slot=main-nav])):has([slot=title]):has([slot=local-nav]):not(:has([slot=side-nav])){--post-local-header-grid-template: 'title local-nav' 1fr / minmax(0, 1fr) auto}post-header:not(:has([slot=main-nav])):has([slot=title]):has([slot=side-nav]):not(:has([slot=local-nav])){--post-local-header-grid-template: 'side-nav title' 1fr / auto minmax(0, 1fr)}post-header:not(:has([slot=main-nav])):has([slot=title]):has([slot=side-nav]):has([slot=local-nav]){--post-local-header-grid-template: 'side-nav title local-nav' 1fr / auto minmax(0, 1fr) auto}:root:has(post-header):not(:has(post-header>[slot=audience])):not(:has(post-header>[slot=global-nav-primary])):not(:has(post-header>[slot=global-nav-secondary])):not(:has(post-header>[slot=language-menu])):not(:has(post-header>[slot=post-login])){--post-global-header-expanded-height: var(--_post-initial-global-header-height);--post-global-header-reduced-height: 32px}@media screen and (min-width: 1024px){:root:has(post-header):not(:has(post-header>[slot=audience])):not(:has(post-header>[slot=global-nav-primary])):not(:has(post-header>[slot=global-nav-secondary])):not(:has(post-header>[slot=language-menu])):not(:has(post-header>[slot=post-login])){--post-logo-expanded-offset: 10px;--post-logo-reduced-offset: 10px}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:root:has(post-header):not(:has(post-header>[slot=audience])):not(:has(post-header>[slot=global-nav-primary])):not(:has(post-header>[slot=global-nav-secondary])):not(:has(post-header>[slot=language-menu])):not(:has(post-header>[slot=post-login])){--post-logo-expanded-offset: 12px;--post-logo-reduced-offset: 12px}}@media screen and (min-width: 0)and (max-width: 599.98px){:root:has(post-header):not(:has(post-header>[slot=audience])):not(:has(post-header>[slot=global-nav-primary])):not(:has(post-header>[slot=global-nav-secondary])):not(:has(post-header>[slot=language-menu])):not(:has(post-header>[slot=post-login])){--post-logo-expanded-offset: 8px;--post-logo-reduced-offset: 8px}}:root:has(post-header){overflow-anchor:none;--post-local-header-expanded-height: var(--post-local-header-expanded-min-height);--post-header-expanded-height: calc( var(--post-global-header-expanded-height) + var(--post-local-header-expanded-height) );--post-global-header-reduced-height: var(--post-global-header-expanded-height);--post-local-header-reduced-height: var(--post-local-header-expanded-height);--post-header-reduced-height: calc( var(--post-global-header-reduced-height) + var(--post-local-header-reduced-height) );--post-global-header-height: max( var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px), var(--post-global-header-reduced-height) );--post-local-header-height: max( var(--post-local-header-expanded-height) - var(--post-header-scroll-top, 0px), var(--post-local-header-reduced-height) );--post-header-height: calc(var(--post-global-header-height) + var(--post-local-header-height));--post-logo-expanded-offset: 0px;--post-logo-reduced-offset: var(--post-logo-expanded-offset)}:root:has(post-header):has([data-menu-extended]){--post-header-height: ( var(--post-global-header-expanded-height) + var(--post-local-header-expanded-height) )}post-megadropdown .post-megadropdown-list,post-mainnavigation>ul,post-header>ul{all:unset;display:block;list-style:none;display:flex;flex-wrap:wrap;row-gap:var(--post-device-spacing-gap-1);column-gap:calc(var(--post-device-spacing-gap-inline-10)*2);margin-block:var(--post-device-spacing-padding-block-8)}post-megadropdown .post-megadropdown-list>li,post-mainnavigation>ul>li,post-header>ul>li{all:unset;display:list-item}post-megadropdown .post-megadropdown-list>li~li,post-mainnavigation>ul>li~li,post-header>ul>li~li{all:unset;display:list-item}post-megadropdown .post-megadropdown-list>li::before,post-mainnavigation>ul>li::before,post-header>ul>li::before{all:unset}post-megadropdown .post-megadropdown-list,post-mainnavigation>ul,post-header>ul{gap:0 8px;margin:0}@media screen and (max-width: 1023.98px){post-megadropdown .post-megadropdown-list,post-mainnavigation>ul,post-header>ul{flex-direction:column}}post-megadropdown .post-megadropdown-list>li,post-mainnavigation>ul>li,post-header>ul>li{flex:1 0 auto !important}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]),post-header>*:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer}post-megadropdown .post-megadropdown-overview:not(:disabled):hover,post-megadropdown .post-megadropdown-list-title:not(:disabled):hover,post-megadropdown .post-megadropdown-list>li>:not(:disabled):hover:where(a,button,[role=link],[role=button]),post-header>:not(:disabled):hover:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:not(:disabled):hover:where(a,button,[role=link],[role=button]),post-mainnavigation>:not(:disabled):hover:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:not(:disabled):hover:where(a,button,[role=link],[role=button]){text-decoration:none}post-megadropdown .post-megadropdown-overview:disabled,post-megadropdown .post-megadropdown-list-title:disabled,post-megadropdown .post-megadropdown-list>li>:disabled:where(a,button,[role=link],[role=button]),post-header>:disabled:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:disabled:where(a,button,[role=link],[role=button]),post-mainnavigation>:disabled:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:disabled:where(a,button,[role=link],[role=button]){border-style:var(--post-core-border-style-dash);cursor:unset}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]),post-header>*:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-megadropdown .post-megadropdown-list>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]),post-header>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-megadropdown .post-megadropdown-list>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]),post-header>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-header>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-header>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]),post-header>*:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){border-width:1px !important;transition:none}post-megadropdown .post-megadropdown-overview:is(button),post-megadropdown .post-megadropdown-list-title:is(button),post-megadropdown .post-megadropdown-list>li>:is(button):where(a,button,[role=link],[role=button]),post-header>:is(button):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is(button):where(a,button,[role=link],[role=button]),post-mainnavigation>:is(button):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(button):where(a,button,[role=link],[role=button]){background-color:ButtonFace !important;border-color:ButtonBorder !important}}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]),post-header>*:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){border:unset;font-weight:unset;display:flex;padding:4px 10px;gap:6px;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}post-megadropdown .post-megadropdown-overview:hover,post-megadropdown .post-megadropdown-list-title:hover,post-megadropdown .post-megadropdown-list>li>:hover:where(a,button,[role=link],[role=button]),post-header>:hover:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:hover:where(a,button,[role=link],[role=button]),post-mainnavigation>:hover:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:hover:where(a,button,[role=link],[role=button]){border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}post-megadropdown .post-megadropdown-overview:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active),post-megadropdown .post-megadropdown-list-title:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active),post-megadropdown .post-megadropdown-list>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]),post-header>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]),post-mainnavigation>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}post-megadropdown .post-megadropdown-overview:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover,post-megadropdown .post-megadropdown-list-title:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover,post-megadropdown .post-megadropdown-list>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover:where(a,button,[role=link],[role=button]),post-header>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover:where(a,button,[role=link],[role=button]),post-mainnavigation>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover:where(a,button,[role=link],[role=button]){border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){--post-nav-item-border-width: 1px;width:100%;justify-content:start;position:relative;padding:12px 12px calc(12px - var(--post-nav-item-border-width)) 8px;gap:16px;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor}post-mainnavigation>:hover:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:hover:where(a,button,[role=link],[role=button]){border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);border-bottom-color:rgba(0,0,0,0)}post-mainnavigation>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]){box-shadow:none}post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-mainnavigation>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-mainnavigation>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button])::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-mainnavigation>:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover:where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover:where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-mainnavigation>:is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button])::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):hover:where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):hover:where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}}post-mainnavigation>*:where(a,button,[role=link],[role=button])>post-icon:where(:last-child),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon:where(:last-child){margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){padding:9.5px 12px calc(9.5px - var(--post-nav-item-border-width)) 8px;gap:8px;font-size:.875rem}post-mainnavigation>*:where(a,button,[role=link],[role=button])>post-icon,post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-mainnavigation>*:where(a,button,[role=link],[role=button])>post-icon,post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1.5rem}}post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){height:100%}@media screen and (min-width: 1024px){post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){padding:16px 12px;gap:8px;border-bottom:0}}body:has(post-header){scroll-padding-top:var(--post-header-height)}[data-post-scroll-locked]{overflow:hidden !important}body:has(post-header:not([data-hydrated])) post-back-to-top{visibility:hidden !important}post-header:not(:defined),post-header:not([data-hydrated]){display:block;height:var(--post-header-height)}@media screen and (max-width: 1023.98px){post-header>:is([slot=global-nav-primary],[slot=post-login],[slot=local-nav]){flex-direction:row}}@media screen and (min-width: 0)and (max-width: 599.98px){post-header>:is([slot=global-nav-primary],[slot=post-login],[slot=local-nav]):where(a,button,[role=link],[role=button])>:not(post-icon),post-header>:is([slot=global-nav-primary],[slot=post-login],[slot=local-nav]):where(ul)>li>:where(a,button,[role=link],[role=button])>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-header>:is([slot=global-nav-primary],[slot=post-login],[slot=local-nav]):where(a,button,[role=link],[role=button])>post-icon,post-header>:is([slot=global-nav-primary],[slot=post-login],[slot=local-nav]):where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1.5rem}}@media screen and (min-width: 0)and (max-width: 599.98px){post-header>:is([slot=global-nav-primary],[slot=post-login]):where(a,button,[role=link],[role=button]),post-header>:is([slot=global-nav-primary],[slot=post-login]):where(ul)>li>:where(a,button,[role=link],[role=button]){padding:10px}}post-header>[slot=local-nav]{grid-area:local-nav}post-header>[slot=local-nav]:where(ul){align-items:center}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-header>[slot=audience]:where(ul){flex-direction:row;margin-block:16px}}@media screen and (min-width: 0)and (max-width: 599.98px){post-header>[slot=audience]:where(ul){gap:8px}}post-header>[slot=audience]:where(a,button,[role=link],[role=button]),post-header>[slot=audience]:where(ul)>li>:where(a,button,[role=link],[role=button]){padding-inline:16px}@media screen and (max-width: 1023.98px){post-header>[slot=global-nav-secondary]:where(ul){flex-direction:column}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]){flex-direction:row-reverse;--post-nav-item-border-width: 1px;width:100%;justify-content:start;position:relative;padding:12px 12px calc(12px - var(--post-nav-item-border-width)) 8px;gap:16px;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):hover,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);border-bottom-color:rgba(0,0,0,0)}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:none}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus)::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}}@media screen and (max-width: 1023.98px)and (forced-colors: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: white-on-black){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@media screen and (max-width: 1023.98px){@supports not selector(:has(:focus-visible)){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus)::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):hover::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media screen and (max-width: 1023.98px)and (forced-colors: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: white-on-black){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button])>post-icon:where(:last-child),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon:where(:last-child){margin-inline-start:auto}}@media screen and (max-width: 1023.98px)and (min-width: 0)and (max-width: 599.98px){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]){padding:9.5px 12px calc(9.5px - var(--post-nav-item-border-width)) 8px;gap:8px;font-size:.875rem}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button])>post-icon,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1rem}}@media screen and (max-width: 1023.98px)and (min-width: 600px)and (max-width: 1023.98px){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button])>post-icon,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1.5rem}}@media screen and (max-width: 1023.98px){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button])>post-icon,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{margin:unset}}post-header [slot=title]{grid-area:title;flex-grow:1;margin:0;font-size:1.25rem;font-weight:950}@media screen and (min-width: 1024px){post-header [slot=title]{font-size:1.75rem;line-height:34px}}post-header>[slot=side-nav]{grid-area:side-nav;flex-shrink:0}@media screen and (min-width: 1024px){post-header>[slot=side-nav]{display:none}}post-header>[slot=side-nav]>button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer}post-header>[slot=side-nav]>button:not(:disabled):hover{text-decoration:none}post-header>[slot=side-nav]>button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}post-header>[slot=side-nav]>button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-header>[slot=side-nav]>button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-header>[slot=side-nav]>button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-header>[slot=side-nav]>button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-header>[slot=side-nav]>button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-header>[slot=side-nav]>button{border-width:1px !important;transition:none}post-header>[slot=side-nav]>button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}post-header>[slot=side-nav]>button{border:unset;font-weight:unset;display:flex;padding:4px 10px;gap:6px;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}post-header>[slot=side-nav]>button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}post-header>[slot=side-nav]>button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}post-header>[slot=side-nav]>button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}@media screen and (min-width: 0)and (max-width: 599.98px){post-header>[slot=side-nav]>button>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-header>[slot=side-nav]>button>post-icon{font-size:1.5rem}post-header>[slot=side-nav]>button{padding:10px}}post-header .local-login{margin-block:-4px}@media screen and (max-width: 1023.98px){post-header:has(post-mainnavigation) post-language-menu[variant=menu]{display:none}}post-mainnavigation{grid-area:main-nav}post-mainnavigation:where(post-header:has([slot=local-nav]):not(:has([slot=title]))){max-width:calc(100% + var(--post-local-header-padding-inline-start))}post-mainnavigation>ul{column-gap:0;height:100%;align-items:stretch;flex-wrap:nowrap}post-mainnavigation post-megadropdown-trigger{height:100%;width:100%}post-megadropdown{--min-text-width: 12ch}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-megadropdown{--min-text-width: 28ch}}post-megadropdown{--header-megadropdown-col-min-width: calc( 8px + 12px + var(--min-text-width) )}post-megadropdown .post-megadropdown-list{flex-direction:column}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]){--post-nav-item-border-width: 1px;width:100%;justify-content:start;position:relative;padding:12px 12px calc(12px - var(--post-nav-item-border-width)) 8px;gap:16px;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor}post-megadropdown .post-megadropdown-overview:hover,post-megadropdown .post-megadropdown-list-title:hover,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);border-bottom-color:rgba(0,0,0,0)}post-megadropdown .post-megadropdown-overview:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active),post-megadropdown .post-megadropdown-list-title:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:none}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after,post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after,post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus)::after,post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus)::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus):hover::after,post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus):hover::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-megadropdown .post-megadropdown-overview>post-icon:where(:last-child),post-megadropdown .post-megadropdown-list-title>post-icon:where(:last-child),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button])>post-icon:where(:last-child){margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]){padding:9.5px 12px calc(9.5px - var(--post-nav-item-border-width)) 8px;gap:8px;font-size:.875rem}post-megadropdown .post-megadropdown-overview>post-icon,post-megadropdown .post-megadropdown-list-title>post-icon,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-megadropdown .post-megadropdown-overview>post-icon,post-megadropdown .post-megadropdown-list-title>post-icon,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1.5rem}}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]){text-wrap:wrap;overflow-wrap:anywhere}post-megadropdown .post-megadropdown-list-title{margin:0;font-weight:950;--post-nav-item-border-width: 2px}@media screen and (min-width: 1024px){post-megadropdown .post-megadropdown-list-title{font-size:1.25rem}}post-megadropdown .post-megadropdown-list-title:not(a,button,[role=link],[role=button]){pointer-events:none}post-megadropdown .post-megadropdown-overview{margin-block:0 16px}@media screen and (min-width: 1024px){post-megadropdown .post-megadropdown-overview{font-size:1.25rem}}post-megadropdown .post-megadropdown-overview:first-child{margin-block-start:-8px}post-megadropdown .post-megadropdown-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--header-megadropdown-col-min-width), 1fr));gap:24px}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-megadropdown .post-megadropdown-grid{column-gap:16px}}@media screen and (min-width: 0)and (max-width: 599.98px){post-megadropdown .post-megadropdown-grid{grid-template-columns:1fr;column-gap:0}}post-header [slot=post-login]>post-menu-trigger>button.btn-link,post-header .local-login>post-menu-trigger>button.btn-link{display:block;border-radius:var(--post-device-border-radius-round)}post-header [slot=post-login]>post-menu>[slot=header]>p,post-header .local-login>post-menu>[slot=header]>p{margin-block:0}post-header [slot=post-login]>post-menu>[slot=header]>p:first-of-type:not(:last-of-type),post-header .local-login>post-menu>[slot=header]>p:first-of-type:not(:last-of-type){margin-block-end:-4px;font-size:12px;font-weight:400}post-header [slot=post-login]>post-menu>post-menu-item>a>post-icon,post-header .local-login>post-menu>post-menu-item>a>post-icon{order:-1}
1
+ :root:has(post-header [slot=main-nav]):not(:has(post-header [slot=title])){--post-global-header-expanded-height: 64px;--post-local-header-reduced-height: 0px;--post-local-header-expanded-min-height: var(--post-main-navigation-height, 0px)}@media screen and (min-width: 1024px){:root:has(post-header [slot=main-nav]):not(:has(post-header [slot=title])){--post-global-header-expanded-height: 72px;--post-global-header-reduced-height: 24px;--post-local-header-reduced-height: 56px;--post-main-navigation-height: var(--post-local-header-reduced-height);--post-logo-reduced-offset: 6px}}@media screen and (max-width: 1023.98px){post-header:has([slot=main-nav]):not(:has([slot=title])){--post-local-header-display: none}}post-header:has([slot=main-nav]):not(:has([slot=title])):not(:has([slot=local-nav])){--post-local-header-grid-template: 'main-nav' auto / 1fr}post-header:has([slot=main-nav]):not(:has([slot=title])):has([slot=local-nav]){--post-local-header-grid-template: 'main-nav local-nav' auto / minmax(0, 1fr) auto}:root:has(post-header [slot=main-nav]):has(post-header [slot=title]){--post-global-header-expanded-height: 64px;--post-local-header-reduced-height: var(--post-local-header-expanded-height)}@media screen and (min-width: 0)and (max-width: 599.98px){:root:has(post-header [slot=main-nav]):has(post-header [slot=title]){--post-local-header-expanded-min-height: 48px}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:root:has(post-header [slot=main-nav]):has(post-header [slot=title]){--post-local-header-expanded-min-height: 56px}}@media screen and (min-width: 1024px){:root:has(post-header [slot=main-nav]):has(post-header [slot=title]){--post-global-header-expanded-height: 72px;--post-local-header-expanded-min-height: 112px;--post-global-header-reduced-height: 24px;--post-main-navigation-height: 56px;--post-logo-reduced-offset: 6px}}post-header:has([slot=main-nav]):has([slot=title]){--post-local-header-align-items: end}post-header:has([slot=main-nav]):has([slot=title]):not(:has([slot=local-nav])){--post-local-header-grid-template: 'title' 1fr 'main-nav' auto / 1fr}post-header:has([slot=main-nav]):has([slot=title]):has([slot=local-nav]){--post-local-header-grid-template: 'title local-nav' 1fr 'main-nav main-nav' auto / minmax(0, 1fr) auto}:root:has(post-header):not(:has(post-header [slot=main-nav])){--post-global-header-expanded-height: 64px;--post-local-header-expanded-min-height: 56px}@media screen and (min-width: 1024px){:root:has(post-header):not(:has(post-header [slot=main-nav])){--post-global-header-expanded-height: 72px;--post-local-header-expanded-min-height: 64px}}:root:has(post-header):not(:has(post-header [slot=main-nav])):not(:has(post-header [slot=title])){--post-local-header-expanded-min-height: 0px}post-header:not(:has([slot=main-nav])){--post-burger-button-display: none}post-header:not(:has([slot=main-nav])):not(:has([slot=title])){--post-local-header-display: none}post-header:not(:has([slot=main-nav])):has([slot=title]):not(:has([slot=local-nav])):not(:has([slot=side-nav])){--post-local-header-grid-template: 'title' 1fr / 1fr}post-header:not(:has([slot=main-nav])):has([slot=title]):has([slot=local-nav]):not(:has([slot=side-nav])){--post-local-header-grid-template: 'title local-nav' 1fr / minmax(0, 1fr) auto}post-header:not(:has([slot=main-nav])):has([slot=title]):has([slot=side-nav]):not(:has([slot=local-nav])){--post-local-header-grid-template: 'side-nav title' 1fr / auto minmax(0, 1fr)}post-header:not(:has([slot=main-nav])):has([slot=title]):has([slot=side-nav]):has([slot=local-nav]){--post-local-header-grid-template: 'side-nav title local-nav' 1fr / auto minmax(0, 1fr) auto}:root:has(post-header):not(:has(post-header>[slot=audience])):not(:has(post-header>[slot=global-nav-primary])):not(:has(post-header>[slot=global-nav-secondary])):not(:has(post-header>[slot=language-menu])):not(:has(post-header>[slot=post-login])){--post-global-header-expanded-height: var(--_post-initial-global-header-height);--post-global-header-reduced-height: 32px}@media screen and (min-width: 1024px){:root:has(post-header):not(:has(post-header>[slot=audience])):not(:has(post-header>[slot=global-nav-primary])):not(:has(post-header>[slot=global-nav-secondary])):not(:has(post-header>[slot=language-menu])):not(:has(post-header>[slot=post-login])){--post-logo-expanded-offset: 10px;--post-logo-reduced-offset: 10px}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:root:has(post-header):not(:has(post-header>[slot=audience])):not(:has(post-header>[slot=global-nav-primary])):not(:has(post-header>[slot=global-nav-secondary])):not(:has(post-header>[slot=language-menu])):not(:has(post-header>[slot=post-login])){--post-logo-expanded-offset: 12px;--post-logo-reduced-offset: 12px}}@media screen and (min-width: 0)and (max-width: 599.98px){:root:has(post-header):not(:has(post-header>[slot=audience])):not(:has(post-header>[slot=global-nav-primary])):not(:has(post-header>[slot=global-nav-secondary])):not(:has(post-header>[slot=language-menu])):not(:has(post-header>[slot=post-login])){--post-logo-expanded-offset: 8px;--post-logo-reduced-offset: 8px}}:root:has(post-header){overflow-anchor:none;--post-local-header-expanded-height: var(--post-local-header-expanded-min-height);--post-header-expanded-height: calc( var(--post-global-header-expanded-height) + var(--post-local-header-expanded-height) );--post-global-header-reduced-height: var(--post-global-header-expanded-height);--post-local-header-reduced-height: var(--post-local-header-expanded-height);--post-header-reduced-height: calc( var(--post-global-header-reduced-height) + var(--post-local-header-reduced-height) );--post-global-header-height: max( var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px), var(--post-global-header-reduced-height) );--post-local-header-height: max( var(--post-local-header-expanded-height) - var(--post-header-scroll-top, 0px), var(--post-local-header-reduced-height) );--post-header-height: calc(var(--post-global-header-height) + var(--post-local-header-height));--post-logo-expanded-offset: 0px;--post-logo-reduced-offset: var(--post-logo-expanded-offset)}:root:has(post-header):has([data-menu-extended]){--post-header-height: ( var(--post-global-header-expanded-height) + var(--post-local-header-expanded-height) )}post-megadropdown .post-megadropdown-list,post-mainnavigation>ul,post-header>ul{all:unset;display:block;list-style:none;display:flex;flex-wrap:wrap;row-gap:var(--post-device-spacing-gap-1);column-gap:calc(var(--post-device-spacing-gap-inline-10)*2);margin-block:var(--post-device-spacing-padding-block-8)}post-megadropdown .post-megadropdown-list>li,post-mainnavigation>ul>li,post-header>ul>li{all:unset;display:list-item}post-megadropdown .post-megadropdown-list>li~li,post-mainnavigation>ul>li~li,post-header>ul>li~li{all:unset;display:list-item}post-megadropdown .post-megadropdown-list>li::before,post-mainnavigation>ul>li::before,post-header>ul>li::before{all:unset}post-megadropdown .post-megadropdown-list,post-mainnavigation>ul,post-header>ul{gap:0 8px;margin:0}@media screen and (max-width: 1023.98px){post-megadropdown .post-megadropdown-list,post-mainnavigation>ul,post-header>ul{flex-direction:column}}post-megadropdown .post-megadropdown-list>li,post-mainnavigation>ul>li,post-header>ul>li{flex:1 0 auto !important}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]),post-header>*:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer}post-megadropdown .post-megadropdown-overview:not(:disabled):hover,post-megadropdown .post-megadropdown-list-title:not(:disabled):hover,post-megadropdown .post-megadropdown-list>li>:not(:disabled):hover:where(a,button,[role=link],[role=button]),post-header>:not(:disabled):hover:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:not(:disabled):hover:where(a,button,[role=link],[role=button]),post-mainnavigation>:not(:disabled):hover:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:not(:disabled):hover:where(a,button,[role=link],[role=button]){text-decoration:none}post-megadropdown .post-megadropdown-overview:disabled,post-megadropdown .post-megadropdown-list-title:disabled,post-megadropdown .post-megadropdown-list>li>:disabled:where(a,button,[role=link],[role=button]),post-header>:disabled:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:disabled:where(a,button,[role=link],[role=button]),post-mainnavigation>:disabled:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:disabled:where(a,button,[role=link],[role=button]){border-style:var(--post-core-border-style-dash);cursor:unset}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]),post-header>*:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-megadropdown .post-megadropdown-overview:focus-visible,post-megadropdown .post-megadropdown-list-title:focus-visible,post-megadropdown .post-megadropdown-list>li>:focus-visible:where(a,button,[role=link],[role=button]),post-header>:focus-visible:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:focus-visible:where(a,button,[role=link],[role=button]),post-mainnavigation>:focus-visible:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:focus-visible:where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview:focus-visible,post-megadropdown .post-megadropdown-list-title:focus-visible,post-megadropdown .post-megadropdown-list>li>:focus-visible:where(a,button,[role=link],[role=button]),post-header>:focus-visible:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:focus-visible:where(a,button,[role=link],[role=button]),post-mainnavigation>:focus-visible:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:focus-visible:where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}post-megadropdown .pretend-focus.post-megadropdown-overview,post-megadropdown .pretend-focus.post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>.pretend-focus:where(a,button,[role=link],[role=button]),post-header>.pretend-focus:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>.pretend-focus:where(a,button,[role=link],[role=button]),post-mainnavigation>.pretend-focus:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>.pretend-focus:where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .pretend-focus.post-megadropdown-overview,post-megadropdown .pretend-focus.post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>.pretend-focus:where(a,button,[role=link],[role=button]),post-header>.pretend-focus:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>.pretend-focus:where(a,button,[role=link],[role=button]),post-mainnavigation>.pretend-focus:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>.pretend-focus:where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}post-megadropdown .post-megadropdown-overview:has(:focus-visible),post-megadropdown .post-megadropdown-list-title:has(:focus-visible),post-megadropdown .post-megadropdown-list>li>:has(:focus-visible):where(a,button,[role=link],[role=button]),post-header>:has(:focus-visible):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:has(:focus-visible):where(a,button,[role=link],[role=button]),post-mainnavigation>:has(:focus-visible):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:has(:focus-visible):where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview:has(:focus-visible),post-megadropdown .post-megadropdown-list-title:has(:focus-visible),post-megadropdown .post-megadropdown-list>li>:has(:focus-visible):where(a,button,[role=link],[role=button]),post-header>:has(:focus-visible):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:has(:focus-visible):where(a,button,[role=link],[role=button]),post-mainnavigation>:has(:focus-visible):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:has(:focus-visible):where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-header>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-header>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]),post-header>*:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){border-width:1px !important;transition:none}post-megadropdown .post-megadropdown-overview:is(button),post-megadropdown .post-megadropdown-list-title:is(button),post-megadropdown .post-megadropdown-list>li>:is(button):where(a,button,[role=link],[role=button]),post-header>:is(button):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is(button):where(a,button,[role=link],[role=button]),post-mainnavigation>:is(button):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(button):where(a,button,[role=link],[role=button]){background-color:ButtonFace !important;border-color:ButtonBorder !important}}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]),post-header>*:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){border:unset;font-weight:unset;display:flex;padding:4px 10px;gap:6px;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}post-megadropdown .post-megadropdown-overview:hover,post-megadropdown .post-megadropdown-list-title:hover,post-megadropdown .post-megadropdown-list>li>:hover:where(a,button,[role=link],[role=button]),post-header>:hover:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:hover:where(a,button,[role=link],[role=button]),post-mainnavigation>:hover:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:hover:where(a,button,[role=link],[role=button]){border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}post-megadropdown .post-megadropdown-overview:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active),post-megadropdown .post-megadropdown-list-title:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active),post-megadropdown .post-megadropdown-list>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]),post-header>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]),post-mainnavigation>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}post-megadropdown .post-megadropdown-overview:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover,post-megadropdown .post-megadropdown-list-title:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover,post-megadropdown .post-megadropdown-list>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover:where(a,button,[role=link],[role=button]),post-header>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover:where(a,button,[role=link],[role=button]),post-header>*:where(ul)>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover:where(a,button,[role=link],[role=button]),post-mainnavigation>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover:where(a,button,[role=link],[role=button]){border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){--post-nav-item-border-width: 1px;width:100%;justify-content:start;position:relative;padding:12px 12px calc(12px - var(--post-nav-item-border-width)) 8px;gap:16px;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor}post-mainnavigation>:hover:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:hover:where(a,button,[role=link],[role=button]){border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);border-bottom-color:rgba(0,0,0,0)}post-mainnavigation>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button]){box-shadow:none}post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-mainnavigation>:focus-visible:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:focus-visible:where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-mainnavigation>:focus-visible:where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:focus-visible:where(a,button,[role=link],[role=button])::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-mainnavigation>:focus-visible:hover:where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:focus-visible:hover:where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-mainnavigation>:focus-visible:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:focus-visible:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation>:focus-visible:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:focus-visible:where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}post-mainnavigation>.pretend-focus:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>.pretend-focus:where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-mainnavigation>.pretend-focus:where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>.pretend-focus:where(a,button,[role=link],[role=button])::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-mainnavigation>.pretend-focus:hover:where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>.pretend-focus:hover:where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-mainnavigation>.pretend-focus:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>.pretend-focus:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation>.pretend-focus:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>.pretend-focus:where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}post-mainnavigation>:has(:focus-visible):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:has(:focus-visible):where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-mainnavigation>:has(:focus-visible):where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:has(:focus-visible):where(a,button,[role=link],[role=button])::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-mainnavigation>:has(:focus-visible):hover:where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:has(:focus-visible):hover:where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-mainnavigation>:has(:focus-visible):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:has(:focus-visible):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation>:has(:focus-visible):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:has(:focus-visible):where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button])::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):hover:where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):hover:where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after,post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):where(a,button,[role=link],[role=button])::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:is(:focus-visible,:focus-within,.pretend-focus):where(a,button,[role=link],[role=button]){outline-color:Highlight !important}}}post-mainnavigation>*:where(a,button,[role=link],[role=button])>post-icon:where(:last-child),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon:where(:last-child){margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){padding:9.5px 12px calc(9.5px - var(--post-nav-item-border-width)) 8px;gap:8px;font-size:.875rem}post-mainnavigation>*:where(a,button,[role=link],[role=button])>post-icon,post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-mainnavigation>*:where(a,button,[role=link],[role=button])>post-icon,post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1.5rem}}post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){height:100%}@media screen and (min-width: 1024px){post-mainnavigation>*:where(a,button,[role=link],[role=button]),post-mainnavigation>*:where(ul)>li>:where(a,button,[role=link],[role=button]){padding:16px 12px;gap:8px;border-bottom:0}}body:has(post-header){scroll-padding-top:var(--post-header-height)}[data-post-scroll-locked]{overflow:hidden !important}body:has(post-header:not([data-hydrated])) post-back-to-top{visibility:hidden !important}post-header:not(:defined),post-header:not([data-hydrated]){display:block;height:var(--post-header-height)}@media screen and (max-width: 1023.98px){post-header>:is([slot=global-nav-primary],[slot=post-login],[slot=local-nav]){flex-direction:row}}@media screen and (min-width: 0)and (max-width: 599.98px){post-header>:is([slot=global-nav-primary],[slot=post-login],[slot=local-nav]):where(a,button,[role=link],[role=button])>:not(post-icon),post-header>:is([slot=global-nav-primary],[slot=post-login],[slot=local-nav]):where(ul)>li>:where(a,button,[role=link],[role=button])>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-header>:is([slot=global-nav-primary],[slot=post-login],[slot=local-nav]):where(a,button,[role=link],[role=button])>post-icon,post-header>:is([slot=global-nav-primary],[slot=post-login],[slot=local-nav]):where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1.5rem}}@media screen and (min-width: 0)and (max-width: 599.98px){post-header>:is([slot=global-nav-primary],[slot=post-login]):where(a,button,[role=link],[role=button]),post-header>:is([slot=global-nav-primary],[slot=post-login]):where(ul)>li>:where(a,button,[role=link],[role=button]){padding:10px}}post-header>[slot=local-nav]{grid-area:local-nav}post-header>[slot=local-nav]:where(ul){align-items:center}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-header>[slot=audience]:where(ul){flex-direction:row;margin-block:16px}}@media screen and (min-width: 0)and (max-width: 599.98px){post-header>[slot=audience]:where(ul){gap:8px}}post-header>[slot=audience]:where(a,button,[role=link],[role=button]),post-header>[slot=audience]:where(ul)>li>:where(a,button,[role=link],[role=button]){padding-inline:16px}@media screen and (max-width: 1023.98px){post-header>[slot=global-nav-secondary]:where(ul){flex-direction:column}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]){flex-direction:row-reverse;--post-nav-item-border-width: 1px;width:100%;justify-content:start;position:relative;padding:12px 12px calc(12px - var(--post-nav-item-border-width)) 8px;gap:16px;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):hover,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);border-bottom-color:rgba(0,0,0,0)}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:none}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):focus-visible,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):focus-visible{outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):focus-visible::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):focus-visible::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):focus-visible:hover::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):focus-visible:hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):focus-visible:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):focus-visible:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}}@media screen and (max-width: 1023.98px)and (forced-colors: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: white-on-black){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):focus-visible,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):focus-visible{outline-color:Highlight !important}}@media screen and (max-width: 1023.98px){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]).pretend-focus,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]).pretend-focus{outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]).pretend-focus::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]).pretend-focus::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]).pretend-focus:hover::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]).pretend-focus:hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]).pretend-focus:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]).pretend-focus:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}}@media screen and (max-width: 1023.98px)and (forced-colors: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: white-on-black){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]).pretend-focus,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]).pretend-focus{outline-color:Highlight !important}}@media screen and (max-width: 1023.98px){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):has(:focus-visible),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):has(:focus-visible)::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):has(:focus-visible)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):has(:focus-visible):hover::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):has(:focus-visible):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):has(:focus-visible):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):has(:focus-visible):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}}@media screen and (max-width: 1023.98px)and (forced-colors: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: white-on-black){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):has(:focus-visible),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):has(:focus-visible){outline-color:Highlight !important}}@media screen and (max-width: 1023.98px){@supports not selector(:has(:focus-visible)){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus)::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):hover::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media screen and (max-width: 1023.98px)and (forced-colors: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: active),screen and (max-width: 1023.98px)and (-ms-high-contrast: white-on-black){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button])>post-icon:where(:last-child),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon:where(:last-child){margin-inline-start:auto}}@media screen and (max-width: 1023.98px)and (min-width: 0)and (max-width: 599.98px){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button]),post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button]){padding:9.5px 12px calc(9.5px - var(--post-nav-item-border-width)) 8px;gap:8px;font-size:.875rem}post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button])>post-icon,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1rem}}@media screen and (max-width: 1023.98px)and (min-width: 600px)and (max-width: 1023.98px){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button])>post-icon,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1.5rem}}@media screen and (max-width: 1023.98px){post-header>[slot=global-nav-secondary]:where(a,button,[role=link],[role=button])>post-icon,post-header>[slot=global-nav-secondary]:where(ul)>li>:where(a,button,[role=link],[role=button])>post-icon{margin:unset}}post-header [slot=title]{grid-area:title;flex-grow:1;margin:0;font-size:1.25rem;font-weight:950}@media screen and (min-width: 1024px){post-header [slot=title]{font-size:1.75rem;line-height:34px}}post-header>[slot=side-nav]{grid-area:side-nav;flex-shrink:0}@media screen and (min-width: 1024px){post-header>[slot=side-nav]{display:none}}post-header>[slot=side-nav]>button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer}post-header>[slot=side-nav]>button:not(:disabled):hover{text-decoration:none}post-header>[slot=side-nav]>button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}post-header>[slot=side-nav]>button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-header>[slot=side-nav]>button:focus-visible{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-header>[slot=side-nav]>button:focus-visible{outline-color:Highlight !important}}post-header>[slot=side-nav]>button.pretend-focus{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-header>[slot=side-nav]>button.pretend-focus{outline-color:Highlight !important}}post-header>[slot=side-nav]>button:has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-header>[slot=side-nav]>button:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-header>[slot=side-nav]>button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-header>[slot=side-nav]>button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-header>[slot=side-nav]>button{border-width:1px !important;transition:none}post-header>[slot=side-nav]>button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}post-header>[slot=side-nav]>button{border:unset;font-weight:unset;display:flex;padding:4px 10px;gap:6px;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}post-header>[slot=side-nav]>button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}post-header>[slot=side-nav]>button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}post-header>[slot=side-nav]>button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}@media screen and (min-width: 0)and (max-width: 599.98px){post-header>[slot=side-nav]>button>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-header>[slot=side-nav]>button>post-icon{font-size:1.5rem}post-header>[slot=side-nav]>button{padding:10px}}post-header .local-login{margin-block:-4px}@media screen and (max-width: 1023.98px){post-header:has(post-mainnavigation) post-language-menu[variant=menu]{display:none}}post-mainnavigation{grid-area:main-nav}post-mainnavigation:where(post-header:has([slot=local-nav]):not(:has([slot=title]))){max-width:calc(100% + var(--post-local-header-padding-inline-start))}post-mainnavigation>ul{column-gap:0;height:100%;align-items:stretch;flex-wrap:nowrap}post-mainnavigation post-megadropdown-trigger{height:100%;width:100%}post-megadropdown{--min-text-width: 12ch}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-megadropdown{--min-text-width: 28ch}}post-megadropdown{--header-megadropdown-col-min-width: calc( 8px + 12px + var(--min-text-width) )}post-megadropdown .post-megadropdown-list{flex-direction:column}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]){--post-nav-item-border-width: 1px;width:100%;justify-content:start;position:relative;padding:12px 12px calc(12px - var(--post-nav-item-border-width)) 8px;gap:16px;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor}post-megadropdown .post-megadropdown-overview:hover,post-megadropdown .post-megadropdown-list-title:hover,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);border-bottom-color:rgba(0,0,0,0)}post-megadropdown .post-megadropdown-overview:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active),post-megadropdown .post-megadropdown-list-title:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:none}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-megadropdown .post-megadropdown-overview:focus-visible,post-megadropdown .post-megadropdown-list-title:focus-visible,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):focus-visible{outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-megadropdown .post-megadropdown-overview:focus-visible::after,post-megadropdown .post-megadropdown-list-title:focus-visible::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):focus-visible::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-megadropdown .post-megadropdown-overview:focus-visible:hover::after,post-megadropdown .post-megadropdown-list-title:focus-visible:hover::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):focus-visible:hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-megadropdown .post-megadropdown-overview:focus-visible:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list-title:focus-visible:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):focus-visible:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview:focus-visible,post-megadropdown .post-megadropdown-list-title:focus-visible,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):focus-visible{outline-color:Highlight !important}}post-megadropdown .post-megadropdown-overview.pretend-focus,post-megadropdown .post-megadropdown-list-title.pretend-focus,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]).pretend-focus{outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-megadropdown .post-megadropdown-overview.pretend-focus::after,post-megadropdown .post-megadropdown-list-title.pretend-focus::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]).pretend-focus::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-megadropdown .post-megadropdown-overview.pretend-focus:hover::after,post-megadropdown .post-megadropdown-list-title.pretend-focus:hover::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]).pretend-focus:hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-megadropdown .post-megadropdown-overview.pretend-focus:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list-title.pretend-focus:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]).pretend-focus:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview.pretend-focus,post-megadropdown .post-megadropdown-list-title.pretend-focus,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]).pretend-focus{outline-color:Highlight !important}}post-megadropdown .post-megadropdown-overview:has(:focus-visible),post-megadropdown .post-megadropdown-list-title:has(:focus-visible),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-megadropdown .post-megadropdown-overview:has(:focus-visible)::after,post-megadropdown .post-megadropdown-list-title:has(:focus-visible)::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):has(:focus-visible)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-megadropdown .post-megadropdown-overview:has(:focus-visible):hover::after,post-megadropdown .post-megadropdown-list-title:has(:focus-visible):hover::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):has(:focus-visible):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-megadropdown .post-megadropdown-overview:has(:focus-visible):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list-title:has(:focus-visible):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):has(:focus-visible):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview:has(:focus-visible),post-megadropdown .post-megadropdown-list-title:has(:focus-visible),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus)::after,post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus)::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus):hover::after,post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus):hover::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-megadropdown .post-megadropdown-overview:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list-title:is(:focus-visible,:focus-within,.pretend-focus),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-megadropdown .post-megadropdown-overview>post-icon:where(:last-child),post-megadropdown .post-megadropdown-list-title>post-icon:where(:last-child),post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button])>post-icon:where(:last-child){margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]){padding:9.5px 12px calc(9.5px - var(--post-nav-item-border-width)) 8px;gap:8px;font-size:.875rem}post-megadropdown .post-megadropdown-overview>post-icon,post-megadropdown .post-megadropdown-list-title>post-icon,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-megadropdown .post-megadropdown-overview>post-icon,post-megadropdown .post-megadropdown-list-title>post-icon,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button])>post-icon{font-size:1.5rem}}post-megadropdown .post-megadropdown-overview,post-megadropdown .post-megadropdown-list-title,post-megadropdown .post-megadropdown-list>li>:where(a,button,[role=link],[role=button]){text-wrap:wrap;overflow-wrap:anywhere}post-megadropdown .post-megadropdown-list-title{margin:0;font-weight:950;--post-nav-item-border-width: 2px}@media screen and (min-width: 1024px){post-megadropdown .post-megadropdown-list-title{font-size:1.25rem}}post-megadropdown .post-megadropdown-list-title:not(a,button,[role=link],[role=button]){pointer-events:none}post-megadropdown .post-megadropdown-overview{margin-block:0 16px}@media screen and (min-width: 1024px){post-megadropdown .post-megadropdown-overview{font-size:1.25rem}}post-megadropdown .post-megadropdown-overview:first-child{margin-block-start:-8px}post-megadropdown .post-megadropdown-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--header-megadropdown-col-min-width), 1fr));gap:24px}@media screen and (min-width: 600px)and (max-width: 1023.98px){post-megadropdown .post-megadropdown-grid{column-gap:16px}}@media screen and (min-width: 0)and (max-width: 599.98px){post-megadropdown .post-megadropdown-grid{grid-template-columns:1fr;column-gap:0}}post-header [slot=post-login]>post-menu-trigger>button.btn-link,post-header .local-login>post-menu-trigger>button.btn-link{display:block;border-radius:var(--post-device-border-radius-round)}post-header [slot=post-login]>post-menu>[slot=header]>p,post-header .local-login>post-menu>[slot=header]>p{margin-block:0}post-header [slot=post-login]>post-menu>[slot=header]>p:first-of-type:not(:last-of-type),post-header .local-login>post-menu>[slot=header]>p:first-of-type:not(:last-of-type){margin-block-end:-4px;font-size:12px;font-weight:400}post-header [slot=post-login]>post-menu>post-menu-item>a>post-icon,post-header .local-login>post-menu>post-menu-item>a>post-icon{order:-1}
package/components/inline-notification.css CHANGED
@@ -1 +1 @@
1
- .inline-notification{display:inline-grid;align-items:flex-start;grid-template-columns:auto minmax(0, 1fr);column-gap:var(--post-device-spacing-gap-16);row-gap:var(--post-device-spacing-gap-2);padding-block:var(--post-device-spacing-padding-block-12);padding-inline:var(--post-device-spacing-padding-inline-1);border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);border-radius:var(--post-device-border-radius-1)}.inline-notification::before{content:"";display:block;grid-column:1;grid-row:1;width:var(--post-device-sizing-notification-icon-3);height:var(--post-device-sizing-notification-icon-3);margin-block-start:2px}.inline-notification.inline-notification-info{border-color:var(--post-scheme-color-interactive-notification-info-stroke);background-color:var(--post-scheme-color-interactive-notification-info-bg);color:var(--post-scheme-color-interactive-notification-info-fg)}.inline-notification.inline-notification-info::before{background-image:var(--post-signal-icon-info)}.inline-notification.inline-notification-success{border-color:var(--post-scheme-color-interactive-notification-success-stroke);background-color:var(--post-scheme-color-interactive-notification-success-bg);color:var(--post-scheme-color-interactive-notification-success-fg)}.inline-notification.inline-notification-success::before{background-image:var(--post-signal-icon-success)}.inline-notification.inline-notification-warning{border-color:var(--post-scheme-color-interactive-notification-warning-stroke);background-color:var(--post-scheme-color-interactive-notification-warning-bg);color:var(--post-scheme-color-interactive-notification-warning-fg)}.inline-notification.inline-notification-warning::before{background-image:var(--post-signal-icon-warning)}.inline-notification.inline-notification-error{border-color:var(--post-scheme-color-interactive-notification-error-stroke);background-color:var(--post-scheme-color-interactive-notification-error-bg);color:var(--post-scheme-color-interactive-notification-error-fg)}.inline-notification.inline-notification-error::before{background-image:var(--post-signal-icon-error)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.inline-notification{border:2px solid CanvasText}}.inline-notification h1,.inline-notification h2,.inline-notification h3,.inline-notification h4,.inline-notification h5,.inline-notification h6{margin:0;padding:0;grid-row:1;font-size:var(--post-device-font-size-4);font-weight:var(--post-device-font-weight-bold)}.inline-notification>*{margin:0;grid-column:2}
1
+ .inline-notification{position:relative;display:flex;align-items:flex-start;flex-direction:column;padding-block:calc(var(--post-device-spacing-padding-block-12) + var(--post-device-spacing-padding-block-6));padding-inline-start:calc(var(--post-device-spacing-padding-inline-1) + var(--post-device-sizing-notification-icon-3) + var(--post-device-spacing-gap-16));padding-inline-end:var(--post-device-spacing-padding-inline-1);border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);border-radius:var(--post-device-border-radius-1);row-gap:var(--post-device-spacing-gap-2);column-gap:var(--post-device-spacing-gap-inline-10)}.inline-notification.inline-notification-singleline{flex-wrap:wrap;flex-direction:row}.inline-notification::before{content:"";display:block;position:absolute;inset-inline-start:var(--post-device-spacing-padding-inline-1);inset-block-start:var(--post-device-spacing-padding-block-12);width:var(--post-device-sizing-notification-icon-3);height:var(--post-device-sizing-notification-icon-3)}.inline-notification.inline-notification-info{border-color:var(--post-scheme-color-interactive-notification-info-stroke);background-color:var(--post-scheme-color-interactive-notification-info-bg);color:var(--post-scheme-color-interactive-notification-info-fg);color-scheme:light}.inline-notification.inline-notification-info::before{background-image:var(--post-signal-icon-info)}.inline-notification.inline-notification-success{border-color:var(--post-scheme-color-interactive-notification-success-stroke);background-color:var(--post-scheme-color-interactive-notification-success-bg);color:var(--post-scheme-color-interactive-notification-success-fg);color-scheme:light}.inline-notification.inline-notification-success::before{background-image:var(--post-signal-icon-success)}.inline-notification.inline-notification-warning{border-color:var(--post-scheme-color-interactive-notification-warning-stroke);background-color:var(--post-scheme-color-interactive-notification-warning-bg);color:var(--post-scheme-color-interactive-notification-warning-fg);color-scheme:light}.inline-notification.inline-notification-warning::before{background-image:var(--post-signal-icon-warning)}.inline-notification.inline-notification-error{border-color:var(--post-scheme-color-interactive-notification-error-stroke);background-color:var(--post-scheme-color-interactive-notification-error-bg);color:var(--post-scheme-color-interactive-notification-error-fg);color-scheme:light}.inline-notification.inline-notification-error::before{background-image:var(--post-signal-icon-error)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.inline-notification{border:2px solid CanvasText}}.inline-notification h1,.inline-notification h2,.inline-notification h3,.inline-notification h4,.inline-notification h5,.inline-notification h6{font-weight:var(--post-device-font-weight-bold)}.inline-notification h1,.inline-notification h2,.inline-notification h3,.inline-notification h4,.inline-notification h5,.inline-notification h6,.inline-notification p{margin:0;line-height:var(--post-device-line-height-content);font-size:var(--post-device-font-size-6)}
package/components/inline-notification.scss CHANGED
@@ -6,25 +6,38 @@
6
6
  tokens.$default-map: components.$post-inline-notification;
7
7
 
8
8
  .inline-notification {
9
- display: inline-grid;
9
+ position: relative;
10
+ display: flex;
10
11
  align-items: flex-start;
11
- grid-template-columns: auto minmax(0, 1fr);
12
- column-gap: tokens.get('notification-inline-gap-inline');
13
- row-gap: tokens.get('notification-inline-labels-gap-block');
14
- padding-block: tokens.get('notification-inline-padding-block');
15
- padding-inline: tokens.get('notification-inline-padding-inline');
12
+ flex-direction: column;
13
+ padding-block: calc(
14
+ tokens.get('notification-inline-padding-block') +
15
+ tokens.get('notification-inline-content-padding-block')
16
+ );
17
+ padding-inline-start: calc(
18
+ tokens.get('notification-inline-padding-inline') + tokens.get('notification-inline-icon-size') +
19
+ tokens.get('notification-inline-gap-inline')
20
+ );
21
+ padding-inline-end: tokens.get('notification-inline-padding-inline');
16
22
  border-style: tokens.get('notification-inline-border-style');
17
23
  border-width: tokens.get('notification-inline-border-width');
18
24
  border-radius: tokens.get('notification-inline-border-radius');
25
+ row-gap: tokens.get('notification-inline-labels-gap-block');
26
+ column-gap: tokens.get('notification-inline-labels-gap-inline');
27
+
28
+ &.inline-notification-singleline {
29
+ flex-wrap: wrap;
30
+ flex-direction: row;
31
+ }
19
32
 
20
33
  &::before {
21
34
  content: '';
22
35
  display: block;
23
- grid-column: 1;
24
- grid-row: 1;
36
+ position: absolute;
37
+ inset-inline-start: tokens.get('notification-inline-padding-inline');
38
+ inset-block-start: tokens.get('notification-inline-padding-block');
25
39
  width: tokens.get('notification-inline-icon-size');
26
40
  height: tokens.get('notification-inline-icon-size');
27
- margin-block-start: 2px;
28
41
  }
29
42
 
30
43
  @each $name in 'info', 'success', 'warning', 'error' {
@@ -32,6 +45,7 @@ tokens.$default-map: components.$post-inline-notification;
32
45
  border-color: tokens.get('notification-inline-color-#{$name}-stroke');
33
46
  background-color: tokens.get('notification-inline-color-#{$name}-bg');
34
47
  color: tokens.get('notification-inline-color-#{$name}-fg');
48
+ color-scheme: light;
35
49
 
36
50
  &::before {
37
51
  background-image: var(--post-signal-icon-#{$name});
@@ -49,15 +63,18 @@ tokens.$default-map: components.$post-inline-notification;
49
63
  h4,
50
64
  h5,
51
65
  h6 {
52
- margin: 0;
53
- padding: 0;
54
- grid-row: 1;
55
- font-size: tokens.get('h4-font-size', elements.$post-heading);
56
66
  font-weight: tokens.get('notification-inline-title-font-weight');
57
67
  }
58
68
 
59
- > * {
69
+ h1,
70
+ h2,
71
+ h3,
72
+ h4,
73
+ h5,
74
+ h6,
75
+ p {
60
76
  margin: 0;
61
- grid-column: 2;
77
+ line-height: tokens.get('body-line-height', elements.$post-body);
78
+ font-size: tokens.get('body-font-size', elements.$post-body);
62
79
  }
63
80
  }
package/components/list-check.css CHANGED
@@ -1 +1 @@
1
- ul.list-check{margin-block:0;padding-inline-start:0;list-style:none;display:flex;flex-direction:column;align-items:flex-start;list-style:none;padding-block:var(--post-device-spacing-padding-block-8) var(--post-device-spacing-padding-block-8);padding-inline-start:calc(var(--post-device-sizing-icon-1) + 2*var(--post-device-spacing-padding-16) + var(--post-device-spacing-gap-inline-2) + 2*var(--post-device-spacing-padding-4));gap:var(--post-device-spacing-gap-block-3)}ul.list-check>li{position:relative;color:var(--post-scheme-color-interactive-primary-enabled-fg1);padding-block:var(--post-device-spacing-padding-block-6)}ul.list-check>li::before{display:block;position:absolute;top:0;left:0;margin-inline-start:calc(-1*(var(--post-device-sizing-icon-1) + 2*var(--post-device-spacing-padding-16) + var(--post-device-spacing-gap-inline-2) + var(--post-device-spacing-padding-4)));margin-block:calc(-1*var(--post-device-spacing-padding-block-6));background:var(--post-scheme-color-surface-accent-bg);width:calc(var(--post-device-sizing-icon-1) + 2*var(--post-device-spacing-padding-16));height:calc(var(--post-device-sizing-icon-1) + 2*var(--post-device-spacing-padding-16));content:"";border-radius:50%}@media screen and (max-width: 599.98px){ul.list-check>li::before{margin-block:var(--post-device-spacing-padding-18);padding-inline:var(--post-device-spacing-padding-4)}}ul.list-check>li::after{display:block;position:absolute;margin-inline-start:calc(-1*(var(--post-device-sizing-icon-1) + 2*var(--post-device-spacing-padding-16) + var(--post-device-spacing-gap-inline-2) + var(--post-device-spacing-padding-4)));margin-block:calc(-1*var(--post-device-spacing-padding-block-6));top:var(--post-device-spacing-padding-16);left:var(--post-device-spacing-padding-16);width:var(--post-device-sizing-icon-1);height:var(--post-device-sizing-icon-1);content:"";mask-image:var(--post-icon-checkmark);background-color:currentColor}:root,:host{--post-icon-checkmark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hlY2ttYXJrIj48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNDIgMTIuMTggNC4yMSA4Ljc0Yy0uMjgtLjMtLjI3LS43OC4wNC0xLjA2LjMtLjI4Ljc4LS4yNyAxLjA2LjA0bDEuOTEgMi4wNSAzLjQtNS4xNWMuMjMtLjM1LjY5LS40NCAxLjA0LS4yMXMuNDQuNjkuMjEgMS4wNGwtNC40NSA2Ljc0WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJtMTEuMDkgMTcuODYtNC42LTQuOTNhLjg4Ljg4IDAgMCAxIC4wNC0xLjI0Yy4zNS0uMzMuOTEtLjMxIDEuMjQuMDRsMy4wOCAzLjMgNS4yNy03Ljk5Yy4yNy0uNC44MS0uNTEgMS4yMS0uMjUuNC4yNy41MS44MS4yNSAxLjIxbC02LjUgOS44NFoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0ibTE0Ljc3IDIzLjQ4LTUuOTktNi40MmEuOTkuOTkgMCAwIDEgLjA1LTEuNDEuOTkuOTkgMCAwIDEgMS40MS4wNWw0LjI2IDQuNTYgNy4xNS0xMC44M2MuMy0uNDYuOTItLjU5IDEuMzktLjI4LjQ2LjMuNTkuOTIuMjggMS4zOWwtOC41NSAxMi45NVoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZD0ibTE4LjQ1IDI5LjE1LTcuMzgtNy45Yy0uNDItLjQ1LS40LTEuMTcuMDUtMS41OXMxLjE3LS40IDEuNTkuMDVsNS40MyA1LjgxIDkuMDItMTMuNjdhMS4xMjcgMS4xMjcgMCAwIDEgMS44OCAxLjI0bC0xMC42IDE2LjA2WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJtMjIuMTIgMzQuNzktOC43Ny05LjM5Yy0uNDctLjUtLjQ0LTEuMy4wNi0xLjc3czEuMy0uNDUgMS43Ny4wNmw2LjYgNy4wNyAxMC45LTE2LjUxYy4zOC0uNTggMS4xNi0uNzQgMS43My0uMzUuNTguMzguNzQgMS4xNi4zNSAxLjczTDIyLjExIDM0Ljc5WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMjkuNDYgNDYuMDkgMTguMDIgMzMuODRjLS41Mi0uNTUtLjQ5LTEuNDIuMDctMS45NC41NS0uNTIgMS40Mi0uNDkgMS45NC4wN2w5LjA2IDkuNyAxNC43NC0yMi4zM2MuNDItLjYzIDEuMjctLjgxIDEuOTEtLjM5LjYzLjQyLjgxIDEuMjcuMzkgMS45MUwyOS40NyA0Ni4xWiIvPjwvc3ltYm9sPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMxNiwgbm9uZSkiIGhyZWY9IiNzMTYiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMjQsIG5vbmUpIiBocmVmPSIjczI0Ii8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczMyLCBub25lKSIgaHJlZj0iI3MzMiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0MCwgbm9uZSkiIGhyZWY9IiNzNDAiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNDgsIG5vbmUpIiBocmVmPSIjczQ4Ii8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczY0LCBub25lKSIgaHJlZj0iI3M2NCIvPjwvc3ltYm9sPjwvZGVmcz48c3R5bGU+QG1lZGlhIChtYXgtd2lkdGg6IDIzLjk4cHgpIHtney0tczE2OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDI0cHgpIGFuZCAobWF4LXdpZHRoOiAzMS45OHB4KSB7Z3stLXMyNDpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiAzMnB4KSBhbmQgKG1heC13aWR0aDogMzkuOThweCkge2d7LS1zMzI6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDBweCkgYW5kIChtYXgtd2lkdGg6IDQ3Ljk4cHgpIHtney0tczQwOmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDQ4cHgpIGFuZCAobWF4LXdpZHRoOiA2My45OHB4KSB7Z3stLXM0ODpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA2NHB4KSB7Z3stLXM2NDpibG9jazt9fTwvc3R5bGU+PGc+PHVzZSBocmVmPSIjaS1jaGVja21hcmsiLz48L2c+PC9zdmc+")}ul.list-check>li::after{color:var(--post-scheme-color-surface-accent-fg)}@media screen and (max-width: 599.98px){ul.list-check>li::after{margin-block:var(--post-device-spacing-padding-18);padding-inline:var(--post-device-spacing-padding-4)}}
1
+ ul.list-check{margin-block:0;padding-inline-start:0;list-style:none;display:flex;flex-direction:column;align-items:flex-start;gap:var(--post-device-spacing-gap-block-3);padding-block:var(--post-device-spacing-padding-block-8);padding-inline-start:calc(var(--post-device-sizing-icon-1) + 2*var(--post-device-spacing-padding-16) + var(--post-device-spacing-gap-inline-2) + 2*var(--post-device-spacing-padding-4))}ul.list-check>li{position:relative;color:var(--post-scheme-color-interactive-primary-enabled-fg1);padding-block:var(--post-device-spacing-padding-block-6)}ul.list-check>li::before,ul.list-check>li::after{position:absolute;inset-block-start:var(--post-device-spacing-padding-18);inset-inline-start:calc(-1*(var(--post-device-sizing-icon-1) + 2*var(--post-device-spacing-padding-16) + var(--post-device-spacing-gap-inline-2)) - var(--post-device-spacing-padding-4));content:""}ul.list-check>li::before{background:var(--post-scheme-color-surface-accent-bg);border-radius:50%;width:calc(var(--post-device-sizing-icon-1) + 2*var(--post-device-spacing-padding-16));height:calc(var(--post-device-sizing-icon-1) + 2*var(--post-device-spacing-padding-16))}ul.list-check>li::after{mask-image:var(--post-icon-checkmark);background-color:currentColor}:root,:host{--post-icon-checkmark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hlY2ttYXJrIj48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNDIgMTIuMTggNC4yMSA4Ljc0Yy0uMjgtLjMtLjI3LS43OC4wNC0xLjA2LjMtLjI4Ljc4LS4yNyAxLjA2LjA0bDEuOTEgMi4wNSAzLjQtNS4xNWMuMjMtLjM1LjY5LS40NCAxLjA0LS4yMXMuNDQuNjkuMjEgMS4wNGwtNC40NSA2Ljc0WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJtMTEuMDkgMTcuODYtNC42LTQuOTNhLjg4Ljg4IDAgMCAxIC4wNC0xLjI0Yy4zNS0uMzMuOTEtLjMxIDEuMjQuMDRsMy4wOCAzLjMgNS4yNy03Ljk5Yy4yNy0uNC44MS0uNTEgMS4yMS0uMjUuNC4yNy41MS44MS4yNSAxLjIxbC02LjUgOS44NFoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0ibTE0Ljc3IDIzLjQ4LTUuOTktNi40MmEuOTkuOTkgMCAwIDEgLjA1LTEuNDEuOTkuOTkgMCAwIDEgMS40MS4wNWw0LjI2IDQuNTYgNy4xNS0xMC44M2MuMy0uNDYuOTItLjU5IDEuMzktLjI4LjQ2LjMuNTkuOTIuMjggMS4zOWwtOC41NSAxMi45NVoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZD0ibTE4LjQ1IDI5LjE1LTcuMzgtNy45Yy0uNDItLjQ1LS40LTEuMTcuMDUtMS41OXMxLjE3LS40IDEuNTkuMDVsNS40MyA1LjgxIDkuMDItMTMuNjdhMS4xMjcgMS4xMjcgMCAwIDEgMS44OCAxLjI0bC0xMC42IDE2LjA2WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJtMjIuMTIgMzQuNzktOC43Ny05LjM5Yy0uNDctLjUtLjQ0LTEuMy4wNi0xLjc3czEuMy0uNDUgMS43Ny4wNmw2LjYgNy4wNyAxMC45LTE2LjUxYy4zOC0uNTggMS4xNi0uNzQgMS43My0uMzUuNTguMzguNzQgMS4xNi4zNSAxLjczTDIyLjExIDM0Ljc5WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMjkuNDYgNDYuMDkgMTguMDIgMzMuODRjLS41Mi0uNTUtLjQ5LTEuNDIuMDctMS45NC41NS0uNTIgMS40Mi0uNDkgMS45NC4wN2w5LjA2IDkuNyAxNC43NC0yMi4zM2MuNDItLjYzIDEuMjctLjgxIDEuOTEtLjM5LjYzLjQyLjgxIDEuMjcuMzkgMS45MUwyOS40NyA0Ni4xWiIvPjwvc3ltYm9sPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMxNiwgbm9uZSkiIGhyZWY9IiNzMTYiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMjQsIG5vbmUpIiBocmVmPSIjczI0Ii8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczMyLCBub25lKSIgaHJlZj0iI3MzMiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0MCwgbm9uZSkiIGhyZWY9IiNzNDAiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNDgsIG5vbmUpIiBocmVmPSIjczQ4Ii8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczY0LCBub25lKSIgaHJlZj0iI3M2NCIvPjwvc3ltYm9sPjwvZGVmcz48c3R5bGU+QG1lZGlhIChtYXgtd2lkdGg6IDIzLjk4cHgpIHtney0tczE2OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDI0cHgpIGFuZCAobWF4LXdpZHRoOiAzMS45OHB4KSB7Z3stLXMyNDpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiAzMnB4KSBhbmQgKG1heC13aWR0aDogMzkuOThweCkge2d7LS1zMzI6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDBweCkgYW5kIChtYXgtd2lkdGg6IDQ3Ljk4cHgpIHtney0tczQwOmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDQ4cHgpIGFuZCAobWF4LXdpZHRoOiA2My45OHB4KSB7Z3stLXM0ODpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA2NHB4KSB7Z3stLXM2NDpibG9jazt9fTwvc3R5bGU+PGc+PHVzZSBocmVmPSIjaS1jaGVja21hcmsiLz48L2c+PC9zdmc+")}ul.list-check>li::after{width:var(--post-device-sizing-icon-1);height:var(--post-device-sizing-icon-1);color:var(--post-scheme-color-surface-accent-fg);margin-block-start:var(--post-device-spacing-padding-16);margin-inline-start:var(--post-device-spacing-padding-16)}