@swisspost/design-system-styles 10.6.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 (70) 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/dialog.scss +21 -6
  23. package/components/form-input.css +1 -1
  24. package/components/form-input.scss +3 -1
  25. package/components/form-search-input.css +1 -1
  26. package/components/form-select.css +1 -1
  27. package/components/form-select.scss +3 -2
  28. package/components/form-textarea.css +1 -1
  29. package/components/form-textarea.scss +3 -1
  30. package/components/header/index.css +1 -1
  31. package/components/inline-notification.css +1 -1
  32. package/components/inline-notification.scss +32 -15
  33. package/components/list-check.css +1 -1
  34. package/components/list-check.scss +18 -53
  35. package/components/list-interactive.css +1 -1
  36. package/components/palette.css +1 -1
  37. package/components/radio-button.css +1 -1
  38. package/components/segmented-button.css +1 -1
  39. package/components/selection-card.css +1 -1
  40. package/components/selection-card.scss +2 -1
  41. package/components/skiplinks.css +1 -1
  42. package/components/switch.css +1 -1
  43. package/components/tabs/index.css +1 -1
  44. package/components/tag.css +1 -1
  45. package/components/tag.scss +2 -1
  46. package/components/toast.css +1 -1
  47. package/components/toast.scss +2 -1
  48. package/elements/anchor.css +1 -1
  49. package/functions/_env.scss +12 -0
  50. package/functions/_icons.scss +4 -3
  51. package/functions/_index.scss +1 -0
  52. package/helpers/focus-ring.css +1 -1
  53. package/mixins/_button.scss +12 -1
  54. package/mixins/_color-scheme.scss +48 -17
  55. package/mixins/_notification.scss +2 -1
  56. package/mixins/_utilities.scss +22 -29
  57. package/package.json +5 -5
  58. package/placeholders/_button.scss +1 -0
  59. package/post-compact.css +1 -1
  60. package/post-condensed.css +1 -0
  61. package/post-condensed.scss +12 -0
  62. package/post-default.css +1 -1
  63. package/post-tokens-compact.css +1 -1
  64. package/post-tokens-condensed.css +1 -0
  65. package/post-tokens-condensed.scss +8 -0
  66. package/post-tokens-default.css +1 -1
  67. package/tokens/_appearance-condensed.scss +11 -0
  68. package/tokens/_device-condensed.scss +10 -0
  69. package/tokens/_schemes.scss +2 -8
  70. package/utilities/_env-variables.scss +1 -1
package/components/chip.css CHANGED
@@ -1 +1 @@
1
- button.chip-dismissible{position:relative;padding-inline:var(--post-device-spacing-padding-inline-11);gap:var(--post-device-spacing-gap-inline-8);outline:none !important;position:relative;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-regular);color:var(--post-scheme-color-interactive-primary-enabled-fg1);background-color:var(--post-scheme-color-interactive-primary-enabled-bg1);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-device-border-radius-round);height:var(--post-device-sizing-interactive-chip-height);display:inline-flex;align-items:center;max-width:100%}button.chip-dismissible>.chip-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.chip-dismissible:disabled{color:var(--post-scheme-color-interactive-primary-disabled-fg1);background-color:var(--post-scheme-color-interactive-primary-disabled-bg);border-color:var(--post-scheme-color-interactive-primary-disabled-stroke)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button.chip-dismissible:disabled::after{background-color:GrayText}}button.chip-dismissible::before{content:"";border-radius:100%;height:24px;width:24px;position:absolute;right:calc(var(--post-device-spacing-padding-inline-11) - (24px - 16px)/2)}button.chip-dismissible::after{content:"";margin-left:calc((24px - 16px)/2);width:16px;height:16px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button.chip-dismissible::after{background-color:ButtonText}}button.chip-dismissible::after{mask-image:var(--post-icon-closex);background-color:currentColor}:root,:host{--post-icon-closex: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2xvc2V4Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzLjY2IDIuMzVjLjI5LjI5LjI5Ljc3IDAgMS4wNkw5LjA3IDhsNC41OSA0LjU5Yy4yOS4yOS4yOS43NyAwIDEuMDZzLS43Ny4yOS0xLjA2IDBMOC4wMSA5LjA2bC00LjU5IDQuNTljLS4yOS4yOS0uNzcuMjktMS4wNiAwcy0uMjktLjc3IDAtMS4wNkw2Ljk1IDhsLTQuNi00LjU5Yy0uMjktLjI5LS4yOS0uNzcgMC0xLjA2cy43Ny0uMjkgMS4wNiAwTDggNi45NGw0LjU5LTQuNTljLjI5LS4yOS43Ny0uMjkgMS4wNiAwWiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjAuNDcgMy41MmMuMzQuMzQuMzQuOSAwIDEuMjRsLTcuMjUgNy4yNSA3LjI1IDcuMjVjLjM0LjM0LjM0LjkgMCAxLjI0cy0uOS4zNC0xLjI0IDBsLTcuMjUtNy4yNS03LjI1IDcuMjVjLS4zNC4zNC0uOS4zNC0xLjI0IDBzLS4zNC0uOSAwLTEuMjRsNy4yNS03LjI1LTcuMjMtNy4yNmMtLjM0LS4zNC0uMzQtLjkgMC0xLjI0cy45LS4zNCAxLjI0IDBMMTIgMTAuNzZsNy4yNS03LjI1Yy4zNC0uMzQuOS0uMzQgMS4yNCAwWiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMjcuMjggNC42OGMuMzkuMzkuMzkgMS4wMiAwIDEuNDFsLTkuOSA5LjkgOS45IDkuOWEuOTk2Ljk5NiAwIDEgMS0xLjQxIDEuNDFsLTkuOS05LjktOS45IDkuOWEuOTk2Ljk5NiAwIDEgMS0xLjQxLTEuNDFsOS45LTkuOS05LjktOS44OWEuOTk2Ljk5NiAwIDEgMSAxLjQxLTEuNDFsOS45IDkuOSA5LjktOS45YS45OTYuOTk2IDAgMCAxIDEuNDEgMFoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZD0iTTM0LjE0IDUuODZjLjQ0LjQ0LjQ0IDEuMTUgMCAxLjU5TDIxLjU5IDIwbDEyLjU1IDEyLjU1Yy40NC40NC40NCAxLjE1IDAgMS41OXMtMS4xNS40NC0xLjU5IDBMMjAgMjEuNTkgNy40NSAzNC4xNGMtLjQ0LjQ0LTEuMTUuNDQtMS41OSAwcy0uNDQtMS4xNSAwLTEuNTlMMTguNDEgMjAgNS44NiA3LjQ1Yy0uNDQtLjQ0LS40NC0xLjE1IDAtMS41OXMxLjE1LS40NCAxLjU5IDBMMjAgMTguNDEgMzIuNTUgNS44NmMuNDQtLjQ0IDEuMTUtLjQ0IDEuNTkgMCIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNNDAuODkgNy4xYy40OS40OS40OSAxLjI4IDAgMS43N0wyNS43NiAyNGwxNS4xMyAxNS4xM2MuNDkuNDkuNDkgMS4yOCAwIDEuNzdzLTEuMjguNDktMS43NyAwTDIzLjk5IDI1Ljc3IDguODYgNDAuOWMtLjQ5LjQ5LTEuMjguNDktMS43NyAwcy0uNDktMS4yOCAwLTEuNzdMMjIuMjIgMjQgNy4wOSA4Ljg2Yy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTUuMTMgMTUuMTNMMzkuMTIgNy4wOWExLjI1IDEuMjUgMCAwIDEgMS43NyAwWiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNNTQuNjMgOS4zN2MuOTguOTguOTggMi41NiAwIDMuNTRMMzUuNTQgMzJsMTkuMDkgMTkuMDljLjk4Ljk4Ljk4IDIuNTYgMCAzLjU0cy0yLjU2Ljk4LTMuNTQgMEwzMiAzNS41NCAxMi45MSA1NC42M2MtLjk4Ljk4LTIuNTYuOTgtMy41NCAwcy0uOTgtMi41NiAwLTMuNTRMMjguNDYgMzIgOS4zNyAxMi45MWMtLjk4LS45OC0uOTgtMi41NiAwLTMuNTRzMi41Ni0uOTggMy41NCAwTDMyIDI4LjQ2IDUxLjA5IDkuMzdjLjk4LS45OCAyLjU2LS45OCAzLjU0IDAiLz48L3N5bWJvbD48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMTYsIG5vbmUpIiBocmVmPSIjczE2Ii8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczI0LCBub25lKSIgaHJlZj0iI3MyNCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMzMiwgbm9uZSkiIGhyZWY9IiNzMzIiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNDAsIG5vbmUpIiBocmVmPSIjczQwIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQ4LCBub25lKSIgaHJlZj0iI3M0OCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM2NCwgbm9uZSkiIGhyZWY9IiNzNjQiLz48L3N5bWJvbD48L2RlZnM+PHN0eWxlPkBtZWRpYSAobWF4LXdpZHRoOiAyMy45OHB4KSB7Z3stLXMxNjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiAyNHB4KSBhbmQgKG1heC13aWR0aDogMzEuOThweCkge2d7LS1zMjQ6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMzJweCkgYW5kIChtYXgtd2lkdGg6IDM5Ljk4cHgpIHtney0tczMyOmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDQwcHgpIGFuZCAobWF4LXdpZHRoOiA0Ny45OHB4KSB7Z3stLXM0MDpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0OHB4KSBhbmQgKG1heC13aWR0aDogNjMuOThweCkge2d7LS1zNDg6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNjRweCkge2d7LS1zNjQ6YmxvY2s7fX08L3N0eWxlPjxnPjx1c2UgaHJlZj0iI2ktY2xvc2V4Ii8+PC9nPjwvc3ZnPg==")}button.chip-dismissible:hover::after{color:var(--post-scheme-color-interactive-primary-hover-fg1)}button.chip-dismissible::before{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}button.chip-dismissible:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button.chip-dismissible:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){button.chip-dismissible:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button.chip-dismissible:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-color:Highlight !important}}}button.chip-dismissible:disabled{pointer-events:none;color:var(--post-scheme-color-interactive-input-disabled-fg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash);background-clip:padding-box}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button.chip-dismissible:disabled{color:GrayText;border-color:GrayText}}.chip-selectable{display:inline-block;border-radius:var(--post-device-border-radius-round)}.chip-selectable{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}.chip-selectable: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){.chip-selectable:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.chip-selectable: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){.chip-selectable:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.chip-selectable label{cursor:pointer;padding-inline:var(--post-device-spacing-padding-inline-11);position:relative;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-regular);color:var(--post-scheme-color-interactive-primary-enabled-fg1);background-color:var(--post-scheme-color-interactive-primary-enabled-bg1);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-device-border-radius-round);height:var(--post-device-sizing-interactive-chip-height);display:inline-flex;align-items:center;max-width:100%}.chip-selectable label>.chip-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.chip-selectable label .badge{box-sizing:border-box;color:var(--post-scheme-color-interactive-primary-enabled-fg3);padding-inline:var(--post-device-spacing-padding-inline-12);background-color:var(--post-scheme-color-interactive-primary-enabled-bg2);margin-left:var(--post-device-spacing-gap-inline-8);border:1px solid rgba(0,0,0,0);height:calc(var(--post-device-sizing-notification-4) - 2px);min-width:calc(var(--post-device-sizing-notification-4) - 2px)}.chip-selectable input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.chip-selectable input:checked+label{color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1);padding-left:calc(var(--post-device-spacing-padding-inline-11) + var(--post-device-sizing-interactive-icon-size) + var(--post-device-spacing-gap-inline-5))}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-selectable input:checked+label{border-color:Highlight}}.chip-selectable input:checked+label::before{content:"";position:absolute;left:var(--post-device-spacing-padding-inline-11)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-selectable input:checked+label::before{background-color:Highlight}}.chip-selectable input:checked+label::before{width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);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+")}.chip-selectable input:checked+label .badge{color:var(--post-scheme-color-interactive-primary-selected-fg1);background-color:var(--post-scheme-color-interactive-primary-selected-bg1)}.chip-selectable input:checked+label:hover{color:var(--post-scheme-color-interactive-primary-hover-fg3);background-color:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.chip-selectable input:checked+label:hover .badge{color:var(--post-scheme-color-interactive-primary-hover-fg1);background-color:var(--post-scheme-color-interactive-primary-hover-bg)}.chip-selectable input:checked:disabled+label{pointer-events:none;color:var(--post-scheme-color-interactive-input-disabled-fg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash);background-clip:padding-box;color:var(--post-scheme-color-interactive-primary-disabled-fg1);background-color:var(--post-scheme-color-interactive-primary-disabled-bg);border-color:var(--post-scheme-color-interactive-primary-disabled-stroke)}.chip-selectable input:checked:disabled+label .badge{color:var(--post-scheme-color-interactive-primary-disabled-fg3);background-color:var(--post-scheme-color-interactive-primary-disabled-bg4)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-selectable input:checked:disabled+label{color:GrayText;border-color:GrayText}}.chip-selectable input:not(:checked)+label:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);background-color:var(--post-scheme-color-interactive-primary-hover-bg);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-selectable input:not(:checked)+label:hover{border-color:highlight}}.chip-selectable input:not(:checked)+label:hover .badge{color:var(--post-scheme-color-interactive-primary-hover-fg3);background-color:var(--post-scheme-color-interactive-primary-hover-bg2)}.chip-selectable input:not(:checked):disabled+label{pointer-events:none;color:var(--post-scheme-color-interactive-input-disabled-fg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash);background-clip:padding-box;color:var(--post-scheme-color-interactive-primary-disabled-fg1);background-color:var(--post-scheme-color-interactive-primary-disabled-bg);border-color:var(--post-scheme-color-interactive-primary-disabled-stroke)}.chip-selectable input:not(:checked):disabled+label .badge{color:var(--post-scheme-color-interactive-primary-disabled-fg3);background-color:var(--post-scheme-color-interactive-primary-disabled-bg4)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-selectable input:not(:checked):disabled+label{color:GrayText;border-color:GrayText}}.chip-selectable input:checked:disabled+label::before,.chip-selectable input:not(:checked):disabled+label::before{background-color:GrayText}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-selectable input:checked:disabled+label .badge,.chip-selectable input:not(:checked):disabled+label .badge{color:GrayText;border-color:GrayText}}.chip-dismissible-group,.chip-selectable-group{display:flex;flex-wrap:wrap}.chip-dismissible-group{gap:var(--post-device-spacing-gap-1)}.chip-selectable-group{gap:var(--post-device-spacing-gap-1)}
1
+ button.chip-dismissible{position:relative;padding-inline:var(--post-device-spacing-padding-inline-11);gap:var(--post-device-spacing-gap-inline-8);outline:none !important;position:relative;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-regular);color:var(--post-scheme-color-interactive-primary-enabled-fg1);background-color:var(--post-scheme-color-interactive-primary-enabled-bg1);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-device-border-radius-round);height:var(--post-device-sizing-interactive-chip-height);display:inline-flex;align-items:center;max-width:100%}button.chip-dismissible>.chip-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.chip-dismissible:disabled{color:var(--post-scheme-color-interactive-primary-disabled-fg1);background-color:var(--post-scheme-color-interactive-primary-disabled-bg);border-color:var(--post-scheme-color-interactive-primary-disabled-stroke)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button.chip-dismissible:disabled::after{background-color:GrayText}}button.chip-dismissible::before{content:"";border-radius:100%;height:24px;width:24px;position:absolute;right:calc(var(--post-device-spacing-padding-inline-11) - (24px - 16px)/2)}button.chip-dismissible::after{content:"";margin-left:calc((24px - 16px)/2);width:16px;height:16px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button.chip-dismissible::after{background-color:ButtonText}}button.chip-dismissible::after{mask-image:var(--post-icon-closex);background-color:currentColor}:root,:host{--post-icon-closex: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2xvc2V4Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzLjY2IDIuMzVjLjI5LjI5LjI5Ljc3IDAgMS4wNkw5LjA3IDhsNC41OSA0LjU5Yy4yOS4yOS4yOS43NyAwIDEuMDZzLS43Ny4yOS0xLjA2IDBMOC4wMSA5LjA2bC00LjU5IDQuNTljLS4yOS4yOS0uNzcuMjktMS4wNiAwcy0uMjktLjc3IDAtMS4wNkw2Ljk1IDhsLTQuNi00LjU5Yy0uMjktLjI5LS4yOS0uNzcgMC0xLjA2cy43Ny0uMjkgMS4wNiAwTDggNi45NGw0LjU5LTQuNTljLjI5LS4yOS43Ny0uMjkgMS4wNiAwWiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjAuNDcgMy41MmMuMzQuMzQuMzQuOSAwIDEuMjRsLTcuMjUgNy4yNSA3LjI1IDcuMjVjLjM0LjM0LjM0LjkgMCAxLjI0cy0uOS4zNC0xLjI0IDBsLTcuMjUtNy4yNS03LjI1IDcuMjVjLS4zNC4zNC0uOS4zNC0xLjI0IDBzLS4zNC0uOSAwLTEuMjRsNy4yNS03LjI1LTcuMjMtNy4yNmMtLjM0LS4zNC0uMzQtLjkgMC0xLjI0cy45LS4zNCAxLjI0IDBMMTIgMTAuNzZsNy4yNS03LjI1Yy4zNC0uMzQuOS0uMzQgMS4yNCAwWiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMjcuMjggNC42OGMuMzkuMzkuMzkgMS4wMiAwIDEuNDFsLTkuOSA5LjkgOS45IDkuOWEuOTk2Ljk5NiAwIDEgMS0xLjQxIDEuNDFsLTkuOS05LjktOS45IDkuOWEuOTk2Ljk5NiAwIDEgMS0xLjQxLTEuNDFsOS45LTkuOS05LjktOS44OWEuOTk2Ljk5NiAwIDEgMSAxLjQxLTEuNDFsOS45IDkuOSA5LjktOS45YS45OTYuOTk2IDAgMCAxIDEuNDEgMFoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZD0iTTM0LjE0IDUuODZjLjQ0LjQ0LjQ0IDEuMTUgMCAxLjU5TDIxLjU5IDIwbDEyLjU1IDEyLjU1Yy40NC40NC40NCAxLjE1IDAgMS41OXMtMS4xNS40NC0xLjU5IDBMMjAgMjEuNTkgNy40NSAzNC4xNGMtLjQ0LjQ0LTEuMTUuNDQtMS41OSAwcy0uNDQtMS4xNSAwLTEuNTlMMTguNDEgMjAgNS44NiA3LjQ1Yy0uNDQtLjQ0LS40NC0xLjE1IDAtMS41OXMxLjE1LS40NCAxLjU5IDBMMjAgMTguNDEgMzIuNTUgNS44NmMuNDQtLjQ0IDEuMTUtLjQ0IDEuNTkgMCIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNNDAuODkgNy4xYy40OS40OS40OSAxLjI4IDAgMS43N0wyNS43NiAyNGwxNS4xMyAxNS4xM2MuNDkuNDkuNDkgMS4yOCAwIDEuNzdzLTEuMjguNDktMS43NyAwTDIzLjk5IDI1Ljc3IDguODYgNDAuOWMtLjQ5LjQ5LTEuMjguNDktMS43NyAwcy0uNDktMS4yOCAwLTEuNzdMMjIuMjIgMjQgNy4wOSA4Ljg2Yy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTUuMTMgMTUuMTNMMzkuMTIgNy4wOWExLjI1IDEuMjUgMCAwIDEgMS43NyAwWiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNNTQuNjMgOS4zN2MuOTguOTguOTggMi41NiAwIDMuNTRMMzUuNTQgMzJsMTkuMDkgMTkuMDljLjk4Ljk4Ljk4IDIuNTYgMCAzLjU0cy0yLjU2Ljk4LTMuNTQgMEwzMiAzNS41NCAxMi45MSA1NC42M2MtLjk4Ljk4LTIuNTYuOTgtMy41NCAwcy0uOTgtMi41NiAwLTMuNTRMMjguNDYgMzIgOS4zNyAxMi45MWMtLjk4LS45OC0uOTgtMi41NiAwLTMuNTRzMi41Ni0uOTggMy41NCAwTDMyIDI4LjQ2IDUxLjA5IDkuMzdjLjk4LS45OCAyLjU2LS45OCAzLjU0IDAiLz48L3N5bWJvbD48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMTYsIG5vbmUpIiBocmVmPSIjczE2Ii8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczI0LCBub25lKSIgaHJlZj0iI3MyNCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMzMiwgbm9uZSkiIGhyZWY9IiNzMzIiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNDAsIG5vbmUpIiBocmVmPSIjczQwIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQ4LCBub25lKSIgaHJlZj0iI3M0OCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM2NCwgbm9uZSkiIGhyZWY9IiNzNjQiLz48L3N5bWJvbD48L2RlZnM+PHN0eWxlPkBtZWRpYSAobWF4LXdpZHRoOiAyMy45OHB4KSB7Z3stLXMxNjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiAyNHB4KSBhbmQgKG1heC13aWR0aDogMzEuOThweCkge2d7LS1zMjQ6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMzJweCkgYW5kIChtYXgtd2lkdGg6IDM5Ljk4cHgpIHtney0tczMyOmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDQwcHgpIGFuZCAobWF4LXdpZHRoOiA0Ny45OHB4KSB7Z3stLXM0MDpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0OHB4KSBhbmQgKG1heC13aWR0aDogNjMuOThweCkge2d7LS1zNDg6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNjRweCkge2d7LS1zNjQ6YmxvY2s7fX08L3N0eWxlPjxnPjx1c2UgaHJlZj0iI2ktY2xvc2V4Ii8+PC9nPjwvc3ZnPg==")}button.chip-dismissible:hover::after{color:var(--post-scheme-color-interactive-primary-hover-fg1)}button.chip-dismissible::before{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}button.chip-dismissible:focus-visible::before{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button.chip-dismissible:focus-visible::before{outline-color:Highlight !important}}button.chip-dismissible.pretend-focus::before{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button.chip-dismissible.pretend-focus::before{outline-color:Highlight !important}}button.chip-dismissible:has(:focus-visible)::before{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button.chip-dismissible:has(:focus-visible)::before{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){button.chip-dismissible:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button.chip-dismissible:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-color:Highlight !important}}}button.chip-dismissible:disabled{pointer-events:none;color:var(--post-scheme-color-interactive-input-disabled-fg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash);background-clip:padding-box}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button.chip-dismissible:disabled{color:GrayText;border-color:GrayText}}.chip-selectable{display:inline-block;border-radius:var(--post-device-border-radius-round)}.chip-selectable{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}.chip-selectable: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){.chip-selectable:focus-visible{outline-color:Highlight !important}}.chip-selectable.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){.chip-selectable.pretend-focus{outline-color:Highlight !important}}.chip-selectable: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){.chip-selectable:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.chip-selectable: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){.chip-selectable:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.chip-selectable label{cursor:pointer;padding-inline:var(--post-device-spacing-padding-inline-11);position:relative;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-regular);color:var(--post-scheme-color-interactive-primary-enabled-fg1);background-color:var(--post-scheme-color-interactive-primary-enabled-bg1);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-device-border-radius-round);height:var(--post-device-sizing-interactive-chip-height);display:inline-flex;align-items:center;max-width:100%}.chip-selectable label>.chip-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.chip-selectable label .badge{box-sizing:border-box;color:var(--post-scheme-color-interactive-primary-enabled-fg3);padding-inline:var(--post-device-spacing-padding-inline-12);background-color:var(--post-scheme-color-interactive-primary-enabled-bg2);margin-left:var(--post-device-spacing-gap-inline-8);border:1px solid rgba(0,0,0,0);height:calc(var(--post-device-sizing-notification-4) - 2px);min-width:calc(var(--post-device-sizing-notification-4) - 2px)}.chip-selectable input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.chip-selectable input:checked+label{color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1);padding-left:calc(var(--post-device-spacing-padding-inline-11) + var(--post-device-sizing-interactive-icon-size) + var(--post-device-spacing-gap-inline-5))}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-selectable input:checked+label{border-color:Highlight}}.chip-selectable input:checked+label::before{content:"";position:absolute;left:var(--post-device-spacing-padding-inline-11)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-selectable input:checked+label::before{background-color:Highlight}}.chip-selectable input:checked+label::before{width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);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+")}.chip-selectable input:checked+label .badge{color:var(--post-scheme-color-interactive-primary-selected-fg1);background-color:var(--post-scheme-color-interactive-primary-selected-bg1)}.chip-selectable input:checked+label:hover{color:var(--post-scheme-color-interactive-primary-hover-fg3);background-color:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.chip-selectable input:checked+label:hover .badge{color:var(--post-scheme-color-interactive-primary-hover-fg1);background-color:var(--post-scheme-color-interactive-primary-hover-bg)}.chip-selectable input:checked:disabled+label{pointer-events:none;color:var(--post-scheme-color-interactive-input-disabled-fg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash);background-clip:padding-box;color:var(--post-scheme-color-interactive-primary-disabled-fg1);background-color:var(--post-scheme-color-interactive-primary-disabled-bg);border-color:var(--post-scheme-color-interactive-primary-disabled-stroke)}.chip-selectable input:checked:disabled+label .badge{color:var(--post-scheme-color-interactive-primary-disabled-fg3);background-color:var(--post-scheme-color-interactive-primary-disabled-bg4)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-selectable input:checked:disabled+label{color:GrayText;border-color:GrayText}}.chip-selectable input:not(:checked)+label:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);background-color:var(--post-scheme-color-interactive-primary-hover-bg);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-selectable input:not(:checked)+label:hover{border-color:highlight}}.chip-selectable input:not(:checked)+label:hover .badge{color:var(--post-scheme-color-interactive-primary-hover-fg3);background-color:var(--post-scheme-color-interactive-primary-hover-bg2)}.chip-selectable input:not(:checked):disabled+label{pointer-events:none;color:var(--post-scheme-color-interactive-input-disabled-fg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash);background-clip:padding-box;color:var(--post-scheme-color-interactive-primary-disabled-fg1);background-color:var(--post-scheme-color-interactive-primary-disabled-bg);border-color:var(--post-scheme-color-interactive-primary-disabled-stroke)}.chip-selectable input:not(:checked):disabled+label .badge{color:var(--post-scheme-color-interactive-primary-disabled-fg3);background-color:var(--post-scheme-color-interactive-primary-disabled-bg4)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-selectable input:not(:checked):disabled+label{color:GrayText;border-color:GrayText}}.chip-selectable input:checked:disabled+label::before,.chip-selectable input:not(:checked):disabled+label::before{background-color:GrayText}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-selectable input:checked:disabled+label .badge,.chip-selectable input:not(:checked):disabled+label .badge{color:GrayText;border-color:GrayText}}.chip-dismissible-group,.chip-selectable-group{display:flex;flex-wrap:wrap}.chip-dismissible-group{gap:var(--post-device-spacing-gap-1)}.chip-selectable-group{gap:var(--post-device-spacing-gap-1)}
package/components/dialog.css CHANGED
@@ -1 +1 @@
1
- .post-dialog,dialog{box-shadow:var(--post-device-elevation-500);padding:0;min-width:min(389px,90vw);max-width:590px;max-height:90vh;overflow:visible;margin:revert;overscroll-behavior:contain;color:var(--post-scheme-color-body-fg);background-color:var(--post-scheme-color-body-bg);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke4);border-radius:var(--post-device-border-radius-2)}@supports(color: light-dark(black, white)){.post-dialog,dialog{color-scheme:light}}@supports not (color: light-dark(black, white)){.post-dialog,dialog{--post-fallback-prefers-light: light;--post-scheme-color-body-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-002);--post-scheme-color-body-bg: var(--post-scheme-color-body-bg-light, var(--post-core-color-sandgrey-080));--post-scheme-color-body-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-body-fg: var(--post-scheme-color-body-fg-light, var(--post-core-color-brand-white));--post-scheme-color-signal-success-dark-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-green);--post-scheme-color-signal-success-dark: var(--post-scheme-color-signal-success-dark-light, var(--post-core-color-notification-green));--post-scheme-color-signal-success-light-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-green-light);--post-scheme-color-signal-success-light: var(--post-scheme-color-signal-success-light-light, var(--post-core-color-notification-green-light));--post-scheme-color-signal-error-dark-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-red);--post-scheme-color-signal-error-dark: var(--post-scheme-color-signal-error-dark-light, var(--post-core-color-notification-red));--post-scheme-color-signal-error-light-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-red-light);--post-scheme-color-signal-error-light: var(--post-scheme-color-signal-error-light-light, var(--post-core-color-notification-red-light));--post-scheme-color-signal-warning-dark-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-orange);--post-scheme-color-signal-warning-dark: var(--post-scheme-color-signal-warning-dark-light, var(--post-core-color-notification-orange));--post-scheme-color-signal-warning-light-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-orange-light);--post-scheme-color-signal-warning-light: var(--post-scheme-color-signal-warning-light-light, var(--post-core-color-notification-orange-light));--post-scheme-color-signal-information-dark-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-blue);--post-scheme-color-signal-information-dark: var(--post-scheme-color-signal-information-dark-light, var(--post-core-color-notification-blue));--post-scheme-color-signal-information-light-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-blue-light);--post-scheme-color-signal-information-light: var(--post-scheme-color-signal-information-light-light, var(--post-core-color-notification-blue-light));--post-scheme-color-signal-success-solo-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-green);--post-scheme-color-signal-success-solo: var(--post-scheme-color-signal-success-solo-light, var(--post-core-color-notification-green-night));--post-scheme-color-signal-error-solo-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-red);--post-scheme-color-signal-error-solo: var(--post-scheme-color-signal-error-solo-light, var(--post-core-color-notification-red-night));--post-scheme-color-signal-info-solo-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-blue);--post-scheme-color-signal-info-solo: var(--post-scheme-color-signal-info-solo-light, var(--post-core-color-notification-blue-night));--post-scheme-color-signal-warning-solo-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-orange);--post-scheme-color-signal-warning-solo: var(--post-scheme-color-signal-warning-solo-light, var(--post-core-color-notification-orange-night));--post-scheme-color-interactive-button-primary-enabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-fg: var(--post-scheme-color-interactive-button-primary-enabled-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-primary-enabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-bg: var(--post-scheme-color-interactive-button-primary-enabled-bg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-enabled-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-interactive-button-primary-enabled-bg);--post-scheme-color-interactive-button-primary-enabled-stroke: var(--post-scheme-color-interactive-button-primary-enabled-stroke-light, var(--post-scheme-color-interactive-button-primary-enabled-bg));--post-scheme-color-interactive-button-primary-enabled-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-fg-inverted: var(--post-scheme-color-interactive-button-primary-enabled-fg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-enabled-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-bg-inverted: var(--post-scheme-color-interactive-button-primary-enabled-bg-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-primary-enabled-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-stroke-inverted: var(--post-scheme-color-interactive-button-primary-enabled-stroke-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-primary-hover-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-fg: var(--post-scheme-color-interactive-button-primary-hover-fg-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-primary-hover-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-bg: var(--post-scheme-color-interactive-button-primary-hover-bg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-hover-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-interactive-button-primary-hover-bg);--post-scheme-color-interactive-button-primary-hover-stroke: var(--post-scheme-color-interactive-button-primary-hover-stroke-light, var(--post-scheme-color-interactive-button-primary-hover-bg));--post-scheme-color-interactive-button-primary-hover-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-fg-inverted: var(--post-scheme-color-interactive-button-primary-hover-fg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-hover-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-bg-inverted: var(--post-scheme-color-interactive-button-primary-hover-bg-inverted-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-primary-hover-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-stroke-inverted: var(--post-scheme-color-interactive-button-primary-hover-stroke-inverted-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-primary-disabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-fg: var(--post-scheme-color-interactive-button-primary-disabled-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-disabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-bg: var(--post-scheme-color-interactive-button-primary-disabled-bg-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-primary-disabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-stroke: var(--post-scheme-color-interactive-button-primary-disabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-disabled-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-fg-inverted: var(--post-scheme-color-interactive-button-primary-disabled-fg-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-primary-disabled-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-bg-inverted: var(--post-scheme-color-interactive-button-primary-disabled-bg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-disabled-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-stroke-inverted: var(--post-scheme-color-interactive-button-primary-disabled-stroke-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-secondary-enabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-enabled-fg: var(--post-scheme-color-interactive-button-secondary-enabled-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-enabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-bg: var(--post-scheme-color-interactive-button-secondary-enabled-bg-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-secondary-enabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-enabled-stroke: var(--post-scheme-color-interactive-button-secondary-enabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-enabled-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-fg-inverted: var(--post-scheme-color-interactive-button-secondary-enabled-fg-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-secondary-enabled-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-secondary-enabled-bg-inverted: var(--post-scheme-color-interactive-button-secondary-enabled-bg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-enabled-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-stroke-inverted: var(--post-scheme-color-interactive-button-secondary-enabled-stroke-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-secondary-hover-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-hover-fg: var(--post-scheme-color-interactive-button-secondary-hover-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-hover-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-bg: var(--post-scheme-color-interactive-button-secondary-hover-bg-light, var(--post-core-color-sandgrey-alpha-lightsand-10));--post-scheme-color-interactive-button-secondary-hover-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-hover-stroke: var(--post-scheme-color-interactive-button-secondary-hover-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-hover-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-fg-inverted: var(--post-scheme-color-interactive-button-secondary-hover-fg-inverted-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-secondary-hover-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-secondary-hover-bg-inverted: var(--post-scheme-color-interactive-button-secondary-hover-bg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-hover-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-stroke-inverted: var(--post-scheme-color-interactive-button-secondary-hover-stroke-inverted-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-secondary-disabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-disabled-fg: var(--post-scheme-color-interactive-button-secondary-disabled-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-disabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-bg: var(--post-scheme-color-interactive-button-secondary-disabled-bg-light, var(--post-core-color-sandgrey-alpha-lightsand-30));--post-scheme-color-interactive-button-secondary-disabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-disabled-stroke: var(--post-scheme-color-interactive-button-secondary-disabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-disabled-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-fg-inverted: var(--post-scheme-color-interactive-button-secondary-disabled-fg-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-secondary-disabled-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-secondary-disabled-bg-inverted: var(--post-scheme-color-interactive-button-secondary-disabled-bg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-disabled-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-stroke-inverted: var(--post-scheme-color-interactive-button-secondary-disabled-stroke-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-tertiary-enabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-tertiary-enabled-fg: var(--post-scheme-color-interactive-button-tertiary-enabled-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-tertiary-enabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-bg: var(--post-scheme-color-interactive-button-tertiary-enabled-bg-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-enabled-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-interactive-button-tertiary-enabled-bg);--post-scheme-color-interactive-button-tertiary-enabled-stroke: var(--post-scheme-color-interactive-button-tertiary-enabled-stroke-light, var(--post-scheme-color-interactive-button-tertiary-enabled-bg));--post-scheme-color-interactive-button-tertiary-enabled-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-enabled-fg-inverted: var(--post-scheme-color-interactive-button-tertiary-enabled-fg-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-tertiary-enabled-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-bg-inverted: var(--post-scheme-color-interactive-button-tertiary-enabled-bg-inverted-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted: var(--post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-hover-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-tertiary-hover-fg: var(--post-scheme-color-interactive-button-tertiary-hover-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-tertiary-hover-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-bg: var(--post-scheme-color-interactive-button-tertiary-hover-bg-light, var(--post-core-color-sandgrey-alpha-lightsand-10));--post-scheme-color-interactive-button-tertiary-hover-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-interactive-button-tertiary-hover-bg);--post-scheme-color-interactive-button-tertiary-hover-stroke: var(--post-scheme-color-interactive-button-tertiary-hover-stroke-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-hover-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-hover-fg-inverted: var(--post-scheme-color-interactive-button-tertiary-hover-fg-inverted-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-tertiary-hover-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-tertiary-hover-bg-inverted: var(--post-scheme-color-interactive-button-tertiary-hover-bg-inverted-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-hover-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-stroke-inverted: var(--post-scheme-color-interactive-button-tertiary-hover-stroke-inverted-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-disabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-disabled-fg: var(--post-scheme-color-interactive-button-tertiary-disabled-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-tertiary-disabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-disabled-bg: var(--post-scheme-color-interactive-button-tertiary-disabled-bg-light, var(--post-core-color-sandgrey-alpha-lightsand-30));--post-scheme-color-interactive-button-tertiary-disabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-disabled-stroke: var(--post-scheme-color-interactive-button-tertiary-disabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-tertiary-disabled-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-disabled-fg-inverted: var(--post-scheme-color-interactive-button-tertiary-disabled-fg-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-tertiary-disabled-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-tertiary-disabled-bg-inverted: var(--post-scheme-color-interactive-button-tertiary-disabled-bg-inverted-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted: var(--post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-focus-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-focus-stroke: var(--post-scheme-color-interactive-focus-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-focus-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-focus-stroke-inverted: var(--post-scheme-color-interactive-focus-stroke-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-enabled-bg1-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg1: var(--post-scheme-color-interactive-primary-enabled-bg1-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-enabled-fg1-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-fg1: var(--post-scheme-color-interactive-primary-enabled-fg1-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-enabled-fg2-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-enabled-fg2: var(--post-scheme-color-interactive-primary-enabled-fg2-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-primary-enabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-stroke: var(--post-scheme-color-interactive-primary-enabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-enabled-fg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-fg3: var(--post-scheme-color-interactive-primary-enabled-fg3-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-enabled-bg2-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-bg2: var(--post-scheme-color-interactive-primary-enabled-bg2-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-enabled-stroke3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-stroke3: var(--post-scheme-color-interactive-primary-enabled-stroke3-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-enabled-bg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg3: var(--post-scheme-color-interactive-primary-enabled-bg3-light, var(--post-core-color-colorless));--post-scheme-color-interactive-primary-enabled-stroke4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-030);--post-scheme-color-interactive-primary-enabled-stroke4: var(--post-scheme-color-interactive-primary-enabled-stroke4-light, var(--post-core-color-sandgrey-030));--post-scheme-color-interactive-primary-enabled-bg4-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-primary-enabled-bg4: var(--post-scheme-color-interactive-primary-enabled-bg4-light, var(--post-core-color-colorless));--post-scheme-color-interactive-primary-enabled-stroke5-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-primary-enabled-stroke5: var(--post-scheme-color-interactive-primary-enabled-stroke5-light, var(--post-core-color-colorless));--post-scheme-color-interactive-primary-enabled-bg5-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg5: var(--post-scheme-color-interactive-primary-enabled-bg5-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-enabled-fg5-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-fg5: var(--post-scheme-color-interactive-primary-enabled-fg5-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-hover-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg: var(--post-scheme-color-interactive-primary-hover-bg-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-primary-hover-fg1-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-fg1: var(--post-scheme-color-interactive-primary-hover-fg1-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-hover-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-stroke: var(--post-scheme-color-interactive-primary-hover-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-hover-fg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-fg3: var(--post-scheme-color-interactive-primary-hover-fg3-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-primary-hover-bg2-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-bg2: var(--post-scheme-color-interactive-primary-hover-bg2-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-hover-stroke3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-stroke3: var(--post-scheme-color-interactive-primary-hover-stroke3-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-primary-hover-bg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg3: var(--post-scheme-color-interactive-primary-hover-bg3-light, var(--post-core-color-sandgrey-alpha-lightsand-20));--post-scheme-color-interactive-primary-hover-bg4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-006);--post-scheme-color-interactive-primary-hover-bg4: var(--post-scheme-color-interactive-primary-hover-bg4-light, var(--post-core-color-sandgrey-006));--post-scheme-color-interactive-primary-hover-bg5-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-primary-hover-bg5: var(--post-scheme-color-interactive-primary-hover-bg5-light, var(--post-core-color-colorless));--post-scheme-color-interactive-primary-hover-bg7-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-006);--post-scheme-color-interactive-primary-hover-bg7: var(--post-scheme-color-interactive-primary-hover-bg7-light, var(--post-core-color-sandgrey-alpha-lightsand-10));--post-scheme-color-interactive-primary-hover-bg8-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg8: var(--post-scheme-color-interactive-primary-hover-bg8-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-hover-fg4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-fg4: var(--post-scheme-color-interactive-primary-hover-fg4-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-primary-disabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-bg: var(--post-scheme-color-interactive-primary-disabled-bg-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-primary-disabled-fg1-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-fg1: var(--post-scheme-color-interactive-primary-disabled-fg1-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-disabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke: var(--post-scheme-color-interactive-primary-disabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-disabled-fg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-fg3: var(--post-scheme-color-interactive-primary-disabled-fg3-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-primary-disabled-stroke2-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke2: var(--post-scheme-color-interactive-primary-disabled-stroke2-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-disabled-bg4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-bg4: var(--post-scheme-color-interactive-primary-disabled-bg4-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-disabled-stroke3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-stroke3: var(--post-scheme-color-interactive-primary-disabled-stroke3-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-primary-disabled-bg5-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-012);--post-scheme-color-interactive-primary-disabled-bg5: var(--post-scheme-color-interactive-primary-disabled-bg5-light, var(--post-core-color-sandgrey-alpha-lightsand-10));--post-scheme-color-interactive-primary-disabled-fg4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-fg4: var(--post-scheme-color-interactive-primary-disabled-fg4-light, var(--post-core-color-sandgrey-alpha-lightsand-60));--post-scheme-color-interactive-primary-disabled-stroke4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke4: var(--post-scheme-color-interactive-primary-disabled-stroke4-light, var(--post-core-color-sandgrey-alpha-lightsand-60));--post-scheme-color-interactive-primary-disabled-bg6-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-bg6: var(--post-scheme-color-interactive-primary-disabled-bg6-light, var(--post-core-color-colorless));--post-scheme-color-interactive-primary-selected-bg1-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-bg1: var(--post-scheme-color-interactive-primary-selected-bg1-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-selected-fg1-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-fg1: var(--post-scheme-color-interactive-primary-selected-fg1-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-selected-stroke1-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-stroke1: var(--post-scheme-color-interactive-primary-selected-stroke1-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-selected-fg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-fg3: var(--post-scheme-color-interactive-primary-selected-fg3-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-selected-bg2-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-green);--post-scheme-color-interactive-primary-selected-bg2: var(--post-scheme-color-interactive-primary-selected-bg2-light, var(--post-core-color-notification-green-light));--post-scheme-color-interactive-primary-selected-stroke4-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-green);--post-scheme-color-interactive-primary-selected-stroke4: var(--post-scheme-color-interactive-primary-selected-stroke4-light, var(--post-core-color-notification-green-light));--post-scheme-color-interactive-primary-selected-stroke3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-stroke3: var(--post-scheme-color-interactive-primary-selected-stroke3-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-selected-bg4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-bg4: var(--post-scheme-color-interactive-primary-selected-bg4-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-selected-bg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-postyellow);--post-scheme-color-interactive-primary-selected-bg3: var(--post-scheme-color-interactive-primary-selected-bg3-light, var(--post-core-color-brand-postyellow));--post-scheme-color-interactive-notification-info-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-info-fg: var(--post-scheme-color-interactive-notification-info-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-notification-info-bg-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-information-light);--post-scheme-color-interactive-notification-info-bg: var(--post-scheme-color-interactive-notification-info-bg-light, var(--post-scheme-color-signal-information-light));--post-scheme-color-interactive-notification-info-icon-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-info-icon: var(--post-scheme-color-interactive-notification-info-icon-light, var(--post-scheme-color-signal-information-dark));--post-scheme-color-interactive-notification-info-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-info-stroke: var(--post-scheme-color-interactive-notification-info-stroke-light, var(--post-scheme-color-signal-information-dark));--post-scheme-color-interactive-notification-success-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-success-fg: var(--post-scheme-color-interactive-notification-success-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-notification-success-bg-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-success-light);--post-scheme-color-interactive-notification-success-bg: var(--post-scheme-color-interactive-notification-success-bg-light, var(--post-scheme-color-signal-success-light));--post-scheme-color-interactive-notification-success-icon-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-success-icon: var(--post-scheme-color-interactive-notification-success-icon-light, var(--post-scheme-color-signal-success-dark));--post-scheme-color-interactive-notification-success-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-success-stroke: var(--post-scheme-color-interactive-notification-success-stroke-light, var(--post-scheme-color-signal-success-dark));--post-scheme-color-interactive-notification-warning-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-warning-fg: var(--post-scheme-color-interactive-notification-warning-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-notification-warning-bg-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-warning-light);--post-scheme-color-interactive-notification-warning-bg: var(--post-scheme-color-interactive-notification-warning-bg-light, var(--post-scheme-color-signal-warning-light));--post-scheme-color-interactive-notification-warning-icon-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-warning-icon: var(--post-scheme-color-interactive-notification-warning-icon-light, var(--post-scheme-color-signal-warning-dark));--post-scheme-color-interactive-notification-warning-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-warning-stroke: var(--post-scheme-color-interactive-notification-warning-stroke-light, var(--post-scheme-color-signal-warning-dark));--post-scheme-color-interactive-notification-error-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-error-fg: var(--post-scheme-color-interactive-notification-error-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-notification-error-bg-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-error-light);--post-scheme-color-interactive-notification-error-bg: var(--post-scheme-color-interactive-notification-error-bg-light, var(--post-scheme-color-signal-error-light));--post-scheme-color-interactive-notification-error-icon-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-notification-error-icon: var(--post-scheme-color-interactive-notification-error-icon-light, var(--post-scheme-color-signal-error-dark));--post-scheme-color-interactive-notification-error-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-notification-error-stroke: var(--post-scheme-color-interactive-notification-error-stroke-light, var(--post-scheme-color-signal-error-dark));--post-scheme-color-interactive-input-enabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-input-enabled-bg: var(--post-scheme-color-interactive-input-enabled-bg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-input-enabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-enabled-fg: var(--post-scheme-color-interactive-input-enabled-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-input-enabled-border-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-enabled-border: var(--post-scheme-color-interactive-input-enabled-border-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-input-hover-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-input-hover-bg: var(--post-scheme-color-interactive-input-hover-bg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-input-hover-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-hover-fg: var(--post-scheme-color-interactive-input-hover-fg-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-input-hover-border-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-hover-border: var(--post-scheme-color-interactive-input-hover-border-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-input-disabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-input-disabled-bg: var(--post-scheme-color-interactive-input-disabled-bg-light, var(--post-core-color-colorless));--post-scheme-color-interactive-input-disabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-input-disabled-fg: var(--post-scheme-color-interactive-input-disabled-fg-light, var(--post-core-color-sandgrey-alpha-lightsand-60));--post-scheme-color-interactive-input-disabled-border-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-input-disabled-border: var(--post-scheme-color-interactive-input-disabled-border-light, var(--post-core-color-sandgrey-alpha-lightsand-60));--post-scheme-color-interactive-card-hover-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-020);--post-scheme-color-interactive-card-hover-bg: var(--post-scheme-color-interactive-card-hover-bg-light, var(--post-core-color-sandgrey-020));--post-scheme-color-interactive-card-hover-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-card-hover-fg: var(--post-scheme-color-interactive-card-hover-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-tabs-selected-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-tabs-selected-fg: var(--post-scheme-color-interactive-tabs-selected-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-tabs-disabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-tabs-disabled-fg: var(--post-scheme-color-interactive-tabs-disabled-fg-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-tabs-disabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-tabs-disabled-stroke: var(--post-scheme-color-interactive-tabs-disabled-stroke-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-tabs-selected-hovered-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-tabs-selected-hovered-fg: var(--post-scheme-color-interactive-tabs-selected-hovered-fg-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-tabs-selected-hovered-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-tabs-selected-hovered-stroke: var(--post-scheme-color-interactive-tabs-selected-hovered-stroke-light, var(--post-core-color-sandgrey-002));--post-scheme-color-surface-default-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-002);--post-scheme-color-surface-default-bg: var(--post-scheme-color-surface-default-bg-light, var(--post-core-color-sandgrey-080));--post-scheme-color-surface-default-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-default-fg: var(--post-scheme-color-surface-default-fg-light, var(--post-core-color-brand-white));--post-scheme-color-surface-default-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-default-stroke: var(--post-scheme-color-surface-default-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-surface-accent1-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-surface-accent1-bg: var(--post-scheme-color-surface-accent1-bg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-surface-accent1-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent1-fg: var(--post-scheme-color-surface-accent1-fg-light, var(--post-core-color-brand-white));--post-scheme-color-surface-alternate-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-006);--post-scheme-color-surface-alternate-bg: var(--post-scheme-color-surface-alternate-bg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-surface-alternate-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-alternate-fg: var(--post-scheme-color-surface-alternate-fg-light, var(--post-core-color-brand-white));--post-scheme-color-surface-alternate-secondary-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-surface-alternate-secondary-bg: var(--post-scheme-color-surface-alternate-secondary-bg-light, var(--post-core-color-brand-white));--post-scheme-color-surface-brand-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-postyellow);--post-scheme-color-surface-brand-bg: var(--post-scheme-color-surface-brand-bg-light, var(--post-core-color-brand-postyellow));--post-scheme-color-surface-brand-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-brand-fg: var(--post-scheme-color-surface-brand-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-surface-brand-fg-accent-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-brand-fg-accent: var(--post-scheme-color-surface-brand-fg-accent-light, var(--post-core-color-sandgrey-100));--post-scheme-color-surface-brand-secondary-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-surface-brand-secondary-bg: var(--post-scheme-color-surface-brand-secondary-bg-light, var(--post-core-color-brand-white));--post-scheme-color-surface-accent-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-080);--post-scheme-color-surface-accent-bg: var(--post-scheme-color-surface-accent-bg-light, var(--post-core-color-sandgrey-002));--post-scheme-color-surface-accent-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-surface-accent-fg: var(--post-scheme-color-surface-accent-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-surface-accent-fg-accent-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-postyellow);--post-scheme-color-surface-accent-fg-accent: var(--post-scheme-color-surface-accent-fg-accent-light, var(--post-core-color-sandgrey-100));--post-scheme-color-badge-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-red);--post-scheme-color-badge-bg: var(--post-scheme-color-badge-bg-light, var(--post-core-color-notification-red));--post-scheme-color-badge-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-badge-fg: var(--post-scheme-color-badge-fg-light, var(--post-core-color-brand-white));--post-scheme-color-badge-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-badge-stroke: var(--post-scheme-color-badge-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-popover-hover-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-020);--post-scheme-color-popover-hover: var(--post-scheme-color-popover-hover-light, var(--post-core-color-sandgrey-020));--post-scheme-color-divider-border-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-divider-border: var(--post-scheme-color-divider-border-light, var(--post-core-color-sandgrey-050));--post-scheme-color-backdrop-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-alpha-darksand-80);--post-scheme-color-backdrop-bg: var(--post-scheme-color-backdrop-bg-light, var(--post-core-color-sandgrey-alpha-darksand-80));--post-cargo-scheme-color-surface-default-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-002);--post-cargo-scheme-color-surface-default-bg: var(--post-cargo-scheme-color-surface-default-bg-light, var(--post-core-color-sandgrey-080));--post-cargo-scheme-color-surface-default-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-default-fg: var(--post-cargo-scheme-color-surface-default-fg-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-default-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-default-stroke: var(--post-cargo-scheme-color-surface-default-stroke-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-accent1-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-accent1-bg: var(--post-cargo-scheme-color-surface-accent1-bg-light, var(--post-core-color-sandgrey-100));--post-cargo-scheme-color-surface-accent1-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent1-fg: var(--post-cargo-scheme-color-surface-accent1-fg-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-alternate-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-006);--post-cargo-scheme-color-surface-alternate-bg: var(--post-cargo-scheme-color-surface-alternate-bg-light, var(--post-core-color-sandgrey-100));--post-cargo-scheme-color-surface-alternate-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-alternate-fg: var(--post-cargo-scheme-color-surface-alternate-fg-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-brand-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-cargo-green);--post-cargo-scheme-color-surface-brand-bg: var(--post-cargo-scheme-color-surface-brand-bg-light, var(--post-core-color-cargo-green));--post-cargo-scheme-color-surface-brand-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-brand-fg: var(--post-cargo-scheme-color-surface-brand-fg-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-brand-fg-accent-light: var(--post-fallback-prefers-light) var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-brand-fg-accent: var(--post-cargo-scheme-color-surface-brand-fg-accent-light, var(--post-core-color-cargo-blue));--post-cargo-scheme-color-surface-brand-secondary-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-brand-secondary-bg: var(--post-cargo-scheme-color-surface-brand-secondary-bg-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-accent-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-accent-bg: var(--post-cargo-scheme-color-surface-accent-bg-light, var(--post-core-color-cargo-blue));--post-cargo-scheme-color-surface-accent-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent-fg: var(--post-cargo-scheme-color-surface-accent-fg-light, var(--post-core-color-sandgrey-100));--post-cargo-scheme-color-surface-accent-fg-accent-light: var(--post-fallback-prefers-light) var(--post-core-color-cargo-green);--post-cargo-scheme-color-surface-accent-fg-accent: var(--post-cargo-scheme-color-surface-accent-fg-accent-light, var(--post-core-color-cargo-green));--post-cargo-scheme-color-surface-accent-secondary-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-accent-secondary-bg: var(--post-cargo-scheme-color-surface-accent-secondary-bg-light, var(--post-core-color-brand-white))}}.post-dialog::backdrop,dialog::backdrop{background-color:var(--post-scheme-color-backdrop-bg);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-dialog,dialog{border-width:var(--post-device-border-width-default)}.post-dialog::backdrop,dialog::backdrop{background-image:linear-gradient(135deg, CanvasText 4.55%, transparent 4.55%, transparent 50%, CanvasText 50%, CanvasText 54.55%, transparent 54.55%, transparent 100%);background-size:22px 22px;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(0,0,0,0);forced-color-adjust:none}}.post-dialog[data-size=small],dialog[data-size=small]{min-width:296px;max-width:388px}.post-dialog[data-size=large],dialog[data-size=large]{min-width:min(600px,90vw);max-width:792px}.post-dialog[data-position=top],dialog[data-position=top]{inset-block-start:2rem;inset-block-end:auto}.post-dialog[data-position=bottom],dialog[data-position=bottom]{inset-block-start:auto;inset-block-end:2rem}.post-dialog[data-variant=bottom-sheet],dialog[data-variant=bottom-sheet]{--_dialog-sheet-default-width: 100%;min-width:0;width:var(--post-dialog-width, var(--_dialog-sheet-default-width));max-width:var(--post-dialog-width, var(--_dialog-sheet-default-width));max-height:80dvh;overflow:hidden;border-radius:var(--post-device-border-radius-2) var(--post-device-border-radius-2) 0 0;inset-block-start:auto;inset-block-end:0;margin-block-start:auto;margin-block-end:0}@media screen and (min-width: 780px){.post-dialog[data-variant=bottom-sheet],dialog[data-variant=bottom-sheet]{--_dialog-sheet-default-width: calc(100vw - 2 * var(--post-container-padding-inline, 0))}}@media screen and (min-width: 1024px){.container .post-dialog[data-variant=bottom-sheet],.container dialog[data-variant=bottom-sheet]{--_dialog-sheet-default-width: min( calc(100vw - 2 * var(--post-container-padding-inline, 0)), var(--post-container-max-width) )}.container-fluid .post-dialog[data-variant=bottom-sheet],.container-fluid dialog[data-variant=bottom-sheet]{--_dialog-sheet-default-width: calc( (100vw - 2 * var(--post-container-padding-inline, 0)) / 2 )}}.post-dialog[data-variant=bottom-sheet]>.dialog-grid,dialog[data-variant=bottom-sheet]>.dialog-grid{max-height:80dvh}.post-dialog[data-variant=bottom-sheet]>.dialog-grid>post-closebutton,dialog[data-variant=bottom-sheet]>.dialog-grid>post-closebutton{inset-block-start:var(--post-device-spacing-padding-block-25);inset-inline-end:var(--post-device-spacing-padding-20);transform:none;z-index:2}.post-dialog>.dialog-grid,dialog>.dialog-grid{padding:var(--post-device-spacing-padding-block-25) var(--post-device-spacing-padding-20) 0;border-radius:var(--post-device-border-radius-2);display:grid;grid-template-rows:auto 1fr auto;max-height:90vh;column-gap:var(--post-device-spacing-gap-10);grid-template-columns:auto 1fr;grid-template-areas:"icon header" "icon body" "controls controls";position:relative;background-color:inherit}.post-dialog>.dialog-grid:not(:has(.dialog-controls)),dialog>.dialog-grid:not(:has(.dialog-controls)){padding-block-end:var(--post-device-spacing-padding-31)}:where(.dialog-icon,.dialog-header,.dialog-body,.dialog-controls):empty{display:none}.dialog-grid:where(dialog[data-type=info]>*)::before{background-image:var(--post-signal-icon-info)}.dialog-grid:where(dialog[data-type=error]>*)::before{background-image:var(--post-signal-icon-error)}.dialog-grid:where(dialog[data-type=success]>*)::before{background-image:var(--post-signal-icon-success)}.dialog-grid:where(dialog[data-type=warning]>*)::before{background-image:var(--post-signal-icon-warning)}.dialog-grid:where(dialog[data-type=info]>*,dialog[data-type=error]>*,dialog[data-type=success]>*,dialog[data-type=warning]>*)::before{content:"";display:block;grid-area:icon;align-self:start;margin-block-start:var(--post-device-spacing-padding-block-36);width:var(--post-device-sizing-notification-icon-5);height:var(--post-device-sizing-notification-icon-5)}.dialog-grid .dialog-header{grid-area:header;margin-block-start:0;margin-block-end:var(--post-device-spacing-gap-10);inset-block-start:0;position:sticky;z-index:1;background-color:inherit;font-size:var(--post-device-font-size-2);font-weight:var(--post-device-font-weight-extra-black)}.dialog-grid .dialog-body{grid-area:body;margin-block-end:0;overflow:auto;font-size:var(--post-device-font-size-6);padding:calc(var(--post-device-spacing-padding-2) + var(--post-device-border-width-focus));margin-block-start:calc(-1*calc(var(--post-device-spacing-padding-2) + var(--post-device-border-width-focus)));margin-inline-start:calc(-1*calc(var(--post-device-spacing-padding-2) + var(--post-device-border-width-focus)));margin-inline-end:calc(-1*calc(var(--post-device-spacing-padding-2) + var(--post-device-border-width-focus)))}.dialog-grid .dialog-body>*:last-child{margin-block-end:0}.dialog-grid:not(:where(dialog[data-type=info]>*,dialog[data-type=error]>*,dialog[data-type=success]>*,dialog[data-type=warning]>*)) .dialog-header{grid-area:1/icon/1/header}.dialog-grid:not(:where(dialog[data-type=info]>*,dialog[data-type=error]>*,dialog[data-type=success]>*,dialog[data-type=warning]>*)) .dialog-body{grid-area:2/icon/2/body}.dialog-controls{grid-area:controls;position:sticky;inset-block-end:0;z-index:1;padding-block-start:var(--post-device-spacing-padding-31);padding-block-end:var(--post-device-spacing-padding-31);margin-block-end:0;display:flex;flex-wrap:wrap;flex-direction:row-reverse;gap:var(--post-device-spacing-gap-8);background-color:inherit}@media screen and (max-width: 599.98px){.dialog-controls button{width:100%}}.post-dialog[data-variant=bottom-sheet] .dialog-header,dialog[data-variant=bottom-sheet] .dialog-header{padding-inline-end:calc(var(--post-device-sizing-notification-icon-5) + var(--post-device-spacing-padding-20))}.post-dialog:not([data-animation=none]),dialog:not([data-animation=none]){--_dialog-transition-duration: var(--dialog-transition-duration, 0.5s);--_dialog-closed-scale: 0.8;--_dialog-closed-translate-y: 0;transform:translateY(var(--_dialog-closed-translate-y)) scale(var(--_dialog-closed-scale));opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--_dialog-transition-duration);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}.post-dialog:not([data-animation=none])::backdrop,dialog:not([data-animation=none])::backdrop{opacity:0;transition:opacity var(--_dialog-transition-duration),overlay var(--_dialog-transition-duration) allow-discrete,display var(--_dialog-transition-duration) allow-discrete,-webkit-backdrop-filter var(--_dialog-transition-duration);transition:backdrop-filter var(--_dialog-transition-duration),opacity var(--_dialog-transition-duration),overlay var(--_dialog-transition-duration) allow-discrete,display var(--_dialog-transition-duration) allow-discrete;transition:backdrop-filter var(--_dialog-transition-duration),opacity var(--_dialog-transition-duration),overlay var(--_dialog-transition-duration) allow-discrete,display var(--_dialog-transition-duration) allow-discrete,-webkit-backdrop-filter var(--_dialog-transition-duration)}.post-dialog:not([data-animation=none])[open],dialog:not([data-animation=none])[open]{transform:translateY(0) scale(1);opacity:1}@starting-style{.post-dialog:not([data-animation=none])[open],dialog:not([data-animation=none])[open]{opacity:0;transform:translateY(var(--_dialog-closed-translate-y)) scale(var(--_dialog-closed-scale))}}.post-dialog:not([data-animation=none])[open]::backdrop,dialog:not([data-animation=none])[open]::backdrop{opacity:1;-webkit-backdrop-filter:blur(var(--post-core-dimension-10));backdrop-filter:blur(var(--post-core-dimension-10))}@starting-style{.post-dialog:not([data-animation=none])[open]::backdrop,dialog:not([data-animation=none])[open]::backdrop{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@media(forced-colors: active){.post-dialog:not([data-animation=none])[open]::backdrop,dialog:not([data-animation=none])[open]::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.post-dialog:not([data-animation=none])[data-animation=slide-in],.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation]),dialog:not([data-animation=none])[data-animation=slide-in],dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation]){--_dialog-slide-in-offset: 3rem;--_dialog-closed-scale: 1;--_dialog-closed-translate-y: var(--_dialog-slide-in-offset)}.post-dialog:not([data-animation=none])[data-animation=slide-in][data-position=top],.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[data-position=top],dialog:not([data-animation=none])[data-animation=slide-in][data-position=top],dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[data-position=top]{--_dialog-slide-in-offset: -3rem}.post-dialog:not([data-animation=none])[data-animation=slide-in][data-position=bottom],.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[data-position=bottom],dialog:not([data-animation=none])[data-animation=slide-in][data-position=bottom],dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[data-position=bottom]{--_dialog-slide-in-offset: 3rem}.post-dialog:not([data-animation=none])[data-animation=slide-in][open],.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[open],dialog:not([data-animation=none])[data-animation=slide-in][open],dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[open]{transform:translateY(0) scale(1)}@starting-style{.post-dialog:not([data-animation=none])[data-animation=slide-in][open],.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[open],dialog:not([data-animation=none])[data-animation=slide-in][open],dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[open]{transform:translateY(var(--_dialog-slide-in-offset)) scale(1)}}@media(prefers-reduced-motion: reduce){.post-dialog:not([data-animation=none])[data-variant=bottom-sheet],dialog:not([data-animation=none])[data-variant=bottom-sheet]{transition:none}.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]::backdrop,dialog:not([data-animation=none])[data-variant=bottom-sheet]::backdrop{transition:none}}
1
+ @supports not (color: light-dark(black, white)){.post-dialog,dialog{--post-scheme-color-body-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-002);--post-scheme-color-body-bg: var(--post-scheme-color-body-bg-light, var(--post-core-color-sandgrey-080));--post-scheme-color-body-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-body-fg: var(--post-scheme-color-body-fg-light, var(--post-core-color-brand-white));--post-scheme-color-signal-success-dark-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-green);--post-scheme-color-signal-success-dark: var(--post-scheme-color-signal-success-dark-light, var(--post-core-color-notification-green));--post-scheme-color-signal-success-light-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-green-light);--post-scheme-color-signal-success-light: var(--post-scheme-color-signal-success-light-light, var(--post-core-color-notification-green-light));--post-scheme-color-signal-error-dark-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-red);--post-scheme-color-signal-error-dark: var(--post-scheme-color-signal-error-dark-light, var(--post-core-color-notification-red));--post-scheme-color-signal-error-light-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-red-light);--post-scheme-color-signal-error-light: var(--post-scheme-color-signal-error-light-light, var(--post-core-color-notification-red-light));--post-scheme-color-signal-warning-dark-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-orange);--post-scheme-color-signal-warning-dark: var(--post-scheme-color-signal-warning-dark-light, var(--post-core-color-notification-orange));--post-scheme-color-signal-warning-light-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-orange-light);--post-scheme-color-signal-warning-light: var(--post-scheme-color-signal-warning-light-light, var(--post-core-color-notification-orange-light));--post-scheme-color-signal-information-dark-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-blue);--post-scheme-color-signal-information-dark: var(--post-scheme-color-signal-information-dark-light, var(--post-core-color-notification-blue));--post-scheme-color-signal-information-light-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-blue-light);--post-scheme-color-signal-information-light: var(--post-scheme-color-signal-information-light-light, var(--post-core-color-notification-blue-light));--post-scheme-color-signal-success-solo-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-green);--post-scheme-color-signal-success-solo: var(--post-scheme-color-signal-success-solo-light, var(--post-core-color-notification-green-night));--post-scheme-color-signal-error-solo-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-red);--post-scheme-color-signal-error-solo: var(--post-scheme-color-signal-error-solo-light, var(--post-core-color-notification-red-night));--post-scheme-color-signal-info-solo-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-blue);--post-scheme-color-signal-info-solo: var(--post-scheme-color-signal-info-solo-light, var(--post-core-color-notification-blue-night));--post-scheme-color-signal-warning-solo-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-orange);--post-scheme-color-signal-warning-solo: var(--post-scheme-color-signal-warning-solo-light, var(--post-core-color-notification-orange-night));--post-scheme-color-interactive-button-primary-enabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-fg: var(--post-scheme-color-interactive-button-primary-enabled-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-primary-enabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-bg: var(--post-scheme-color-interactive-button-primary-enabled-bg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-enabled-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-interactive-button-primary-enabled-bg);--post-scheme-color-interactive-button-primary-enabled-stroke: var(--post-scheme-color-interactive-button-primary-enabled-stroke-light, var(--post-scheme-color-interactive-button-primary-enabled-bg));--post-scheme-color-interactive-button-primary-enabled-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-fg-inverted: var(--post-scheme-color-interactive-button-primary-enabled-fg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-enabled-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-bg-inverted: var(--post-scheme-color-interactive-button-primary-enabled-bg-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-primary-enabled-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-stroke-inverted: var(--post-scheme-color-interactive-button-primary-enabled-stroke-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-primary-hover-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-fg: var(--post-scheme-color-interactive-button-primary-hover-fg-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-primary-hover-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-bg: var(--post-scheme-color-interactive-button-primary-hover-bg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-hover-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-interactive-button-primary-hover-bg);--post-scheme-color-interactive-button-primary-hover-stroke: var(--post-scheme-color-interactive-button-primary-hover-stroke-light, var(--post-scheme-color-interactive-button-primary-hover-bg));--post-scheme-color-interactive-button-primary-hover-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-fg-inverted: var(--post-scheme-color-interactive-button-primary-hover-fg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-hover-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-bg-inverted: var(--post-scheme-color-interactive-button-primary-hover-bg-inverted-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-primary-hover-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-stroke-inverted: var(--post-scheme-color-interactive-button-primary-hover-stroke-inverted-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-primary-disabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-fg: var(--post-scheme-color-interactive-button-primary-disabled-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-disabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-bg: var(--post-scheme-color-interactive-button-primary-disabled-bg-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-primary-disabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-stroke: var(--post-scheme-color-interactive-button-primary-disabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-disabled-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-fg-inverted: var(--post-scheme-color-interactive-button-primary-disabled-fg-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-primary-disabled-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-bg-inverted: var(--post-scheme-color-interactive-button-primary-disabled-bg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-disabled-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-stroke-inverted: var(--post-scheme-color-interactive-button-primary-disabled-stroke-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-secondary-enabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-enabled-fg: var(--post-scheme-color-interactive-button-secondary-enabled-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-enabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-bg: var(--post-scheme-color-interactive-button-secondary-enabled-bg-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-secondary-enabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-enabled-stroke: var(--post-scheme-color-interactive-button-secondary-enabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-enabled-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-fg-inverted: var(--post-scheme-color-interactive-button-secondary-enabled-fg-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-secondary-enabled-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-secondary-enabled-bg-inverted: var(--post-scheme-color-interactive-button-secondary-enabled-bg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-enabled-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-stroke-inverted: var(--post-scheme-color-interactive-button-secondary-enabled-stroke-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-secondary-hover-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-hover-fg: var(--post-scheme-color-interactive-button-secondary-hover-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-hover-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-bg: var(--post-scheme-color-interactive-button-secondary-hover-bg-light, var(--post-core-color-sandgrey-alpha-lightsand-10));--post-scheme-color-interactive-button-secondary-hover-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-hover-stroke: var(--post-scheme-color-interactive-button-secondary-hover-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-hover-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-fg-inverted: var(--post-scheme-color-interactive-button-secondary-hover-fg-inverted-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-secondary-hover-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-secondary-hover-bg-inverted: var(--post-scheme-color-interactive-button-secondary-hover-bg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-hover-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-stroke-inverted: var(--post-scheme-color-interactive-button-secondary-hover-stroke-inverted-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-secondary-disabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-disabled-fg: var(--post-scheme-color-interactive-button-secondary-disabled-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-disabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-bg: var(--post-scheme-color-interactive-button-secondary-disabled-bg-light, var(--post-core-color-sandgrey-alpha-lightsand-30));--post-scheme-color-interactive-button-secondary-disabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-disabled-stroke: var(--post-scheme-color-interactive-button-secondary-disabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-disabled-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-fg-inverted: var(--post-scheme-color-interactive-button-secondary-disabled-fg-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-secondary-disabled-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-secondary-disabled-bg-inverted: var(--post-scheme-color-interactive-button-secondary-disabled-bg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-disabled-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-stroke-inverted: var(--post-scheme-color-interactive-button-secondary-disabled-stroke-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-tertiary-enabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-tertiary-enabled-fg: var(--post-scheme-color-interactive-button-tertiary-enabled-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-tertiary-enabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-bg: var(--post-scheme-color-interactive-button-tertiary-enabled-bg-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-enabled-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-interactive-button-tertiary-enabled-bg);--post-scheme-color-interactive-button-tertiary-enabled-stroke: var(--post-scheme-color-interactive-button-tertiary-enabled-stroke-light, var(--post-scheme-color-interactive-button-tertiary-enabled-bg));--post-scheme-color-interactive-button-tertiary-enabled-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-enabled-fg-inverted: var(--post-scheme-color-interactive-button-tertiary-enabled-fg-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-tertiary-enabled-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-bg-inverted: var(--post-scheme-color-interactive-button-tertiary-enabled-bg-inverted-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted: var(--post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-hover-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-tertiary-hover-fg: var(--post-scheme-color-interactive-button-tertiary-hover-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-tertiary-hover-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-bg: var(--post-scheme-color-interactive-button-tertiary-hover-bg-light, var(--post-core-color-sandgrey-alpha-lightsand-10));--post-scheme-color-interactive-button-tertiary-hover-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-interactive-button-tertiary-hover-bg);--post-scheme-color-interactive-button-tertiary-hover-stroke: var(--post-scheme-color-interactive-button-tertiary-hover-stroke-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-hover-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-hover-fg-inverted: var(--post-scheme-color-interactive-button-tertiary-hover-fg-inverted-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-tertiary-hover-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-tertiary-hover-bg-inverted: var(--post-scheme-color-interactive-button-tertiary-hover-bg-inverted-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-hover-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-stroke-inverted: var(--post-scheme-color-interactive-button-tertiary-hover-stroke-inverted-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-disabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-disabled-fg: var(--post-scheme-color-interactive-button-tertiary-disabled-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-tertiary-disabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-disabled-bg: var(--post-scheme-color-interactive-button-tertiary-disabled-bg-light, var(--post-core-color-sandgrey-alpha-lightsand-30));--post-scheme-color-interactive-button-tertiary-disabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-disabled-stroke: var(--post-scheme-color-interactive-button-tertiary-disabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-tertiary-disabled-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-disabled-fg-inverted: var(--post-scheme-color-interactive-button-tertiary-disabled-fg-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-tertiary-disabled-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-tertiary-disabled-bg-inverted: var(--post-scheme-color-interactive-button-tertiary-disabled-bg-inverted-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted: var(--post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-focus-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-focus-stroke: var(--post-scheme-color-interactive-focus-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-focus-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-focus-stroke-inverted: var(--post-scheme-color-interactive-focus-stroke-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-enabled-bg1-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg1: var(--post-scheme-color-interactive-primary-enabled-bg1-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-enabled-fg1-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-fg1: var(--post-scheme-color-interactive-primary-enabled-fg1-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-enabled-fg2-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-enabled-fg2: var(--post-scheme-color-interactive-primary-enabled-fg2-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-primary-enabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-stroke: var(--post-scheme-color-interactive-primary-enabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-enabled-fg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-fg3: var(--post-scheme-color-interactive-primary-enabled-fg3-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-enabled-bg2-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-bg2: var(--post-scheme-color-interactive-primary-enabled-bg2-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-enabled-stroke3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-stroke3: var(--post-scheme-color-interactive-primary-enabled-stroke3-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-enabled-bg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg3: var(--post-scheme-color-interactive-primary-enabled-bg3-light, var(--post-core-color-colorless));--post-scheme-color-interactive-primary-enabled-stroke4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-030);--post-scheme-color-interactive-primary-enabled-stroke4: var(--post-scheme-color-interactive-primary-enabled-stroke4-light, var(--post-core-color-sandgrey-030));--post-scheme-color-interactive-primary-enabled-bg4-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-primary-enabled-bg4: var(--post-scheme-color-interactive-primary-enabled-bg4-light, var(--post-core-color-colorless));--post-scheme-color-interactive-primary-enabled-stroke5-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-primary-enabled-stroke5: var(--post-scheme-color-interactive-primary-enabled-stroke5-light, var(--post-core-color-colorless));--post-scheme-color-interactive-primary-enabled-bg5-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg5: var(--post-scheme-color-interactive-primary-enabled-bg5-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-enabled-fg5-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-fg5: var(--post-scheme-color-interactive-primary-enabled-fg5-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-enabled-fg6-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-fg6: var(--post-scheme-color-interactive-primary-enabled-fg6-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-enabled-bg6-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-bg6: var(--post-scheme-color-interactive-primary-enabled-bg6-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-hover-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg: var(--post-scheme-color-interactive-primary-hover-bg-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-primary-hover-fg1-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-fg1: var(--post-scheme-color-interactive-primary-hover-fg1-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-hover-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-stroke: var(--post-scheme-color-interactive-primary-hover-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-hover-fg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-fg3: var(--post-scheme-color-interactive-primary-hover-fg3-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-primary-hover-bg2-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-bg2: var(--post-scheme-color-interactive-primary-hover-bg2-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-hover-stroke3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-stroke3: var(--post-scheme-color-interactive-primary-hover-stroke3-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-primary-hover-bg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg3: var(--post-scheme-color-interactive-primary-hover-bg3-light, var(--post-core-color-sandgrey-alpha-lightsand-20));--post-scheme-color-interactive-primary-hover-bg4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-006);--post-scheme-color-interactive-primary-hover-bg4: var(--post-scheme-color-interactive-primary-hover-bg4-light, var(--post-core-color-sandgrey-006));--post-scheme-color-interactive-primary-hover-bg5-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-primary-hover-bg5: var(--post-scheme-color-interactive-primary-hover-bg5-light, var(--post-core-color-colorless));--post-scheme-color-interactive-primary-hover-bg7-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-006);--post-scheme-color-interactive-primary-hover-bg7: var(--post-scheme-color-interactive-primary-hover-bg7-light, var(--post-core-color-sandgrey-alpha-lightsand-10));--post-scheme-color-interactive-primary-hover-bg8-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg8: var(--post-scheme-color-interactive-primary-hover-bg8-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-hover-fg4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-fg4: var(--post-scheme-color-interactive-primary-hover-fg4-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-primary-disabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-bg: var(--post-scheme-color-interactive-primary-disabled-bg-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-primary-disabled-fg1-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-fg1: var(--post-scheme-color-interactive-primary-disabled-fg1-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-disabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke: var(--post-scheme-color-interactive-primary-disabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-disabled-fg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-fg3: var(--post-scheme-color-interactive-primary-disabled-fg3-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-primary-disabled-stroke2-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke2: var(--post-scheme-color-interactive-primary-disabled-stroke2-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-disabled-bg4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-bg4: var(--post-scheme-color-interactive-primary-disabled-bg4-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-disabled-stroke3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-stroke3: var(--post-scheme-color-interactive-primary-disabled-stroke3-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-primary-disabled-bg5-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-012);--post-scheme-color-interactive-primary-disabled-bg5: var(--post-scheme-color-interactive-primary-disabled-bg5-light, var(--post-core-color-sandgrey-alpha-lightsand-10));--post-scheme-color-interactive-primary-disabled-fg4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-fg4: var(--post-scheme-color-interactive-primary-disabled-fg4-light, var(--post-core-color-sandgrey-alpha-lightsand-60));--post-scheme-color-interactive-primary-disabled-stroke4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke4: var(--post-scheme-color-interactive-primary-disabled-stroke4-light, var(--post-core-color-sandgrey-alpha-lightsand-60));--post-scheme-color-interactive-primary-disabled-bg6-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-bg6: var(--post-scheme-color-interactive-primary-disabled-bg6-light, var(--post-core-color-colorless));--post-scheme-color-interactive-primary-selected-bg1-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-bg1: var(--post-scheme-color-interactive-primary-selected-bg1-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-selected-fg1-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-fg1: var(--post-scheme-color-interactive-primary-selected-fg1-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-selected-stroke1-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-stroke1: var(--post-scheme-color-interactive-primary-selected-stroke1-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-selected-fg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-fg3: var(--post-scheme-color-interactive-primary-selected-fg3-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-selected-bg2-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-green);--post-scheme-color-interactive-primary-selected-bg2: var(--post-scheme-color-interactive-primary-selected-bg2-light, var(--post-core-color-notification-green-light));--post-scheme-color-interactive-primary-selected-stroke4-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-green);--post-scheme-color-interactive-primary-selected-stroke4: var(--post-scheme-color-interactive-primary-selected-stroke4-light, var(--post-core-color-notification-green-light));--post-scheme-color-interactive-primary-selected-stroke3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-stroke3: var(--post-scheme-color-interactive-primary-selected-stroke3-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-selected-bg4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-bg4: var(--post-scheme-color-interactive-primary-selected-bg4-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-selected-bg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-postyellow);--post-scheme-color-interactive-primary-selected-bg3: var(--post-scheme-color-interactive-primary-selected-bg3-light, var(--post-core-color-brand-postyellow));--post-scheme-color-interactive-notification-info-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-info-fg: var(--post-scheme-color-interactive-notification-info-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-notification-info-bg-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-information-light);--post-scheme-color-interactive-notification-info-bg: var(--post-scheme-color-interactive-notification-info-bg-light, var(--post-scheme-color-signal-information-light));--post-scheme-color-interactive-notification-info-icon-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-info-icon: var(--post-scheme-color-interactive-notification-info-icon-light, var(--post-scheme-color-signal-information-dark));--post-scheme-color-interactive-notification-info-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-info-stroke: var(--post-scheme-color-interactive-notification-info-stroke-light, var(--post-scheme-color-signal-information-dark));--post-scheme-color-interactive-notification-success-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-success-fg: var(--post-scheme-color-interactive-notification-success-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-notification-success-bg-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-success-light);--post-scheme-color-interactive-notification-success-bg: var(--post-scheme-color-interactive-notification-success-bg-light, var(--post-scheme-color-signal-success-light));--post-scheme-color-interactive-notification-success-icon-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-success-icon: var(--post-scheme-color-interactive-notification-success-icon-light, var(--post-scheme-color-signal-success-dark));--post-scheme-color-interactive-notification-success-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-success-stroke: var(--post-scheme-color-interactive-notification-success-stroke-light, var(--post-scheme-color-signal-success-dark));--post-scheme-color-interactive-notification-warning-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-warning-fg: var(--post-scheme-color-interactive-notification-warning-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-notification-warning-bg-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-warning-light);--post-scheme-color-interactive-notification-warning-bg: var(--post-scheme-color-interactive-notification-warning-bg-light, var(--post-scheme-color-signal-warning-light));--post-scheme-color-interactive-notification-warning-icon-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-warning-icon: var(--post-scheme-color-interactive-notification-warning-icon-light, var(--post-scheme-color-signal-warning-dark));--post-scheme-color-interactive-notification-warning-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-warning-stroke: var(--post-scheme-color-interactive-notification-warning-stroke-light, var(--post-scheme-color-signal-warning-dark));--post-scheme-color-interactive-notification-error-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-error-fg: var(--post-scheme-color-interactive-notification-error-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-notification-error-bg-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-error-light);--post-scheme-color-interactive-notification-error-bg: var(--post-scheme-color-interactive-notification-error-bg-light, var(--post-scheme-color-signal-error-light));--post-scheme-color-interactive-notification-error-icon-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-notification-error-icon: var(--post-scheme-color-interactive-notification-error-icon-light, var(--post-scheme-color-signal-error-dark));--post-scheme-color-interactive-notification-error-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-notification-error-stroke: var(--post-scheme-color-interactive-notification-error-stroke-light, var(--post-scheme-color-signal-error-dark));--post-scheme-color-interactive-input-enabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-input-enabled-bg: var(--post-scheme-color-interactive-input-enabled-bg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-input-enabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-enabled-fg: var(--post-scheme-color-interactive-input-enabled-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-input-enabled-border-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-enabled-border: var(--post-scheme-color-interactive-input-enabled-border-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-input-hover-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-input-hover-bg: var(--post-scheme-color-interactive-input-hover-bg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-input-hover-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-hover-fg: var(--post-scheme-color-interactive-input-hover-fg-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-input-hover-border-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-hover-border: var(--post-scheme-color-interactive-input-hover-border-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-input-disabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-input-disabled-bg: var(--post-scheme-color-interactive-input-disabled-bg-light, var(--post-core-color-colorless));--post-scheme-color-interactive-input-disabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-input-disabled-fg: var(--post-scheme-color-interactive-input-disabled-fg-light, var(--post-core-color-sandgrey-alpha-lightsand-60));--post-scheme-color-interactive-input-disabled-border-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-input-disabled-border: var(--post-scheme-color-interactive-input-disabled-border-light, var(--post-core-color-sandgrey-alpha-lightsand-60));--post-scheme-color-interactive-card-hover-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-020);--post-scheme-color-interactive-card-hover-bg: var(--post-scheme-color-interactive-card-hover-bg-light, var(--post-core-color-sandgrey-020));--post-scheme-color-interactive-card-hover-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-card-hover-fg: var(--post-scheme-color-interactive-card-hover-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-tabs-selected-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-tabs-selected-fg: var(--post-scheme-color-interactive-tabs-selected-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-tabs-disabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-tabs-disabled-fg: var(--post-scheme-color-interactive-tabs-disabled-fg-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-tabs-disabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-tabs-disabled-stroke: var(--post-scheme-color-interactive-tabs-disabled-stroke-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-tabs-selected-hovered-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-tabs-selected-hovered-fg: var(--post-scheme-color-interactive-tabs-selected-hovered-fg-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-tabs-selected-hovered-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-tabs-selected-hovered-stroke: var(--post-scheme-color-interactive-tabs-selected-hovered-stroke-light, var(--post-core-color-sandgrey-002));--post-scheme-color-surface-default-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-002);--post-scheme-color-surface-default-bg: var(--post-scheme-color-surface-default-bg-light, var(--post-core-color-sandgrey-080));--post-scheme-color-surface-default-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-default-fg: var(--post-scheme-color-surface-default-fg-light, var(--post-core-color-brand-white));--post-scheme-color-surface-default-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-default-stroke: var(--post-scheme-color-surface-default-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-surface-accent1-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-surface-accent1-bg: var(--post-scheme-color-surface-accent1-bg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-surface-accent1-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent1-fg: var(--post-scheme-color-surface-accent1-fg-light, var(--post-core-color-brand-white));--post-scheme-color-surface-alternate-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-006);--post-scheme-color-surface-alternate-bg: var(--post-scheme-color-surface-alternate-bg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-surface-alternate-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-alternate-fg: var(--post-scheme-color-surface-alternate-fg-light, var(--post-core-color-brand-white));--post-scheme-color-surface-alternate-secondary-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-surface-alternate-secondary-bg: var(--post-scheme-color-surface-alternate-secondary-bg-light, var(--post-core-color-brand-white));--post-scheme-color-surface-brand-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-postyellow);--post-scheme-color-surface-brand-bg: var(--post-scheme-color-surface-brand-bg-light, var(--post-core-color-brand-postyellow));--post-scheme-color-surface-brand-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-brand-fg: var(--post-scheme-color-surface-brand-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-surface-brand-fg-accent-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-brand-fg-accent: var(--post-scheme-color-surface-brand-fg-accent-light, var(--post-core-color-sandgrey-100));--post-scheme-color-surface-brand-secondary-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-surface-brand-secondary-bg: var(--post-scheme-color-surface-brand-secondary-bg-light, var(--post-core-color-brand-white));--post-scheme-color-surface-accent-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-080);--post-scheme-color-surface-accent-bg: var(--post-scheme-color-surface-accent-bg-light, var(--post-core-color-sandgrey-002));--post-scheme-color-surface-accent-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-surface-accent-fg: var(--post-scheme-color-surface-accent-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-surface-accent-fg-accent-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-postyellow);--post-scheme-color-surface-accent-fg-accent: var(--post-scheme-color-surface-accent-fg-accent-light, var(--post-core-color-sandgrey-100));--post-scheme-color-badge-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-red);--post-scheme-color-badge-bg: var(--post-scheme-color-badge-bg-light, var(--post-core-color-notification-red));--post-scheme-color-badge-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-badge-fg: var(--post-scheme-color-badge-fg-light, var(--post-core-color-brand-white));--post-scheme-color-badge-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-badge-stroke: var(--post-scheme-color-badge-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-popover-hover-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-020);--post-scheme-color-popover-hover: var(--post-scheme-color-popover-hover-light, var(--post-core-color-sandgrey-020));--post-scheme-color-divider-border-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-divider-border: var(--post-scheme-color-divider-border-light, var(--post-core-color-sandgrey-050));--post-scheme-color-backdrop-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-alpha-darksand-80);--post-scheme-color-backdrop-bg: var(--post-scheme-color-backdrop-bg-light, var(--post-core-color-sandgrey-alpha-darksand-80));--post-scheme-color-datepicker-header-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-012);--post-scheme-color-datepicker-header-bg: var(--post-scheme-color-datepicker-header-bg-light, var(--post-core-color-sandgrey-070));--post-cargo-scheme-color-surface-default-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-002);--post-cargo-scheme-color-surface-default-bg: var(--post-cargo-scheme-color-surface-default-bg-light, var(--post-core-color-sandgrey-080));--post-cargo-scheme-color-surface-default-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-default-fg: var(--post-cargo-scheme-color-surface-default-fg-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-default-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-default-stroke: var(--post-cargo-scheme-color-surface-default-stroke-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-accent1-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-accent1-bg: var(--post-cargo-scheme-color-surface-accent1-bg-light, var(--post-core-color-sandgrey-100));--post-cargo-scheme-color-surface-accent1-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent1-fg: var(--post-cargo-scheme-color-surface-accent1-fg-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-alternate-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-006);--post-cargo-scheme-color-surface-alternate-bg: var(--post-cargo-scheme-color-surface-alternate-bg-light, var(--post-core-color-sandgrey-100));--post-cargo-scheme-color-surface-alternate-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-alternate-fg: var(--post-cargo-scheme-color-surface-alternate-fg-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-brand-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-cargo-green);--post-cargo-scheme-color-surface-brand-bg: var(--post-cargo-scheme-color-surface-brand-bg-light, var(--post-core-color-cargo-green));--post-cargo-scheme-color-surface-brand-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-brand-fg: var(--post-cargo-scheme-color-surface-brand-fg-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-brand-fg-accent-light: var(--post-fallback-prefers-light) var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-brand-fg-accent: var(--post-cargo-scheme-color-surface-brand-fg-accent-light, var(--post-core-color-cargo-blue));--post-cargo-scheme-color-surface-brand-secondary-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-brand-secondary-bg: var(--post-cargo-scheme-color-surface-brand-secondary-bg-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-accent-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-accent-bg: var(--post-cargo-scheme-color-surface-accent-bg-light, var(--post-core-color-cargo-blue));--post-cargo-scheme-color-surface-accent-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent-fg: var(--post-cargo-scheme-color-surface-accent-fg-light, var(--post-core-color-sandgrey-100));--post-cargo-scheme-color-surface-accent-fg-accent-light: var(--post-fallback-prefers-light) var(--post-core-color-cargo-green);--post-cargo-scheme-color-surface-accent-fg-accent: var(--post-cargo-scheme-color-surface-accent-fg-accent-light, var(--post-core-color-cargo-green));--post-cargo-scheme-color-surface-accent-secondary-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-accent-secondary-bg: var(--post-cargo-scheme-color-surface-accent-secondary-bg-light, var(--post-core-color-brand-white))}}.post-dialog,dialog{box-shadow:var(--post-device-elevation-500);padding:0;min-width:min(389px,90vw);max-width:590px;max-height:90vh;overflow:visible;margin:revert;overscroll-behavior:contain;color:var(--post-scheme-color-body-fg);background-color:var(--post-scheme-color-body-bg);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke4);border-radius:var(--post-device-border-radius-2)}@supports(color: light-dark(black, white)){.post-dialog,dialog{color-scheme:light}}@supports not (color: light-dark(black, white)){.post-dialog,dialog{--post-fallback-prefers-light: }}.post-dialog::backdrop,dialog::backdrop{background-color:var(--post-scheme-color-backdrop-bg);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-dialog,dialog{border-width:var(--post-device-border-width-default)}.post-dialog::backdrop,dialog::backdrop{background-image:linear-gradient(135deg, CanvasText 4.55%, transparent 4.55%, transparent 50%, CanvasText 50%, CanvasText 54.55%, transparent 54.55%, transparent 100%);background-size:22px 22px;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(0,0,0,0);forced-color-adjust:none}}.post-dialog[data-size=small],dialog[data-size=small]{min-width:296px;max-width:388px}.post-dialog[data-size=large],dialog[data-size=large]{min-width:min(600px,90vw);max-width:792px}.post-dialog[data-position=top],dialog[data-position=top]{inset-block-start:2rem;inset-block-end:auto}.post-dialog[data-position=bottom],dialog[data-position=bottom]{inset-block-start:auto;inset-block-end:max(2rem,env(safe-area-inset-bottom, 0px))}.post-dialog[data-variant=bottom-sheet],dialog[data-variant=bottom-sheet]{--_dialog-sheet-default-width: 100%;min-width:0;width:var(--post-dialog-width, var(--_dialog-sheet-default-width));max-width:var(--post-dialog-width, var(--_dialog-sheet-default-width));max-height:80dvh;overflow:hidden;border-radius:var(--post-device-border-radius-2) var(--post-device-border-radius-2) 0 0;inset-block-start:auto;inset-block-end:0;margin-block-start:auto;margin-block-end:0}@media screen and (min-width: 780px){.post-dialog[data-variant=bottom-sheet],dialog[data-variant=bottom-sheet]{--_dialog-sheet-default-width: calc(100vw - 2 * var(--post-container-padding-inline, 0))}}@media screen and (min-width: 1024px){.container .post-dialog[data-variant=bottom-sheet],.container dialog[data-variant=bottom-sheet]{--_dialog-sheet-default-width: min( calc(100vw - 2 * var(--post-container-padding-inline, 0)), var(--post-container-max-width) )}.container-fluid .post-dialog[data-variant=bottom-sheet],.container-fluid dialog[data-variant=bottom-sheet]{--_dialog-sheet-default-width: calc( (100vw - 2 * var(--post-container-padding-inline, 0)) / 2 )}}.post-dialog[data-variant=bottom-sheet]>.dialog-grid,dialog[data-variant=bottom-sheet]>.dialog-grid{max-height:80dvh}.post-dialog[data-variant=bottom-sheet]>.dialog-grid:not(:has(.dialog-controls)),dialog[data-variant=bottom-sheet]>.dialog-grid:not(:has(.dialog-controls)){padding-block-end:max(var(--post-device-spacing-padding-31),env(safe-area-inset-bottom, 0px))}.post-dialog[data-variant=bottom-sheet]>.dialog-grid>post-closebutton,dialog[data-variant=bottom-sheet]>.dialog-grid>post-closebutton{inset-block-start:var(--post-device-spacing-padding-block-25);inset-inline-end:var(--post-device-spacing-padding-20);transform:none;z-index:2}.post-dialog[data-variant=bottom-sheet] .dialog-controls,dialog[data-variant=bottom-sheet] .dialog-controls{padding-block-end:max(var(--post-device-spacing-padding-31),env(safe-area-inset-bottom, 0px))}.post-dialog>.dialog-grid,dialog>.dialog-grid{padding:var(--post-device-spacing-padding-block-25) var(--post-device-spacing-padding-20) 0;border-radius:var(--post-device-border-radius-2);display:grid;grid-template-rows:auto 1fr auto;max-height:90vh;column-gap:var(--post-device-spacing-gap-10);grid-template-columns:auto 1fr;grid-template-areas:"icon header" "icon body" "controls controls";position:relative;background-color:inherit}.post-dialog>.dialog-grid:not(:has(.dialog-controls)),dialog>.dialog-grid:not(:has(.dialog-controls)){padding-block-end:var(--post-device-spacing-padding-31)}:where(.dialog-icon,.dialog-header,.dialog-body,.dialog-controls):empty{display:none}.dialog-grid:where(dialog[data-type=info]>*)::before{background-image:var(--post-signal-icon-info)}.dialog-grid:where(dialog[data-type=error]>*)::before{background-image:var(--post-signal-icon-error)}.dialog-grid:where(dialog[data-type=success]>*)::before{background-image:var(--post-signal-icon-success)}.dialog-grid:where(dialog[data-type=warning]>*)::before{background-image:var(--post-signal-icon-warning)}.dialog-grid:where(dialog[data-type=info]>*,dialog[data-type=error]>*,dialog[data-type=success]>*,dialog[data-type=warning]>*)::before{content:"";display:block;grid-area:icon;align-self:start;margin-block-start:var(--post-device-spacing-padding-block-36);width:var(--post-device-sizing-notification-icon-5);height:var(--post-device-sizing-notification-icon-5)}.dialog-grid .dialog-header{grid-area:header;margin-block-start:0;margin-block-end:var(--post-device-spacing-gap-10);inset-block-start:0;position:sticky;z-index:1;background-color:inherit;font-size:var(--post-device-font-size-2);font-weight:var(--post-device-font-weight-extra-black)}.dialog-grid .dialog-body{grid-area:body;margin-block-end:0;overflow:auto;font-size:var(--post-device-font-size-6);padding:calc(var(--post-device-spacing-padding-2) + var(--post-device-border-width-focus));margin-block-start:calc(-1*calc(var(--post-device-spacing-padding-2) + var(--post-device-border-width-focus)));margin-inline-start:calc(-1*calc(var(--post-device-spacing-padding-2) + var(--post-device-border-width-focus)));margin-inline-end:calc(-1*calc(var(--post-device-spacing-padding-2) + var(--post-device-border-width-focus)))}.dialog-grid .dialog-body>*:last-child{margin-block-end:0}.dialog-grid:not(:where(dialog[data-type=info]>*,dialog[data-type=error]>*,dialog[data-type=success]>*,dialog[data-type=warning]>*)) .dialog-header{grid-area:1/icon/1/header}.dialog-grid:not(:where(dialog[data-type=info]>*,dialog[data-type=error]>*,dialog[data-type=success]>*,dialog[data-type=warning]>*)) .dialog-body{grid-area:2/icon/2/body}.dialog-controls{grid-area:controls;position:sticky;inset-block-end:0;z-index:1;padding-block-start:var(--post-device-spacing-padding-31);padding-block-end:var(--post-device-spacing-padding-31);margin-block-end:0;display:flex;flex-wrap:wrap;flex-direction:row-reverse;gap:var(--post-device-spacing-gap-8);background-color:inherit}@media screen and (max-width: 599.98px){.dialog-controls button{width:100%}}.post-dialog[data-variant=bottom-sheet] .dialog-header,dialog[data-variant=bottom-sheet] .dialog-header{padding-inline-end:calc(var(--post-device-sizing-notification-icon-5) + var(--post-device-spacing-padding-20))}.post-dialog:not([data-animation=none]),dialog:not([data-animation=none]){--_dialog-transition-duration: var(--dialog-transition-duration, 0.5s);--_dialog-closed-scale: 0.8;--_dialog-closed-translate-y: 0;transform:translateY(var(--_dialog-closed-translate-y)) scale(var(--_dialog-closed-scale));opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--_dialog-transition-duration);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}.post-dialog:not([data-animation=none])::backdrop,dialog:not([data-animation=none])::backdrop{opacity:0;transition:opacity var(--_dialog-transition-duration),overlay var(--_dialog-transition-duration) allow-discrete,display var(--_dialog-transition-duration) allow-discrete,-webkit-backdrop-filter var(--_dialog-transition-duration);transition:backdrop-filter var(--_dialog-transition-duration),opacity var(--_dialog-transition-duration),overlay var(--_dialog-transition-duration) allow-discrete,display var(--_dialog-transition-duration) allow-discrete;transition:backdrop-filter var(--_dialog-transition-duration),opacity var(--_dialog-transition-duration),overlay var(--_dialog-transition-duration) allow-discrete,display var(--_dialog-transition-duration) allow-discrete,-webkit-backdrop-filter var(--_dialog-transition-duration)}.post-dialog:not([data-animation=none])[open],dialog:not([data-animation=none])[open]{transform:translateY(0) scale(1);opacity:1}@starting-style{.post-dialog:not([data-animation=none])[open],dialog:not([data-animation=none])[open]{opacity:0;transform:translateY(var(--_dialog-closed-translate-y)) scale(var(--_dialog-closed-scale))}}.post-dialog:not([data-animation=none])[open]::backdrop,dialog:not([data-animation=none])[open]::backdrop{opacity:1;-webkit-backdrop-filter:blur(var(--post-core-dimension-10));backdrop-filter:blur(var(--post-core-dimension-10))}@starting-style{.post-dialog:not([data-animation=none])[open]::backdrop,dialog:not([data-animation=none])[open]::backdrop{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@media(forced-colors: active){.post-dialog:not([data-animation=none])[open]::backdrop,dialog:not([data-animation=none])[open]::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.post-dialog:not([data-animation=none])[data-animation=slide-in],.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation]),dialog:not([data-animation=none])[data-animation=slide-in],dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation]){--_dialog-slide-in-offset: 3rem;--_dialog-closed-scale: 1;--_dialog-closed-translate-y: var(--_dialog-slide-in-offset)}.post-dialog:not([data-animation=none])[data-animation=slide-in][data-position=top],.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[data-position=top],dialog:not([data-animation=none])[data-animation=slide-in][data-position=top],dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[data-position=top]{--_dialog-slide-in-offset: -3rem}.post-dialog:not([data-animation=none])[data-animation=slide-in][data-position=bottom],.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[data-position=bottom],dialog:not([data-animation=none])[data-animation=slide-in][data-position=bottom],dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[data-position=bottom]{--_dialog-slide-in-offset: 3rem}.post-dialog:not([data-animation=none])[data-animation=slide-in][open],.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[open],dialog:not([data-animation=none])[data-animation=slide-in][open],dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[open]{transform:translateY(0) scale(1)}@starting-style{.post-dialog:not([data-animation=none])[data-animation=slide-in][open],.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[open],dialog:not([data-animation=none])[data-animation=slide-in][open],dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[open]{transform:translateY(var(--_dialog-slide-in-offset)) scale(1)}}@media(prefers-reduced-motion: reduce){.post-dialog:not([data-animation=none])[data-variant=bottom-sheet],dialog:not([data-animation=none])[data-variant=bottom-sheet]{transition:none}.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]::backdrop,dialog:not([data-animation=none])[data-variant=bottom-sheet]::backdrop{transition:none}}
package/components/dialog.scss CHANGED
@@ -7,6 +7,7 @@
7
7
  @use '../tokens/helpers';
8
8
  @use '../mixins/media';
9
9
  @use '../mixins/color-scheme';
10
+ @use '../functions/env';
10
11
 
11
12
  tokens.$default-map: utilities.$post-spacing;
12
13
 
@@ -83,7 +84,7 @@ dialog {
83
84
 
84
85
  &[data-position='bottom'] {
85
86
  inset-block-start: auto;
86
- inset-block-end: 2rem;
87
+ inset-block-end: env.safe-area-inset(bottom, 2rem);
87
88
  }
88
89
 
89
90
  &#{$dialog-bottom-sheet-selector} {
@@ -121,13 +122,27 @@ dialog {
121
122
 
122
123
  > .dialog-grid {
123
124
  max-height: 80dvh;
125
+
126
+ &:not(:has(.dialog-controls)) {
127
+ padding-block-end: env.safe-area-inset(
128
+ bottom,
129
+ tokens.get('dialog-padding-block-end', components.$post-dialog)
130
+ );
131
+ }
132
+
133
+ > post-closebutton {
134
+ inset-block-start: tokens.get('dialog-padding-block-start', components.$post-dialog);
135
+ inset-inline-end: tokens.get('dialog-padding-inline', components.$post-dialog);
136
+ transform: none;
137
+ z-index: 2;
138
+ }
124
139
  }
125
140
 
126
- > .dialog-grid > post-closebutton {
127
- inset-block-start: tokens.get('dialog-padding-block-start', components.$post-dialog);
128
- inset-inline-end: tokens.get('dialog-padding-inline', components.$post-dialog);
129
- transform: none;
130
- z-index: 2;
141
+ .dialog-controls {
142
+ padding-block-end: env.safe-area-inset(
143
+ bottom,
144
+ tokens.get('dialog-padding-block-end', components.$post-dialog)
145
+ );
131
146
  }
132
147
  }
133
148
 
package/components/form-input.css CHANGED
@@ -1 +1 @@
1
- input.form-control{display:block;width:100%;font-family:inherit;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-device-spacing-padding-3);padding-block:var(--post-device-spacing-padding-block-1);height:var(--post-device-sizing-interactive-button-height-6)}input.form-control.form-control-sm{height:var(--post-device-sizing-interactive-button-height-8);padding-block:var(--post-device-spacing-padding-29);font-size:var(--post-device-font-size-7)}input.form-control:focus{border-color:var(--post-scheme-color-interactive-input-enabled-border);background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg)}input.form-control: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}input.form-control: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){input.form-control:focus:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){input.form-control: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){input.form-control: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){input.form-control:focus{border-color:FieldText !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:not(:disabled):hover,input.form-control:not(:disabled):focus{border-color:FieldText}}input.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){input.form-control:not(:disabled):hover{border-color:Highlight}}input.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)}input.form-control[type=file]{overflow:hidden;position:relative}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control[type=file]:disabled{color:GrayText;border-color:GrayText}}input.form-control[type=file]::file-selector-button{padding-block:var(--post-device-spacing-padding-block-1);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-device-spacing-padding-3);margin-block:calc(var(--post-device-spacing-padding-block-1)*-1);color:var(--post-scheme-color-interactive-input-enabled-fg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--post-device-border-width-default);border-radius:0;display:block;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-end:0;margin-inline:0;height:auto;background-color:inherit;border-right:0 none;border-left:inherit}@supports(background: -webkit-named-image(i)){input.form-control[type=file]::file-selector-button{display:initial;position:initial;margin-inline:0;padding-inline:0;width:0;border:0 none}input.form-control[type=file]::after{display:flex;align-items:center;content:"Choose File";position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-end:0;z-index:2;padding-inline:var(--post-device-spacing-padding-inline-1);background-color:inherit;border-inline-start:inherit;text-align:center}[lang=de] input.form-control[type=file]::after{content:"Datei auswählen"}[lang=fr] input.form-control[type=file]::after{content:"Choisir un fichier"}[lang=it] input.form-control[type=file]::after{content:"Scegli file"}input.form-control[type=file][multiple]::after{content:"Choose Files"}[lang=de] input.form-control[type=file][multiple]::after{content:"Dateien auswählen"}[lang=fr] input.form-control[type=file][multiple]::after{content:"Choisir des fichiers"}}input.form-control[type=file].is-valid::file-selector-button,input.form-control[type=file].is-invalid::file-selector-button{padding-inline-end:calc(var(--post-device-spacing-padding-3) + var(--post-device-position-2) + var(--post-device-sizing-notification-1))}input.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}input.form-control[type=time]{padding-inline-end:calc(var(--post-device-spacing-padding-3) + var(--post-device-position-2) + var(--post-device-sizing-notification-1))}input.form-control[type=time]::-webkit-date-and-time-value{text-align:start}input.form-control[type=time]::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:var(--post-device-position-2);inset-block-start:50%;transform:translateY(-50%);width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1);background:rgba(0,0,0,0);cursor:pointer;z-index:1;padding:0;margin:0}input.form-control[type=time]::-webkit-calendar-picker-indicator:focus-within{border-radius:4px;outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) var(--post-core-border-style-solid) var(--post-device-border-width-focus) !important}input.form-control[type=time]::after{position:absolute;inset-inline-end:var(--post-device-position-2);inset-block-start:50%;transform:translateY(-50%);width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1);content:"";display:block;pointer-events:none;background-color:var(--post-scheme-color-interactive-input-enabled-fg);z-index:2;mask-image:var(--post-icon-time);background-color:currentColor}:root,:host{--post-icon-time: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktdGltZSI+PHN5bWJvbCBpZD0iczE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Im0xMy40MSA0LjY4LjgtLjhjLjI5LS4yOS4yOS0uNzcgMC0xLjA2cy0uNzctLjI5LTEuMDYgMGwtLjguOGE2Ljk1IDYuOTUgMCAwIDAtMy42LTEuNXYtLjYxaDEuMzJWMEg1Ljk0djEuNWgxLjMydi42MWMtMy40OC4zOC02LjIgMy4zNC02LjIgNi45MiAwIDMuODQgMy4xMiA2Ljk2IDYuOTUgNi45NnM2Ljk1LTMuMTIgNi45NS02Ljk2YzAtMS42NS0uNTgtMy4xNy0xLjU0LTQuMzZaTTggMTQuNWMtMyAwLTUuNDUtMi40NS01LjQ1LTUuNDZTNC45OSAzLjU4IDggMy41OHM1LjQ1IDIuNDUgNS40NSA1LjQ2UzExLjAxIDE0LjUgOCAxNC41bTIuMjUtNi42OWMuMjkuMjkuMjkuNzcgMCAxLjA2bC0xLjcyIDEuNzJjLS4xNS4xNS0uMzQuMjItLjUzLjIycy0uMzgtLjA3LS41My0uMjJsLTIuNS0yLjUxYy0uMjktLjI5LS4yOS0uNzcgMC0xLjA2cy43Ny0uMjkgMS4wNiAwTDggOWwxLjE5LTEuMTljLjI5LS4yOS43Ny0uMjkgMS4wNiAwIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Im0xOS45NiA2Ljg4LjkxLS45MWMuMzQtLjM0LjM0LS44OSAwLTEuMjRzLS45LS4zNC0xLjI0IDBsLS45MS45MWExMC40IDEwLjQgMCAwIDAtNS44NC0yLjQyVjEuNzRoMi4zMVYwSDguODJ2MS43NWgyLjMxdjEuNDhjLTUuMzQuNDQtOS41NSA0LjkxLTkuNTUgMTAuMzZDMS41OCAxOS4zMyA2LjI2IDI0IDEyIDI0czEwLjQyLTQuNjcgMTAuNDItMTAuNDFjMC0yLjU2LS45My00LjktMi40Ny02LjcxWk0xMiAyMi4yNWMtNC43OCAwLTguNjctMy44OS04LjY3LTguNjZTNy4yMiA0LjkzIDEyIDQuOTNzOC42NyAzLjg5IDguNjcgOC42Ni0zLjg5IDguNjYtOC42NyA4LjY2bTMuOC0xMC44N2MuMzQuMzQuMzQuOSAwIDEuMjRsLTMuMTggMy4xOGMtLjE3LjE3LS40LjI2LS42Mi4yNnMtLjQ1LS4wOC0uNjItLjI2TDYuOCAxMS4yMmEuODguODggMCAwIDEgMC0xLjI0Yy4zNC0uMzQuOS0uMzQgMS4yNCAwbDMuOTcgMy45NiAyLjU2LTIuNTZjLjM0LS4zNC45LS4zNCAxLjI0IDBaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxwYXRoIGQ9Im0yNi40NyA5LjA5IDEuMzUtMS4zNWEuOTk2Ljk5NiAwIDEgMC0xLjQxLTEuNDFsLTEuMzUgMS4zNWMtMi4xOS0xLjktNC45OC0zLjEyLTguMDUtMy4zNFYyaDMuMjlWMGgtOC41N3YyaDMuMjl2Mi4zNGMtNy4xNy41Mi0xMi44NiA2LjUtMTIuODYgMTMuODFzNi4yMiAxMy44NiAxMy44NiAxMy44NiAxMy44Ni02LjIyIDEzLjg2LTEzLjg2YzAtMy40Ni0xLjI4LTYuNjItMy4zOS05LjA1Wk0xNiAzMEM5LjQ2IDMwIDQuMTQgMjQuNjggNC4xNCAxOC4xNFM5LjQ2IDYuMjggMTYgNi4yOHMxMS44NiA1LjMyIDExLjg2IDExLjg2UzIyLjU0IDMwIDE2IDMwbTQuOTktMTQuNzFjLjM5LjM5LjM5IDEuMDIgMCAxLjQxbC00LjI5IDQuMjljLS4yLjItLjQ1LjI5LS43MS4yOXMtLjUxLS4xLS43MS0uMjlsLTUuOTctNS45N2EuOTk2Ljk5NiAwIDEgMSAxLjQxLTEuNDFsNS4yNyA1LjI3IDMuNTgtMy41OGEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiPjxwYXRoIGQ9Im0zMi45OSAxMS4zIDEuNzktMS43OWMuNDQtLjQ0LjQ0LTEuMTUgMC0xLjU5cy0xLjE1LS40NC0xLjU5IDBMMzEuNCA5LjcxYy0yLjc4LTIuNDQtNi4zNS00LTEwLjI3LTQuMjZ2LTMuMmg0LjI3VjBIMTQuNjJ2Mi4yNWg0LjI3djMuMkM5Ljg2IDYuMDMgMi43IDEzLjUzIDIuNyAyMi43UzEwLjQ2IDQwIDIwIDQwczE3LjMtNy43NiAxNy4zLTE3LjNjMC00LjM3LTEuNjQtOC4zNS00LjMxLTExLjRNMjAgMzcuNzVDMTEuNyAzNy43NSA0Ljk1IDMxIDQuOTUgMjIuN1MxMS43IDcuNjUgMjAgNy42NSAzNS4wNSAxNC40IDM1LjA1IDIyLjcgMjguMyAzNy43NSAyMCAzNy43NW02LjE5LTE4LjU1Yy40NC40NC40NCAxLjE1IDAgMS41OWwtNS4zOSA1LjM5Yy0uMjIuMjItLjUxLjMzLS44LjMzcy0uNTgtLjExLS44LS4zM2wtNy41OS03LjZjLS40NC0uNDQtLjQ0LTEuMTUgMC0xLjU5czEuMTUtLjQ0IDEuNTkgMGw2LjggNi44IDQuNi00LjZjLjQ0LS40NCAxLjE1LS40NCAxLjU5IDBaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiPjxwYXRoIGQ9Im0zOS41MiAxMy41MSAyLjIzLTIuMjNjLjQ5LS40OS40OS0xLjI4IDAtMS43N3MtMS4yOC0uNDktMS43NyAwbC0yLjIzIDIuMjNhMjAuNjggMjAuNjggMCAwIDAtMTIuNS01LjE4VjIuNWg1LjI1VjBIMTcuNDl2Mi41aDUuMjV2NC4wNmMtMTAuODYuNjYtMTkuNSA5LjY4LTE5LjUgMjAuNjlTMTIuNTUgNDggMjQgNDhzMjAuNzYtOS4zMSAyMC43Ni0yMC43NWMwLTUuMjctMS45OS0xMC4wOC01LjI1LTEzLjc0Wk0yNCA0NS41MWMtMTAuMDcgMC0xOC4yNi04LjE5LTE4LjI2LTE4LjI1UzEzLjkzIDkgMjQgOXMxOC4yNiA4LjE5IDE4LjI2IDE4LjI1UzM0LjA3IDQ1LjUgMjQgNDUuNVptNy4zOS0yMi4zOWMuNDkuNDkuNDkgMS4yOCAwIDEuNzdsLTYuNSA2LjVjLS4yNC4yNC0uNTYuMzctLjg4LjM3cy0uNjQtLjEyLS44OC0uMzdsLTkuMzQtOS4zM2MtLjQ5LS40OS0uNDktMS4yOCAwLTEuNzdzMS4yOC0uNDkgMS43NyAwbDguNDYgOC40NSA1LjYyLTUuNjJhMS4yNSAxLjI1IDAgMCAxIDEuNzcgMFoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTUyLjQ3IDE3Ljgzcy4wNS0uMDMuMDctLjA1bDMuMTMtMy4xM2MuNTQtLjU0LjU0LTEuNDEgMC0xLjk0LS41NC0uNTQtMS40MS0uNTQtMS45NCAwbC0zLjEzIDMuMTNzLS4wMy4wNS0uMDUuMDdjLTQuNTktNC4xNi0xMC41OC02LjgxLTE3LjE4LTcuMTNWMi43NGg3LjM4VjBIMjMuMjR2Mi43NWg3LjM4djYuMDRDMTYuMDEgOS41MSA0LjM1IDIxLjYxIDQuMzUgMzYuMzhTMTYuNzUgNjQgMzEuOTkgNjRzMjcuNjQtMTIuMzkgMjcuNjQtMjcuNjJjMC03LjEzLTIuNzItMTMuNjQtNy4xNy0xOC41NFpNMzIgNjEuMjRjLTEzLjczIDAtMjQuODktMTEuMTYtMjQuODktMjQuODhTMTguMjggMTEuNDggMzIgMTEuNDhzMjQuODkgMTEuMTYgMjQuODkgMjQuODhTNDUuNzIgNjEuMjQgMzIgNjEuMjRtOS43Mi0zMC4yMWMuNTQuNTQuNTQgMS40MSAwIDEuOTRsLTguNzUgOC43NWMtLjI3LjI3LS42Mi40LS45Ny40cy0uNy0uMTMtLjk3LS40TDE4LjMxIDI5LjAxYy0uNTQtLjU0LS41NC0xLjQxIDAtMS45NC41NC0uNTQgMS40MS0uNTQgMS45NSAwbDExLjc1IDExLjc0IDcuNzgtNy43N2MuNTQtLjU0IDEuNDEtLjU0IDEuOTUgMFoiLz48L3N5bWJvbD48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMTYsIG5vbmUpIiBocmVmPSIjczE2Ii8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczI0LCBub25lKSIgaHJlZj0iI3MyNCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMzMiwgbm9uZSkiIGhyZWY9IiNzMzIiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNDAsIG5vbmUpIiBocmVmPSIjczQwIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQ4LCBub25lKSIgaHJlZj0iI3M0OCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM2NCwgbm9uZSkiIGhyZWY9IiNzNjQiLz48L3N5bWJvbD48L2RlZnM+PHN0eWxlPkBtZWRpYSAobWF4LXdpZHRoOiAyMy45OHB4KSB7Z3stLXMxNjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiAyNHB4KSBhbmQgKG1heC13aWR0aDogMzEuOThweCkge2d7LS1zMjQ6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMzJweCkgYW5kIChtYXgtd2lkdGg6IDM5Ljk4cHgpIHtney0tczMyOmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDQwcHgpIGFuZCAobWF4LXdpZHRoOiA0Ny45OHB4KSB7Z3stLXM0MDpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0OHB4KSBhbmQgKG1heC13aWR0aDogNjMuOThweCkge2d7LS1zNDg6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNjRweCkge2d7LS1zNjQ6YmxvY2s7fX08L3N0eWxlPjxnPjx1c2UgaHJlZj0iI2ktdGltZSIvPjwvZz48L3N2Zz4=")}input.form-control[type=time]:disabled::after{display:none}input.form-control[type=time].is-valid:not(:disabled),input.form-control[type=time].is-invalid:not(:disabled){padding-inline-end:calc(var(--post-device-position-2) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1)*2 + var(--post-device-spacing-padding-3));background-position:top 50% right calc(var(--post-device-position-2) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1))}input.form-control::placeholder{color:var(--post-scheme-color-interactive-input-enabled-fg);opacity:1}input.form-control[type=date]::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-meridiem-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-meridiem-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-meridiem-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-meridiem-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-meridiem-field:not(:focus){-webkit-text-fill-color:var(--post-scheme-color-interactive-input-enabled-fg) !important}input.form-control[type=date]::-webkit-datetime-edit-day-field:focus,input.form-control[type=date]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=date]::-webkit-datetime-edit-month-field:focus,input.form-control[type=date]::-webkit-datetime-edit-year-field:focus,input.form-control[type=date]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=date]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=date]::-webkit-datetime-edit-second-field:focus,input.form-control[type=date]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=date]::-webkit-datetime-edit-meridiem-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-day-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-month-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-year-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-second-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-meridiem-field:focus,input.form-control[type=month]::-webkit-datetime-edit-day-field:focus,input.form-control[type=month]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=month]::-webkit-datetime-edit-month-field:focus,input.form-control[type=month]::-webkit-datetime-edit-year-field:focus,input.form-control[type=month]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=month]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=month]::-webkit-datetime-edit-second-field:focus,input.form-control[type=month]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=month]::-webkit-datetime-edit-meridiem-field:focus,input.form-control[type=week]::-webkit-datetime-edit-day-field:focus,input.form-control[type=week]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=week]::-webkit-datetime-edit-month-field:focus,input.form-control[type=week]::-webkit-datetime-edit-year-field:focus,input.form-control[type=week]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=week]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=week]::-webkit-datetime-edit-second-field:focus,input.form-control[type=week]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=week]::-webkit-datetime-edit-meridiem-field:focus,input.form-control[type=time]::-webkit-datetime-edit-day-field:focus,input.form-control[type=time]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=time]::-webkit-datetime-edit-month-field:focus,input.form-control[type=time]::-webkit-datetime-edit-year-field:focus,input.form-control[type=time]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=time]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=time]::-webkit-datetime-edit-second-field:focus,input.form-control[type=time]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=time]::-webkit-datetime-edit-meridiem-field:focus{background-color:#b4d5fe !important;-webkit-text-fill-color:#000 !important}input.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}input.form-control:disabled::placeholder{color:var(--post-scheme-color-interactive-input-disabled-fg);opacity:1}input.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--post-scheme-color-interactive-input-hover-bg)}input.form-control.is-valid:not(:disabled),input.form-control.is-invalid:not(:disabled){background-size:var(--post-device-sizing-notification-1) var(--post-device-sizing-notification-1);background-position:top 50% right var(--post-device-position-2);background-repeat:no-repeat;padding-inline-end:calc(var(--post-device-spacing-padding-3) + var(--post-device-position-2) + var(--post-device-sizing-notification-1))}input.form-control.is-valid:not(:disabled).form-control-sm,input.form-control.is-invalid:not(:disabled).form-control-sm{background-size:var(--post-device-sizing-notification-5) var(--post-device-sizing-notification-5);padding-inline-end:calc(var(--post-device-spacing-padding-3) + var(--post-device-position-2) + var(--post-device-sizing-notification-5))}*:not(.form-floating)>input.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){*:not(.form-floating)>input.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){*:not(.form-floating)>input.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}*:not(.form-floating)>input.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){*:not(.form-floating)>input.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){*:not(.form-floating)>input.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}.form-label:has(+input.form-control[disabled]){color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-label:has(+input.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::after{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}.form-floating:has(>input.form-control.is-valid:not(:disabled))::after,.form-floating:has(>input.form-control:-webkit-autofill.is-valid)::after{content:"";position:absolute;inset-block-start:var(--post-form-floating-validation-icon-block-start, calc(var(--post-device-sizing-interactive-button-height-6) / 2));transform:translateY(-50%);inset-inline-end:var(--post-form-floating-validation-icon-inline-end, var(--post-device-position-2));z-index:2;pointer-events:none;background-image:var(--post-signal-icon-success)}.form-floating:has(>input.form-control.is-invalid:not(:disabled))::after,.form-floating:has(>input.form-control:-webkit-autofill.is-invalid)::after{content:"";position:absolute;inset-block-start:var(--post-form-floating-validation-icon-block-start, calc(var(--post-device-sizing-interactive-button-height-6) / 2));transform:translateY(-50%);inset-inline-end:var(--post-form-floating-validation-icon-inline-end, var(--post-device-position-2));z-index:1;pointer-events:none;background-image:var(--post-signal-icon-error)}.form-floating:has(>input.form-control[type=time].is-valid:not(:disabled))::after,.form-floating:has(>input.form-control[type=time]:-webkit-autofill.is-valid)::after,.form-floating:has(>input.form-control[type=time].is-invalid:not(:disabled))::after,.form-floating:has(>input.form-control[type=time]:-webkit-autofill.is-invalid)::after{inset-inline-end:calc(var(--post-device-position-2) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1))}.form-floating>input.form-control~label{position:absolute;z-index:1;text-align:start;pointer-events:none;display:block;inset-block-start:var(--post-device-border-width-default);inset-inline-start:var(--post-device-border-width-default);margin:0;padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-device-spacing-padding-inline-4);padding-block-start:var(--post-device-spacing-padding-block-28);border:0;color:var(--post-scheme-color-interactive-input-enabled-fg);width:auto;height:auto;max-width:calc(100% - var(--post-device-border-width-default)*2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:padding-block-start .2s ease-in-out,font-size .2s ease-in-out}.form-floating>input.form-control{min-height:var(--post-device-sizing-interactive-button-height-6);padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}.form-floating>input.form-control::placeholder{color:rgba(0,0,0,0);opacity:0;transition:opacity .25s linear}.form-floating>input.form-control:focus~label,.form-floating>input.form-control:not(:placeholder-shown)~label{color:var(--post-scheme-color-interactive-input-enabled-fg);font-size:var(--post-device-font-size-10);padding-block-start:var(--post-device-spacing-padding-block-30)}.form-floating>input.form-control:focus:not(:hover):not(:disabled)~label,.form-floating>input.form-control:not(:placeholder-shown):not(:hover):not(:disabled)~label{color:var(--post-scheme-color-interactive-input-enabled-fg)}.form-floating>input.form-control:focus::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1;transition:opacity .35s .15s linear}.form-floating>input.form-control:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg)}.form-floating>input.form-control:not(:disabled):hover~label{color:var(--post-scheme-color-interactive-input-hover-fg)}.form-floating>input.form-control[type=file]:focus,.form-floating>input.form-control[type=file]:not(:placeholder-shown){padding-inline-start:var(--post-device-spacing-padding-5);padding-inline-end:var(--post-device-spacing-padding-inline-4)}.form-floating>input.form-control:-webkit-autofill{padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}.form-floating>input.form-control:-webkit-autofill~label{color:var(--post-scheme-color-interactive-input-enabled-fg);font-size:var(--post-device-font-size-10);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-floating>input::placeholder{opacity:0}}
1
+ input.form-control{display:block;width:100%;font-family:inherit;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-device-spacing-padding-3);padding-block:var(--post-device-spacing-padding-block-1);height:var(--post-device-sizing-interactive-button-height-6);font-size:var(--post-device-font-size-12)}input.form-control.form-control-sm{height:var(--post-device-sizing-interactive-button-height-8);padding-block:var(--post-device-spacing-padding-26);font-size:var(--post-device-font-size-8)}input.form-control:focus{border-color:var(--post-scheme-color-interactive-input-enabled-border);background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg)}input.form-control: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}input.form-control: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){input.form-control:focus:focus-visible{outline-color:Highlight !important}}input.form-control: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){input.form-control:focus.pretend-focus{outline-color:Highlight !important}}input.form-control: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){input.form-control:focus:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){input.form-control: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){input.form-control: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){input.form-control:focus{border-color:FieldText !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:not(:disabled):hover,input.form-control:not(:disabled):focus{border-color:FieldText}}input.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){input.form-control:not(:disabled):hover{border-color:Highlight}}input.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)}input.form-control[type=file]{overflow:hidden;position:relative}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control[type=file]:disabled{color:GrayText;border-color:GrayText}}input.form-control[type=file]::file-selector-button{padding-block:var(--post-device-spacing-padding-block-1);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-device-spacing-padding-3);margin-block:calc(var(--post-device-spacing-padding-block-1)*-1);color:var(--post-scheme-color-interactive-input-enabled-fg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--post-device-border-width-default);border-radius:0;display:block;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-end:0;margin-inline:0;height:auto;background-color:inherit;border-right:0 none;border-left:inherit}@supports(background: -webkit-named-image(i)){input.form-control[type=file]::file-selector-button{display:initial;position:initial;margin-inline:0;padding-inline:0;width:0;border:0 none}input.form-control[type=file]::after{display:flex;align-items:center;content:"Choose File";position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-end:0;z-index:2;padding-inline:var(--post-device-spacing-padding-inline-1);background-color:inherit;border-inline-start:inherit;text-align:center}[lang=de] input.form-control[type=file]::after{content:"Datei auswählen"}[lang=fr] input.form-control[type=file]::after{content:"Choisir un fichier"}[lang=it] input.form-control[type=file]::after{content:"Scegli file"}input.form-control[type=file][multiple]::after{content:"Choose Files"}[lang=de] input.form-control[type=file][multiple]::after{content:"Dateien auswählen"}[lang=fr] input.form-control[type=file][multiple]::after{content:"Choisir des fichiers"}}input.form-control[type=file].is-valid::file-selector-button,input.form-control[type=file].is-invalid::file-selector-button{padding-inline-end:calc(var(--post-device-spacing-padding-3) + var(--post-device-position-2) + var(--post-device-sizing-notification-1))}input.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}input.form-control[type=time]{padding-inline-end:calc(var(--post-device-spacing-padding-3) + var(--post-device-position-2) + var(--post-device-sizing-notification-1))}input.form-control[type=time]::-webkit-date-and-time-value{text-align:start}input.form-control[type=time]::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:var(--post-device-position-2);inset-block-start:50%;transform:translateY(-50%);width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1);background:rgba(0,0,0,0);cursor:pointer;z-index:1;padding:0;margin:0}input.form-control[type=time]::-webkit-calendar-picker-indicator:focus-within{border-radius:4px;outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) var(--post-core-border-style-solid) var(--post-device-border-width-focus) !important}input.form-control[type=time]::after{position:absolute;inset-inline-end:var(--post-device-position-2);inset-block-start:50%;transform:translateY(-50%);width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1);content:"";display:block;pointer-events:none;background-color:var(--post-scheme-color-interactive-input-enabled-fg);z-index:2;mask-image:var(--post-icon-time);background-color:currentColor}:root,:host{--post-icon-time: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktdGltZSI+PHN5bWJvbCBpZD0iczE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Im0xMy40MSA0LjY4LjgtLjhjLjI5LS4yOS4yOS0uNzcgMC0xLjA2cy0uNzctLjI5LTEuMDYgMGwtLjguOGE2Ljk1IDYuOTUgMCAwIDAtMy42LTEuNXYtLjYxaDEuMzJWMEg1Ljk0djEuNWgxLjMydi42MWMtMy40OC4zOC02LjIgMy4zNC02LjIgNi45MiAwIDMuODQgMy4xMiA2Ljk2IDYuOTUgNi45NnM2Ljk1LTMuMTIgNi45NS02Ljk2YzAtMS42NS0uNTgtMy4xNy0xLjU0LTQuMzZaTTggMTQuNWMtMyAwLTUuNDUtMi40NS01LjQ1LTUuNDZTNC45OSAzLjU4IDggMy41OHM1LjQ1IDIuNDUgNS40NSA1LjQ2UzExLjAxIDE0LjUgOCAxNC41bTIuMjUtNi42OWMuMjkuMjkuMjkuNzcgMCAxLjA2bC0xLjcyIDEuNzJjLS4xNS4xNS0uMzQuMjItLjUzLjIycy0uMzgtLjA3LS41My0uMjJsLTIuNS0yLjUxYy0uMjktLjI5LS4yOS0uNzcgMC0xLjA2cy43Ny0uMjkgMS4wNiAwTDggOWwxLjE5LTEuMTljLjI5LS4yOS43Ny0uMjkgMS4wNiAwIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Im0xOS45NiA2Ljg4LjkxLS45MWMuMzQtLjM0LjM0LS44OSAwLTEuMjRzLS45LS4zNC0xLjI0IDBsLS45MS45MWExMC40IDEwLjQgMCAwIDAtNS44NC0yLjQyVjEuNzRoMi4zMVYwSDguODJ2MS43NWgyLjMxdjEuNDhjLTUuMzQuNDQtOS41NSA0LjkxLTkuNTUgMTAuMzZDMS41OCAxOS4zMyA2LjI2IDI0IDEyIDI0czEwLjQyLTQuNjcgMTAuNDItMTAuNDFjMC0yLjU2LS45My00LjktMi40Ny02LjcxWk0xMiAyMi4yNWMtNC43OCAwLTguNjctMy44OS04LjY3LTguNjZTNy4yMiA0LjkzIDEyIDQuOTNzOC42NyAzLjg5IDguNjcgOC42Ni0zLjg5IDguNjYtOC42NyA4LjY2bTMuOC0xMC44N2MuMzQuMzQuMzQuOSAwIDEuMjRsLTMuMTggMy4xOGMtLjE3LjE3LS40LjI2LS42Mi4yNnMtLjQ1LS4wOC0uNjItLjI2TDYuOCAxMS4yMmEuODguODggMCAwIDEgMC0xLjI0Yy4zNC0uMzQuOS0uMzQgMS4yNCAwbDMuOTcgMy45NiAyLjU2LTIuNTZjLjM0LS4zNC45LS4zNCAxLjI0IDBaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxwYXRoIGQ9Im0yNi40NyA5LjA5IDEuMzUtMS4zNWEuOTk2Ljk5NiAwIDEgMC0xLjQxLTEuNDFsLTEuMzUgMS4zNWMtMi4xOS0xLjktNC45OC0zLjEyLTguMDUtMy4zNFYyaDMuMjlWMGgtOC41N3YyaDMuMjl2Mi4zNGMtNy4xNy41Mi0xMi44NiA2LjUtMTIuODYgMTMuODFzNi4yMiAxMy44NiAxMy44NiAxMy44NiAxMy44Ni02LjIyIDEzLjg2LTEzLjg2YzAtMy40Ni0xLjI4LTYuNjItMy4zOS05LjA1Wk0xNiAzMEM5LjQ2IDMwIDQuMTQgMjQuNjggNC4xNCAxOC4xNFM5LjQ2IDYuMjggMTYgNi4yOHMxMS44NiA1LjMyIDExLjg2IDExLjg2UzIyLjU0IDMwIDE2IDMwbTQuOTktMTQuNzFjLjM5LjM5LjM5IDEuMDIgMCAxLjQxbC00LjI5IDQuMjljLS4yLjItLjQ1LjI5LS43MS4yOXMtLjUxLS4xLS43MS0uMjlsLTUuOTctNS45N2EuOTk2Ljk5NiAwIDEgMSAxLjQxLTEuNDFsNS4yNyA1LjI3IDMuNTgtMy41OGEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiPjxwYXRoIGQ9Im0zMi45OSAxMS4zIDEuNzktMS43OWMuNDQtLjQ0LjQ0LTEuMTUgMC0xLjU5cy0xLjE1LS40NC0xLjU5IDBMMzEuNCA5LjcxYy0yLjc4LTIuNDQtNi4zNS00LTEwLjI3LTQuMjZ2LTMuMmg0LjI3VjBIMTQuNjJ2Mi4yNWg0LjI3djMuMkM5Ljg2IDYuMDMgMi43IDEzLjUzIDIuNyAyMi43UzEwLjQ2IDQwIDIwIDQwczE3LjMtNy43NiAxNy4zLTE3LjNjMC00LjM3LTEuNjQtOC4zNS00LjMxLTExLjRNMjAgMzcuNzVDMTEuNyAzNy43NSA0Ljk1IDMxIDQuOTUgMjIuN1MxMS43IDcuNjUgMjAgNy42NSAzNS4wNSAxNC40IDM1LjA1IDIyLjcgMjguMyAzNy43NSAyMCAzNy43NW02LjE5LTE4LjU1Yy40NC40NC40NCAxLjE1IDAgMS41OWwtNS4zOSA1LjM5Yy0uMjIuMjItLjUxLjMzLS44LjMzcy0uNTgtLjExLS44LS4zM2wtNy41OS03LjZjLS40NC0uNDQtLjQ0LTEuMTUgMC0xLjU5czEuMTUtLjQ0IDEuNTkgMGw2LjggNi44IDQuNi00LjZjLjQ0LS40NCAxLjE1LS40NCAxLjU5IDBaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiPjxwYXRoIGQ9Im0zOS41MiAxMy41MSAyLjIzLTIuMjNjLjQ5LS40OS40OS0xLjI4IDAtMS43N3MtMS4yOC0uNDktMS43NyAwbC0yLjIzIDIuMjNhMjAuNjggMjAuNjggMCAwIDAtMTIuNS01LjE4VjIuNWg1LjI1VjBIMTcuNDl2Mi41aDUuMjV2NC4wNmMtMTAuODYuNjYtMTkuNSA5LjY4LTE5LjUgMjAuNjlTMTIuNTUgNDggMjQgNDhzMjAuNzYtOS4zMSAyMC43Ni0yMC43NWMwLTUuMjctMS45OS0xMC4wOC01LjI1LTEzLjc0Wk0yNCA0NS41MWMtMTAuMDcgMC0xOC4yNi04LjE5LTE4LjI2LTE4LjI1UzEzLjkzIDkgMjQgOXMxOC4yNiA4LjE5IDE4LjI2IDE4LjI1UzM0LjA3IDQ1LjUgMjQgNDUuNVptNy4zOS0yMi4zOWMuNDkuNDkuNDkgMS4yOCAwIDEuNzdsLTYuNSA2LjVjLS4yNC4yNC0uNTYuMzctLjg4LjM3cy0uNjQtLjEyLS44OC0uMzdsLTkuMzQtOS4zM2MtLjQ5LS40OS0uNDktMS4yOCAwLTEuNzdzMS4yOC0uNDkgMS43NyAwbDguNDYgOC40NSA1LjYyLTUuNjJhMS4yNSAxLjI1IDAgMCAxIDEuNzcgMFoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTUyLjQ3IDE3Ljgzcy4wNS0uMDMuMDctLjA1bDMuMTMtMy4xM2MuNTQtLjU0LjU0LTEuNDEgMC0xLjk0LS41NC0uNTQtMS40MS0uNTQtMS45NCAwbC0zLjEzIDMuMTNzLS4wMy4wNS0uMDUuMDdjLTQuNTktNC4xNi0xMC41OC02LjgxLTE3LjE4LTcuMTNWMi43NGg3LjM4VjBIMjMuMjR2Mi43NWg3LjM4djYuMDRDMTYuMDEgOS41MSA0LjM1IDIxLjYxIDQuMzUgMzYuMzhTMTYuNzUgNjQgMzEuOTkgNjRzMjcuNjQtMTIuMzkgMjcuNjQtMjcuNjJjMC03LjEzLTIuNzItMTMuNjQtNy4xNy0xOC41NFpNMzIgNjEuMjRjLTEzLjczIDAtMjQuODktMTEuMTYtMjQuODktMjQuODhTMTguMjggMTEuNDggMzIgMTEuNDhzMjQuODkgMTEuMTYgMjQuODkgMjQuODhTNDUuNzIgNjEuMjQgMzIgNjEuMjRtOS43Mi0zMC4yMWMuNTQuNTQuNTQgMS40MSAwIDEuOTRsLTguNzUgOC43NWMtLjI3LjI3LS42Mi40LS45Ny40cy0uNy0uMTMtLjk3LS40TDE4LjMxIDI5LjAxYy0uNTQtLjU0LS41NC0xLjQxIDAtMS45NC41NC0uNTQgMS40MS0uNTQgMS45NSAwbDExLjc1IDExLjc0IDcuNzgtNy43N2MuNTQtLjU0IDEuNDEtLjU0IDEuOTUgMFoiLz48L3N5bWJvbD48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMTYsIG5vbmUpIiBocmVmPSIjczE2Ii8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczI0LCBub25lKSIgaHJlZj0iI3MyNCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMzMiwgbm9uZSkiIGhyZWY9IiNzMzIiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNDAsIG5vbmUpIiBocmVmPSIjczQwIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQ4LCBub25lKSIgaHJlZj0iI3M0OCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM2NCwgbm9uZSkiIGhyZWY9IiNzNjQiLz48L3N5bWJvbD48L2RlZnM+PHN0eWxlPkBtZWRpYSAobWF4LXdpZHRoOiAyMy45OHB4KSB7Z3stLXMxNjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiAyNHB4KSBhbmQgKG1heC13aWR0aDogMzEuOThweCkge2d7LS1zMjQ6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMzJweCkgYW5kIChtYXgtd2lkdGg6IDM5Ljk4cHgpIHtney0tczMyOmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDQwcHgpIGFuZCAobWF4LXdpZHRoOiA0Ny45OHB4KSB7Z3stLXM0MDpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0OHB4KSBhbmQgKG1heC13aWR0aDogNjMuOThweCkge2d7LS1zNDg6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNjRweCkge2d7LS1zNjQ6YmxvY2s7fX08L3N0eWxlPjxnPjx1c2UgaHJlZj0iI2ktdGltZSIvPjwvZz48L3N2Zz4=")}input.form-control[type=time]:disabled::after{display:none}input.form-control[type=time].is-valid:not(:disabled),input.form-control[type=time].is-invalid:not(:disabled){padding-inline-end:calc(var(--post-device-position-2) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1)*2 + var(--post-device-spacing-padding-3));background-position:top 50% right calc(var(--post-device-position-2) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1))}input.form-control::placeholder{color:var(--post-scheme-color-interactive-input-enabled-fg);opacity:1}input.form-control[type=date]::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-meridiem-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-meridiem-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-meridiem-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-meridiem-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-meridiem-field:not(:focus){-webkit-text-fill-color:var(--post-scheme-color-interactive-input-enabled-fg) !important}input.form-control[type=date]::-webkit-datetime-edit-day-field:focus,input.form-control[type=date]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=date]::-webkit-datetime-edit-month-field:focus,input.form-control[type=date]::-webkit-datetime-edit-year-field:focus,input.form-control[type=date]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=date]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=date]::-webkit-datetime-edit-second-field:focus,input.form-control[type=date]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=date]::-webkit-datetime-edit-meridiem-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-day-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-month-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-year-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-second-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-meridiem-field:focus,input.form-control[type=month]::-webkit-datetime-edit-day-field:focus,input.form-control[type=month]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=month]::-webkit-datetime-edit-month-field:focus,input.form-control[type=month]::-webkit-datetime-edit-year-field:focus,input.form-control[type=month]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=month]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=month]::-webkit-datetime-edit-second-field:focus,input.form-control[type=month]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=month]::-webkit-datetime-edit-meridiem-field:focus,input.form-control[type=week]::-webkit-datetime-edit-day-field:focus,input.form-control[type=week]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=week]::-webkit-datetime-edit-month-field:focus,input.form-control[type=week]::-webkit-datetime-edit-year-field:focus,input.form-control[type=week]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=week]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=week]::-webkit-datetime-edit-second-field:focus,input.form-control[type=week]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=week]::-webkit-datetime-edit-meridiem-field:focus,input.form-control[type=time]::-webkit-datetime-edit-day-field:focus,input.form-control[type=time]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=time]::-webkit-datetime-edit-month-field:focus,input.form-control[type=time]::-webkit-datetime-edit-year-field:focus,input.form-control[type=time]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=time]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=time]::-webkit-datetime-edit-second-field:focus,input.form-control[type=time]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=time]::-webkit-datetime-edit-meridiem-field:focus{background-color:#b4d5fe !important;-webkit-text-fill-color:#000 !important}input.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}input.form-control:disabled::placeholder{color:var(--post-scheme-color-interactive-input-disabled-fg);opacity:1}input.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--post-scheme-color-interactive-input-hover-bg)}input.form-control.is-valid:not(:disabled),input.form-control.is-invalid:not(:disabled){background-size:var(--post-device-sizing-notification-1) var(--post-device-sizing-notification-1);background-position:top 50% right var(--post-device-position-2);background-repeat:no-repeat;padding-inline-end:calc(var(--post-device-spacing-padding-3) + var(--post-device-position-2) + var(--post-device-sizing-notification-1))}input.form-control.is-valid:not(:disabled).form-control-sm,input.form-control.is-invalid:not(:disabled).form-control-sm{background-size:var(--post-device-sizing-notification-5) var(--post-device-sizing-notification-5);padding-inline-end:calc(var(--post-device-spacing-padding-3) + var(--post-device-position-2) + var(--post-device-sizing-notification-5))}*:not(.form-floating)>input.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){*:not(.form-floating)>input.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){*:not(.form-floating)>input.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}*:not(.form-floating)>input.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){*:not(.form-floating)>input.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){*:not(.form-floating)>input.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}.form-label:has(+input.form-control[disabled]){color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-label:has(+input.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::after{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}.form-floating:has(>input.form-control.is-valid:not(:disabled))::after,.form-floating:has(>input.form-control:-webkit-autofill.is-valid)::after{content:"";position:absolute;inset-block-start:var(--post-form-floating-validation-icon-block-start, calc(var(--post-device-sizing-interactive-button-height-6) / 2));transform:translateY(-50%);inset-inline-end:var(--post-form-floating-validation-icon-inline-end, var(--post-device-position-2));z-index:2;pointer-events:none;background-image:var(--post-signal-icon-success)}.form-floating:has(>input.form-control.is-invalid:not(:disabled))::after,.form-floating:has(>input.form-control:-webkit-autofill.is-invalid)::after{content:"";position:absolute;inset-block-start:var(--post-form-floating-validation-icon-block-start, calc(var(--post-device-sizing-interactive-button-height-6) / 2));transform:translateY(-50%);inset-inline-end:var(--post-form-floating-validation-icon-inline-end, var(--post-device-position-2));z-index:1;pointer-events:none;background-image:var(--post-signal-icon-error)}.form-floating:has(>input.form-control[type=time].is-valid:not(:disabled))::after,.form-floating:has(>input.form-control[type=time]:-webkit-autofill.is-valid)::after,.form-floating:has(>input.form-control[type=time].is-invalid:not(:disabled))::after,.form-floating:has(>input.form-control[type=time]:-webkit-autofill.is-invalid)::after{inset-inline-end:calc(var(--post-device-position-2) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1))}.form-floating>input.form-control~label{position:absolute;z-index:1;text-align:start;pointer-events:none;display:block;inset-block-start:var(--post-device-border-width-default);inset-inline-start:var(--post-device-border-width-default);margin:0;padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-device-spacing-padding-inline-4);padding-block-start:var(--post-device-spacing-padding-block-28);border:0;color:var(--post-scheme-color-interactive-input-enabled-fg);font-size:var(--post-device-font-size-12);width:auto;height:auto;max-width:calc(100% - var(--post-device-border-width-default)*2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:padding-block-start .2s ease-in-out,font-size .2s ease-in-out}.form-floating>input.form-control{min-height:var(--post-device-sizing-interactive-button-height-6);padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}.form-floating>input.form-control::placeholder{color:rgba(0,0,0,0);opacity:0;transition:opacity .25s linear}.form-floating>input.form-control:focus~label,.form-floating>input.form-control:not(:placeholder-shown)~label{color:var(--post-scheme-color-interactive-input-enabled-fg);font-size:var(--post-device-font-size-10);padding-block-start:var(--post-device-spacing-padding-block-30)}.form-floating>input.form-control:focus:not(:hover):not(:disabled)~label,.form-floating>input.form-control:not(:placeholder-shown):not(:hover):not(:disabled)~label{color:var(--post-scheme-color-interactive-input-enabled-fg)}.form-floating>input.form-control:focus::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1;transition:opacity .35s .15s linear}.form-floating>input.form-control:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg)}.form-floating>input.form-control:not(:disabled):hover~label{color:var(--post-scheme-color-interactive-input-hover-fg)}.form-floating>input.form-control[type=file]:focus,.form-floating>input.form-control[type=file]:not(:placeholder-shown){padding-inline-start:var(--post-device-spacing-padding-5);padding-inline-end:var(--post-device-spacing-padding-inline-4)}.form-floating>input.form-control:-webkit-autofill{padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}.form-floating>input.form-control:-webkit-autofill~label{color:var(--post-scheme-color-interactive-input-enabled-fg);font-size:var(--post-device-font-size-10);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-floating>input::placeholder{opacity:0}}
package/components/form-input.scss CHANGED
@@ -34,6 +34,7 @@ input.form-control {
34
34
  padding-inline-end: tokens.get('input-padding-inline-end');
35
35
  padding-block: tokens.get('input-standalone-padding-block');
36
36
  height: tokens.get('input-sizing-height');
37
+ font-size: tokens.get('input-font-size');
37
38
 
38
39
  &.form-control-sm {
39
40
  height: tokens.get('input-small-sizing-height');
@@ -339,7 +340,7 @@ input.form-control {
339
340
  padding-inline: tokens.get('input-non-floating-small-label-padding-inline');
340
341
  padding-block: tokens.get('input-non-floating-small-label-padding-block');
341
342
  font-weight: tokens.get('input-non-floating-small-label-font-weight');
342
- font-size: tokens.get('input-non-floating-small-font-size');
343
+ font-size: tokens.get('input-non-floating-small-label-font-size');
343
344
  }
344
345
 
345
346
  .form-floating {
@@ -411,6 +412,7 @@ input.form-control {
411
412
  padding-block-start: tokens.get('input-label-empty-padding-block-start');
412
413
  border: 0;
413
414
  color: tokens.get('input-color-enabled-fg');
415
+ font-size: tokens.get('input-font-size');
414
416
  width: auto;
415
417
  height: auto;
416
418
  max-width: calc(100% - (#{tokens.get('input-border-width')} * 2));